@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* clearfix
--------------------------------------------------------*/
.cf:before, .wrapper .section.page .inner .sectionh2 .sectionh3 .box-01:before, .wrapper .section.page .inner .sectionh5 .about dl:before, .wrapper .section.page .inner .row.col-2:before, .cf:after, .wrapper .section.page .inner .sectionh2 .sectionh3 .box-01:after, .wrapper .section.page .inner .sectionh5 .about dl:after, .wrapper .section.page .inner .row.col-2:after { content: " "; display: table; }

.cf:after, .wrapper .section.page .inner .sectionh2 .sectionh3 .box-01:after, .wrapper .section.page .inner .sectionh5 .about dl:after, .wrapper .section.page .inner .row.col-2:after { clear: both; }

.cf, .wrapper .section.page .inner .sectionh2 .sectionh3 .box-01, .wrapper .section.page .inner .sectionh5 .about dl, .wrapper .section.page .inner .row.col-2 { *zoom: 1; }

/* mixins
--------------------------------------------------------*/
/* basic layouts
--------------------------------------------------------*/
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: 14px; font-style: normal; line-height: 1.3; margin: 0; padding: 0; }
body div, body dl, body dt, body dd, body ul, body ol, body li, body h1, body h2, body h3, body h4, body h5, body h6, body pre, body form, body fildset, body input, body textarea, body p, body blockquote, body table, body th, body td, body address { margin: 0; padding: 0; color: #000000; }
body table { border-collapse: collapse; border-spacing: 0; }
body textarea, body input { margin: 0; padding: 0; }
body caption, body th { text-align: left; }
body td, body th { vertical-align: middle; }
body fieldset, body img, body abbr { border: none; }
body hr { display: none; }
body ul { margin: 0; padding: 0; }
body li { list-style: none; float: left; }
body a { text-decoration: none; color: #000000; color: #666666; }
body a:hover, body a:active, body a:focus { color: #999; }
body a:hover, body a:active, body a:focus { text-decoration: underline; }
body img { vertical-align: bottom; max-width: 100%; height: auto; }
body .fl { float: left; }
body .fr { float: right; }
body .marb40 { margin-bottom: 40px; }
body .marb20 { margin-bottom: 20px; }
body .entry-modal { position: fixed; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; display: none; padding: 100px 0 0; }
body .entry-modal.on { display: block; z-index: 999999; }
body .entry-modal.fadein { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
body .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/common/bg-overlay.png); background-repeat: repeat; cursor: pointer; }
body .entry-box { padding: 0 0; position: relative; width: 800px; margin: 0 auto; top: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: transform 0.15s ease-out; -moz-transition: transform 0.15s ease-out; -ms-transition: transform 0.15s ease-out; -o-transition: transform 0.15s ease-out; transition: transform 0.15s ease-out; -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -webkit-transform: translateY(-25%); transform: translateY(-25%); background: transparent; z-index: 0; }
body .entry-box .inner h2 { text-align: center; font-size: 32px; font-weight: normal; color: #000; }
body .entry-box .inner ul { width: 760px; margin: 60px auto; }
body .entry-box .inner ul li { margin: 0 40px 0 0; }
body .entry-box .inner ul li a { display: block; width: 360px; height: 200px; background-image: url(../img/popup/fig-01.jpg); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
body .entry-box .inner ul li a:hover, body .entry-box .inner ul li a:active, body .entry-box .inner ul li a:focus { filter: alpha(opactiy=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
body .entry-box .inner ul li.last-child { margin: 0; }
body .entry-box .inner ul li.last-child a { background-image: url(../img/popup/fig-02.jpg); }
body .entry-box.on { display: block; z-index: 1000000; }
body .entry-box.fadein { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.eq-ie8 body .overlay { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/bg-overlay.png',sizingMethod='scale'); }

/* common layouts
--------------------------------------------------------*/
.wrapper .section .inner .tbl03 thead tr th { font-size: 13px; line-height: 160%; padding: 10px 0; text-align: center; color: #fff; background-color: #1E4394; font-weight: normal; }
.wrapper .section .inner .tbl03 tr th { font-size: 13px; line-height: 160%; color: #000; font-weight: bold; text-align: center; padding: 10px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; width: 150px; }
.wrapper .section .inner .tbl03 tr td { font-size: 13px; line-height: 160%; color: #000; text-align: left; padding: 10px; border: 1px solid #CCCCCC; }
.wrapper .section .inner .tbl03 tr td ul li { background-image: url(../img/common/ic-circle-01.png); background-repeat: no-repeat; background-position: 0 4px; padding: 0 0 0 14px; float: none; }
.wrapper .section.page .inner { word-wrap: break-word; }
.wrapper .section.page .inner .sectionh2 .sectionh3.imgarea { padding: 20px 0 0; }
.wrapper .section.page .inner .sectionh2 .sectionh3 .box-01 { border: 1px solid #CCCCCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.wrapper .section.page .inner .sectionh2 .sectionh3 .box-01 dt { float: left; color: #009226; font-size: 16px; line-height: 160%; width: 220px; padding: 20px; }
.wrapper .section.page .inner .sectionh2 .sectionh3 .box-01 dd { float: left; padding: 20px 0; }
.wrapper .section.page .inner .sectionh2 .sectionh3 .box-01 dd ul li { list-style-type: disc; list-style-position: outside; font-size: 14px; line-height: 160%; margin-bottom: 5px; float: none; }
.wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01.bg03 dd { background-image: url(../img/culture/fig-01.jpg); background-repeat: no-repeat; background-size: 150px 70px; background-position: 100% 50%; }
.wrapper .section.page .inner .sectionh2 .sectionh3.ver2 { margin: 0 0 60px 0; }
.wrapper .section.page .inner .sectionh2 .sectionh3.ver2 h3 { font-size: 24px; color: #1E4394; line-height: 160%; background-image: url(../img/common/bg-h2-v2.png); background-repeat: repeat-x; background-position: 0 50%; }
.wrapper .section.page .inner .sectionh2 .sectionh3.ver2 h3 span { background-color: #fff; padding: 0 20px 0 0; }
.wrapper .section.page .inner .sectionh2 .sectionh3.ver2 .subtitle { margin-bottom: 25px; font-size: 16px; }
.wrapper .section.page .inner .sectionh2 .sectionh3.ver2 p.marb40 { margin-bottom: 40px; }
.wrapper .section.page .inner .sectionh2 .sectionh3.ver2 .style-check { margin-bottom: 35px; }
.wrapper .section.page .inner .sectionh2 .sectionh3.ver2 .style-check li { font-size: 13px; line-height: 160%; padding: 0 0 0 25px; margin-bottom: 10px; background-image: url(../img/common/ic-check-02.png); background-repeat: no-repeat; background-position: 0 4px; background-size: 12px auto; float: none; }
.wrapper .section.page .inner .sectionh2 .sectionh3.ver2 .style-check li .note { display: block; margin-bottom: 10px; }
.wrapper .section.page .inner .sectionh2.border { border-top: 1px solid #000; padding: 40px 0 0; }
.wrapper .section.page .inner .sectionh2.border .title-area { margin-bottom: 40px; }
.wrapper .section.page .inner .sectionh2.border .title-area h2 { margin-bottom: 10px; }
.wrapper .section.page .inner .sectionh2.border .title-area .subtitle { color: #999999; font-size: 13px; }
.wrapper .section.page .inner .sectionh4 { margin: 0 0 40px 0; }
.wrapper .section.page .inner .sectionh5 { margin: 0 0 20px; }
.wrapper .section.page .inner .sectionh5 h5 { font-size: 13px; font-weight: bold; line-height: 160%; margin-bottom: 15px; }
.wrapper .section.page .inner .sectionh5 p { margin: 0 0 20px 40px; }
.wrapper .section.page .inner .sectionh5 ul.disc { margin: 0 0 20px 40px; }
.wrapper .section.page .inner .sectionh5 ul.disc li { font-size: 13px; line-height: 160%; float: none; list-style-type: disc; list-style-position: outside; }
.wrapper .section.page .inner .sectionh5 .about { margin: 0 0 0 20px; }
.wrapper .section.page .inner .sectionh5 .about p { margin: 0; }
.wrapper .section.page .inner .sectionh5 .about dl { margin: 0; }
.wrapper .section.page .inner .sectionh5 .about dl dt { font-size: 13px; line-height: 160%; float: left; }
.wrapper .section.page .inner .sectionh5 .about dl dd { float: left; font-size: 13px; line-height: 160%; }
.wrapper .section.page .inner .sectionh5 .about dl dd a { font-size: 13px; line-height: 160%; color: #1E4392; }
.wrapper .section.page .inner .row.col-2 { margin: 0 0 40px; }
.wrapper .section.page .inner .row.col-2 .col { float: left; width: 430px; margin: 0 40px 0 0; }
.wrapper .section.page .inner .row.col-2 .col .sectionh5 { margin: 0; }
.wrapper .section.page .inner .row.col-2 .col .sectionh5 img.fr { margin: 0; }
.wrapper .section.page .inner .row.col-2 .col .sectionh5 .cont { width: 200px; margin: 0 30px 0 0; }
.wrapper .section.page .inner .row.col-2 .col .sectionh5 .cont p { margin: 0; }
.wrapper .section.page .inner .row.col-2 .col.last-child { margin: 0; }
.wrapper .section.page.interview-detail.vision .inner .sectionh2 .section-head { border-bottom: none; padding: 0; margin: 0 0 30px; }
.wrapper .section.page.interview-detail.vision .inner .sectionh2 .section-head .fl.only-mb { margin-bottom: 10px; }

@media screen and (min-width: 740px) { .only-mb { display: none; }
  .entry { width: 224px; height: 70px; margin: 0 auto; }
  .entry a{ position: relative; display: block; background-color: #199F3E; color: #FFF; line-height: 70px; text-align: center; }
  .entry a:hover {
    color: #FFF;
    text-decoration: none;
    filter: alpha(opactiy=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;
  }
  .fixed .wrapper .section.navigation { position: fixed; top: 0; left: 0; background-image: url(../img/common/bg-fixednav.png); background-repeat: repeat; background-color: transparent; }
  .wrapper.index .section.main { margin: 70px 0 0; }
  .wrapper { background-color: #F4F4F4; position: relative; z-index: 0; }
  .wrapper .mypage { width: 140px; }
  .wrapper .mypage a { display: block; background-color: #199F3E; line-height: 70px; font-size: 13px; color: #fff; width: 140px; text-align: center; text-decoration: none; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
  .wrapper .mypage a:hover, .wrapper .mypage a:active, .wrapper .mypage a:focus { filter: alpha(opactiy=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
  .wrapper .section.header { background-color: #fff; margin: 0; position: relative; }
  .wrapper .section.header .inner { padding: 0; }
  .wrapper .section.header .slider ul li { width: 100%; }
  .wrapper .section.header .slider ul li img { width: 100%; min-width: 100%; }
  .wrapper .section.navigation { background-color: #fff; z-index: 1000; position: absolute; top: auto; left: auto; height: 70px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
  .wrapper .section.navigation .inner { padding: 0; }
  .wrapper .section.navigation .navi .logo { width: 185px; }
  .wrapper .section.navigation .navi .gnav { width: 655px; margin: 0; padding: 0 20px 0 0; }
  .wrapper .section.navigation .navi .gnav ul { float: right; }
  .wrapper .section.navigation .navi .gnav ul li { float: left; padding: 0; position: relative; z-index: 1000; }
  .wrapper .section.navigation .navi .gnav ul li a { line-height: 70px; font-size: 13px; display: block; color: #000; text-align: center; text-decoration: none; padding: 0 20px; }
  .wrapper .section.navigation .navi .gnav ul li a:hover, .wrapper .section.navigation .navi .gnav ul li a:active, .wrapper .section.navigation .navi .gnav ul li a:focus { background-image: url(../img/common/ic-arrow-01.png); background-repeat: no-repeat; background-position: 50% 52px; }
  .wrapper .section.navigation .navi .gnav ul li a.gout { color: #CDCDCD; }
  .wrapper .section.navigation .navi .gnav ul li a.gout:hover, .wrapper .section.navigation .navi .gnav ul li a.gout:active, .wrapper .section.navigation .navi .gnav ul li a.gout:focus { background-image: none; }
  .wrapper .section.navigation .navi .gnav ul li .sub-menu { display: none; position: absolute; left: 0; top: 70px; z-index: 9999; background-image: url(../img/common/bg-submenu.png); background-repeat: repeat; border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; padding: 10px 0; }
  .wrapper .section.navigation .navi .gnav ul li .sub-menu li { float: none; padding: 0; }
  .wrapper .section.navigation .navi .gnav ul li .sub-menu li a { min-width: 120px; background: none; line-height: 160%; color: #fff; padding: 10px 20px; text-align: center; }
  .wrapper .section.navigation .navi .gnav ul li .sub-menu li a:hover, .wrapper .section.navigation .navi .gnav ul li .sub-menu li a:active, .wrapper .section.navigation .navi .gnav ul li .sub-menu li a:focus { background-image: url(../img/common/bg-submenu-h.png); background-repeat: repeat; }
  .wrapper .section.navigation .navi .gnav ul li.c a { background-image: url(../img/common/ic-arrow-01.png); background-repeat: no-repeat; background-position: 50% 52px; }
  .wrapper .section.navigation .navi .gnav ul li.selected a { background-image: url(../img/common/ic-arrow-01.png); background-repeat: no-repeat; background-position: 50% 52px; }
  .wrapper .section .inner { width: 1000px; margin: 0 auto; padding: 50px 0; }
  .wrapper .section .inner .row.col-2 .col { float: left; }
  .wrapper .section .inner .row.col-2 .col.last-child { margin: 0; }
  .wrapper .section .inner .row.col-3 .col { width: 310px; margin: 0 35px 0 0; float: left; }
  .wrapper .section .inner .row.col-3 .col .block { text-decoration: none; display: block; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
  .wrapper .section .inner .row.col-3 .col .block:hover, .wrapper .section .inner .row.col-3 .col .block:active, .wrapper .section .inner .row.col-3 .col .block:focus { filter: alpha(opactiy=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
  .wrapper .section .inner .row.col-3 .col .block img:hover, .wrapper .section .inner .row.col-3 .col .block img:active, .wrapper .section .inner .row.col-3 .col .block img:focus { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
  .wrapper .section .inner .row.col-3 .col.last-child { margin: 0; }
  .wrapper .section .inner .row.col-3 .col.coming-soon .txt { display: none; }
  .wrapper .section .inner .row.col-3 .col.coming-soon .block:hover, .wrapper .section .inner .row.col-3 .col.coming-soon .block:active, .wrapper .section .inner .row.col-3 .col.coming-soon .block:focus { filter: alpha(opactiy=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
  .wrapper .section .inner table.tbl01 { width: 100%; }
  .wrapper .section .inner table.tbl01 tr th, .wrapper .section .inner table.tbl01 tr td { padding: 25px 0; border-bottom: 1px dashed #888888; color: #000; font-size: 13px; line-height: 160%; vertical-align: top; }
  .wrapper .section .inner table.tbl01 tr th p, .wrapper .section .inner table.tbl01 tr td p { margin: 0 0 20px; }
  .wrapper .section .inner table.tbl01 tr th .nm, .wrapper .section .inner table.tbl01 tr td .nm { margin: 0; }
  .wrapper .section .inner table.tbl01 tr th { width: 137px; }
  .wrapper .section .inner table.tbl02 { width: 100%; border-top: 3px solid #000; }
  .wrapper .section .inner table.tbl02 tr th, .wrapper .section .inner table.tbl02 tr td { padding: 25px 0; border-bottom: 1px dotted #888888; color: #000; font-size: 13px; line-height: 160%; vertical-align: top; }
  .wrapper .section .inner table.tbl02 tr th p, .wrapper .section .inner table.tbl02 tr td p { margin: 0 0 20px 0; }
  .wrapper .section .inner table.tbl02 tr th .nm, .wrapper .section .inner table.tbl02 tr td .nm { margin: 0; }
  .wrapper .section .inner table.tbl02 tr th { width: 145px; }
  .wrapper .section .inner table.tbl02 tr td.fig { width: 240px; padding: 25px 0 25px 35px; border: none; }
  .wrapper .section.index .row.col-3.index01 { margin: 0 0 40px 0; }
  .wrapper .section.index .row.col-3.index01 .col .thumb { position: relative; z-index: 1; }
  .wrapper .section.index .row.col-3.index01 .col .thumb h2 { width: 100%; height: 56px; background-image: url(../img/index/bg-h2-01.png); background-repeat: repeat; font-size: 16px; line-height: 56px; font-weight: normal; position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; }
  .wrapper .section.index .row.col-3.index01 .col .thumb h2.line-2 { line-height: 16px; font-size: 13px; padding: 12px 0; height: 32px; }
  .wrapper .section.index .row.col-3.index01 .col .cont { background-color: #fff; padding: 20px; }
  .wrapper .section.index .row.col-3.index01 .col .cont h3 { height: 13px; }
  .wrapper .section.index .row.col-3.index01 .col .cont h3 img { height: 100%; width: auto; vertical-align: top; }
  .wrapper .section.index .row.col-3.index01 .col .cont p { margin: 12px 0 0; font-size: 12px; line-height: 160%; }
  .wrapper .section.index .row.col-3.index02 .col a { padding: 10px; background-color: #fff; }
  .wrapper .section.index .row.col-3.index02 .col a table { width: 100%; }
  .wrapper .section.index .row.col-3.index02 .col a table th { width: 150px; }
  .wrapper .section.index .row.col-3.index02 .col a table td { padding: 0 0 0 10px; background-image: url(../img/common/ic-arrow-02.png); background-repeat: no-repeat; background-position: 100% 100%; }
  .wrapper .section.index .row.col-3.index02 .col a table td p { color: #1E4395; font-size: 14px; line-height: 140%; margin: 0 0 2px; }
  .wrapper .section.index .row.col-3.index02 .col a table td span { color: #999999; font-size: 11px; }
  .wrapper .section.entry-info .inner { width: 900px; padding: 50px 50px; background: #fff; }
  .wrapper .section.entry-info .inner h2 { font-size: 36px; color: #1E4394; font-weight: normal; margin: 0 0 50px; }
  .wrapper .section.entry-info .inner h3 { font-size: 20px; color: #000; font-weight: bold; padding: 0 0 20px; border-bottom: 3px solid #000; }
  .wrapper .section.uppers { background-image: url(../img/common/bg-footer.png); background-repeat: repeat-y; background-position: 50% 0; background-color: #E6E7E9; }
  .wrapper .section.uppers .inner { background: transparent; padding: 0; }
  .wrapper .section.uppers .inner .fl { width: 450px; padding: 40px 0 0; }
  .wrapper .section.uppers .inner .fl h3 { font-size: 20px; font-weight: normal; line-height: 160%; border-bottom: 1px solid #999999; padding: 0 0 10px; margin: 0 0 10px; }
  .wrapper .section.uppers .inner .fl .news { margin: 0 0 40px; }
  .wrapper .section.uppers .inner .fl .news dl dt { font-size: 12px; color: #00A040; margin: 0 0 8px; }
  .wrapper .section.uppers .inner .fl .news dl dd { font-size: 12px; line-height: 150%; color: #333333; margin: 0 0 16px; }
  .wrapper .section.uppers .inner .fr { width: 450px; padding: 40px 0 30px; }
  .wrapper .section.middles { background-color: #fff; }
  .wrapper .section.middles .inner { padding: 55px 0; }
  .wrapper .section.middles .inner .banners li { width: 33.3333%; }
  .wrapper .section.middles .inner .banners .txt { text-align: center; font-size: 14px; line-height: 140%; background-image: url(../img/common/bg-footbanner.png); background-position: 50% 50%; background-repeat: no-repeat; padding: 15px 0; }
  .wrapper .section.lowers { background-color: #1E4395; }
  .wrapper .section.lowers .inner { background-color: #1E4395; }
  .wrapper .section.lowers p.copy { text-align: center; color: #fff; font-size: 12px; }
  .wrapper .kv { background-position: 50% 100%; background-repeat: no-repeat; height: 360px; padding: 70px 0 0; }
  .wrapper .kv h1 { text-align: right; width: 1000px; margin: 0 auto; line-height: 360px; }
  .wrapper .kv h1 img { vertical-align: middle; height: 145px; }
  .wrapper .breadcrumb { width: 1000px; margin: 0 auto; }
  .wrapper .breadcrumb ul { padding: 23px 0; }
  .wrapper .breadcrumb ul li { font-size: 13px; line-height: 160%; color: #999; margin: 0 15px 0 0; }
  .wrapper .breadcrumb ul a { color: #333; text-decoration: underline; }
  .wrapper .breadcrumb ul a:hover, .wrapper .breadcrumb ul a:active, .wrapper .breadcrumb ul a:focus { color: #000; }
  .wrapper .section.page { background-color: #fff; width: 1000px; margin: 0 auto; }
  .wrapper .section.page .inner { width: 900px; padding: 40px 50px 50px; margin: 0 auto 50px; }
  .wrapper .section.page .inner .main-img { display: block; margin: 10px auto 30px; }
  .wrapper .section.page .inner .only-mb.main-img { display: none; }
  .wrapper .section.page .inner .sectionh2 { margin: 0 0 50px; }
  .wrapper .section.page .inner .sectionh2 .section-head { padding: 0 0 45px; border-bottom: 3px solid #000; margin: 0 0 35px; }
  .wrapper .section.page .inner .sectionh2 .section-head h1 { font-size: 32px; line-height: 160%; font-weight: normal; color: #1E4393; }
  .wrapper .section.page .inner .sectionh2 .section-head h2 { margin: 20px 0 0; font-size: 40px; line-height: 160%; color: #000; }
  .wrapper .section.page .inner .sectionh2 .section-head p.info { margin: 15px 0 0; font-size: 14px; line-height: 160%; color: #999; }
  .wrapper .section.page .inner .sectionh2 h2 { color: #1E4393; font-size: 36px; line-height: 140%; margin: 0 0 25px; font-weight: normal; }
  .wrapper .section.page .inner .sectionh2 img.fr { margin: 0 0 40px 40px; }
  .wrapper .section.page .inner .sectionh2 img.fl { margin: 0 40px 40px 0; }
  .wrapper .section.page .inner .sectionh2 p { font-size: 13px; line-height: 160%; }
  .wrapper .section.page .inner .sectionh2 .content-box { padding: 30px 30px 10px 30px; background-color: #F4F5FA; }
  .wrapper .section.page .inner .sectionh2 .content-box ul li { float: none; padding: 0 0 0 30px; margin: 0 0 20px; background-image: url(../img/common/ic-check-01.png); background-position: 0 50%; background-repeat: no-repeat; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; color: #333333; }
  .wrapper .section.page .inner .sectionh2 .content-box p { margin: 10px 0 20px; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 { margin: 0 0 40px; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col { width: 280px; margin: 0 30px 0 0; float: left; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col p { margin: 8px 0 0; padding: 0 0 0 2px; font-size: 12px; line-height: 160%; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col p.name { color: #1E4392; margin: 12px 0 0; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col p.info { color: #999; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col span.note { margin: 0 20px 0 0; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col.last-child { margin: 0; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 { margin: 0 0 30px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 h3 { font-size: 24px; line-height: 140%; color: #000; font-weight: normal; margin: 0 0 20px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .cont.fl { width: 550px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 p { margin: 0 0 20px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 p a { color: #1E4392; text-decoration: underline; background-image: url(../img/common/ic-arrow-02.png); background-repeat: no-repeat; background-position: 0 50%; background-size: 7px auto; padding: 1px 0 1px 15px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.cf, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01, .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl, .wrapper .section.page .inner .sectionh5 .about .sectionh2 .sectionh3 dl, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.row.col-2 { margin: 0 0 5px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.cf dt, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dt, .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dt, .wrapper .section.page .inner .sectionh5 .about .sectionh2 .sectionh3 dl dt, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.row.col-2 dt, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.cf dd, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dd, .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dd, .wrapper .section.page .inner .sectionh5 .about .sectionh2 .sectionh3 dl dd, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.row.col-2 dd { float: left; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.cf dt, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dt, .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dt, .wrapper .section.page .inner .sectionh5 .about .sectionh2 .sectionh3 dl dt, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.row.col-2 dt { width: 100px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.cf dd a, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dd a, .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dd a, .wrapper .section.page .inner .sectionh5 .about .sectionh2 .sectionh3 dl dd a, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.row.col-2 dd a { color: #1E4392; text-decoration: underline; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 { margin: 0 0 10px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dt { font-size: 16px; line-height: 160%; width: 240px; padding: 20px 0 20px 20px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dd { padding: 20px 0 20px 20px; width: 618px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dd ul li { font-size: 14px; line-height: 160%; margin-bottom: 0; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 p { margin: 0 0 20px 20px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about { margin: 0 0 0 20px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about p { margin: 0; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl { width: 100%; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dt { font-size: 13px; line-height: 160%; float: left; width: 55px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dd { float: left; font-size: 13px; line-height: 160%; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dd a { font-size: 13px; line-height: 160%; color: #1E4392; }
  .wrapper .section.page .inner .sectionh2 .archive { text-align: right; }
  .wrapper .section.page .inner .sectionh2 .archive a { font-size: 12px; line-height: 160%; color: #1E4392; background-image: url(../img/common/ic-arrow-02.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: 8px auto; padding: 0 20px 0 0; }
  .wrapper .section.page .inner .sectionh2.nm { margin: 0; }
  .wrapper .section.page .inner .sectionh2.lists h3 { font-size: 16px; background-image: url(../img/common/bg-dot.png); background-repeat: repeat-x; background-position: 50%; margin: 0 0 40px; }
  .wrapper .section.page .inner .sectionh2.lists h3 span { background-color: #fff; padding: 0 15px 0 0; }
  .wrapper .section.page .inner .sectionh2.lists ul { margin: 0 0 20px; }
  .wrapper .section.page .inner .sectionh2.lists ul li { width: 160px; margin: 0 25px 0 0; position: relative; }
  .wrapper .section.page .inner .sectionh2.lists ul li a { display: block; text-decoration: none; }
  .wrapper .section.page .inner .sectionh2.lists ul li a:hover .cover, .wrapper .section.page .inner .sectionh2.lists ul li a:active .cover, .wrapper .section.page .inner .sectionh2.lists ul li a:focus .cover { filter: alpha(opactiy=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
  .wrapper .section.page .inner .sectionh2.lists ul li a:hover h4, .wrapper .section.page .inner .sectionh2.lists ul li a:active h4, .wrapper .section.page .inner .sectionh2.lists ul li a:focus h4 { color: #199F3E; }
  .wrapper .section.page .inner .sectionh2.lists ul li img { margin: 0 0 8px; z-index: 10; }
  .wrapper .section.page .inner .sectionh2.lists ul li .cover { position: absolute; top: 0; left: 0; z-index: 100; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
  .wrapper .section.page .inner .sectionh2.lists ul li h4 { font-size: 12px; line-height: 160%; color: #1E4394; text-align: center; margin: 0 0 5px; }
  .wrapper .section.page .inner .sectionh2.lists ul li p { font-size: 12px; color: #999; line-height: 160%; text-align: center; margin: 0 0 5px; }
  .wrapper .section.page .inner .sectionh2.lists ul li.fifth-child { margin: 0; }
  .wrapper .section.page .inner .sectionh2.lists ul li.c h4 { color: #199F3E; }
  .wrapper .section.page .inner .sectionh2.lists .col-3 .c a p { color: #199F3E; }
  .wrapper .kv.company { background-image: url(../img/company/kv.jpg); }
  .wrapper .kv.recruit { background-image: url(../img/recruit/kv.jpg); }
  .wrapper .kv.welfare { background-image: url(../img/welfare/kv.jpg); }
  .wrapper .section.page.recuirt .inner { padding: 40px 50px 10px; }
  .wrapper .section.page.recuirt .inner .entry { margin: 15px 0 0; }
  .wrapper .section.page.recuirt .inner .entry a { color: #199F3E; font-size: 14px; line-height: 150%; }
  .wrapper .section.page.recuirt .inner .mypage { width: 200px; margin: 15px 0 0; }
  .wrapper .section.page.recuirt .inner .mypage a { width: 220px; line-height: 70px; }
  .wrapper .kv.interview { background-image: url(../img/interview/kv.jpg); }
  .wrapper .section.page.interview .inner { padding: 40px 50px 10px; }
  .wrapper .section.page.interview .inner .sectionh3 { margin: 0 0 60px 0; }
  .wrapper .section.page.interview-detail .inner { padding: 40px 50px 10px; }
  .wrapper .section.page.interview-detail .inner .sectionh3 { margin: 0 0 60px 0; }
  .wrapper .section.page.interview-detail .inner .sectionh3 h3 { color: #1E4393; }
  .wrapper .section.page.interview-detail .inner .sectionh3 img.w300 { width: 300px; }
  .wrapper .kv.project { background-image: url(../img/project/kv.jpg); }
  .wrapper .section.page.project-detail.project-03 .inner .sectionh2 .section-head .fl { width: 640px; }
  .wrapper .section.page.project-detail.project-03 .inner .sectionh2 .section-head .fr { width: 209px; }
  .wrapper .section.page.project-detail .inner .sectionh2 .section-head .fl { width: 540px; }
  .wrapper .section.page.project-detail .inner .sectionh2 .section-head .fr { width: 360px; }
  .wrapper .section.page.project-detail .inner .sectionh2 .section-head .name { font-size: 20px; line-height: 140%; font-weight: normal; margin: 20px 0 0; }
  .wrapper .section.page.project-detail .inner .sectionh3 { margin: 0 0 60px 0; }
  .wrapper .section.page.project-detail .inner .sectionh3 ._q { margin: 15px 0 10px; font-weight: bold; }
  .wrapper .section.page.project-detail .inner .sectionh3 h3 { color: #1E4393; }
  .wrapper .section.page.project-detail .inner .sectionh3 p { margin: 0 0 5px; }
  .wrapper .section.page.project-detail .inner .sectionh3 ul { margin: 10px 0; }
  .wrapper .section.page.project-detail .inner .sectionh3 ul li { float: none; font-size: 13px; line-height: 160%; padding: 0 0 0 10px; margin: 0 0 5px; list-style-type: disc; list-style-position: inside; }
  .wrapper .kv.business { background-image: url(../img/business/kv.jpg); }
  .wrapper .section.page.business .inner .sectionh3 { margin: 0 0 60px 0; }
  .wrapper .kv.special { background-image: url(../img/special/kv.jpg); }
  .wrapper .kv.culture { background-image: url(../img/culture/kv.jpg); }
  .wrapper .kv.education { background-image: url(../img/education/kv.jpg); }
  .wrapper .kv.vision { background-image: url(../img/vision/kv.jpg); }
  .wrapper .section.page.vision .inner .sectionh2 .content-box { padding: 20px; background-color: #F4F5FA; }
  .wrapper .section.page.vision .inner .sectionh2 .content-box p { margin: 10px 0; } }
/* below 640px layouts
--------------------------------------------------------*/
@media screen and (max-width: 739px) { html { font-size: 62.5%; line-height: 160%; }
  .entry { width: 185px; height: 56px; margin: 0 auto; }
  .entry a{ position: relative; display: block; background-color: #199F3E; color: #FFF; line-height: 70px; text-align: center; }
  .wrapper .kv.welfare { background: url(../img/welfare/kv.jpg) center; background-size: cover; }
  .welfare_title{ width: 120px; margin-right: 20px; }
  .only-pc { display: none; }
  .wrapper { background-color: #F4F4F4; position: relative; z-index: 0; }
  .wrapper .section.header.only-mb { position: relative; display: table; z-index: 10; }
  .wrapper .section.header.only-mb .cell { display: table-cell; vertical-align: middle; width: 50%; padding: 5px 10px; }
  .wrapper .section.header.only-mb .cell.right { text-align: right; }
  .wrapper .section.header.only-mb h1 img { width: 185px; }
  .wrapper .section.header.only-mb button { background: none; border: none; margin: 0; padding: 0; }
  .wrapper .section.header.only-mb button .ic { background-image: url(../img/common/mb/ic-menu.png); background-repeat: no-repeat; background-size: 100%; background-position: 0 0; display: block; width: 22px; height: 17px; }
  .wrapper .section { background-color: #fff; margin: 0; }
  .wrapper .section .slider ul li { width: 100%; }
  .wrapper .section .slider ul li img { width: 100%; min-width: 100%; }
  .wrapper .section.navigation { margin: 10px 0; position: absolute; top: 0; width: 100%; background: #fff; opacity: 0; pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); -moz-transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); -ms-transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22); z-index: 0; padding: 0 0 10px; }
  .wrapper .section.navigation .inner { padding: 0; }
  .wrapper .section.navigation .navi .logo { display: none; }
  .wrapper .section.navigation .navi .gnav { float: none; }
  .wrapper .section.navigation .navi .gnav ul li { float: none; border-bottom: 1px solid #ddd; width: 100%; }
  .wrapper .section.navigation .navi .gnav ul li a { display: block; background: url("../img/common/ic-arrow-04.png") no-repeat 97% 50%; background-size: 8px 14px; color: #000; font-size: 1.4rem; line-height: 160%; padding: 15px 0 15px 10px; text-decoration: none; }
  .wrapper .section.navigation .navi .gnav ul li a.c { background: url("../img/common/ic-arrow-05.png") no-repeat 97% 50%; background-size: 14px 8px; }
  .wrapper .section.navigation .navi .gnav ul li a.gout { color: #CDCDCD; }
  .wrapper .section.navigation .navi .gnav ul li .sub-menu { display: none; }
  .wrapper .section.navigation .navi .gnav ul li .sub-menu li { background-color: #f1f1f1; border-bottom: 1px solid #fff; }
  .wrapper .section.navigation .navi .gnav ul li .sub-menu li a { padding: 15px 25px 15px 20px; }
  .wrapper .section.navigation .fr { float: none; }
  .wrapper .section.navigation .closebar { background: #1E4395; height: 63px; }
  .wrapper .section.navigation .closebar p { text-align: right; float: left; width: 85%; line-height: 63px; font-size: 0.8rem; color: #fff; }
  .wrapper .section.navigation .closebar .close { background: url("../img/common/ic-close.png") no-repeat 50% 50%; background-size: 20px 20px; width: 15%; height: 63px; display: block; float: left; cursor: pointer; }
  .wrapper .section.navigation .mypage { width: 100%; }
  .wrapper .section.navigation .mypage a { display: block; background-color: #199F3E; line-height: 70px; font-size: 1.4rem; color: #fff; width: 100%; text-align: center; text-decoration: none; }
  .wrapper .section.navigation.opened { margin: 0; opacity: 1; pointer-events: auto; z-index: 1001; }
  .wrapper .section .inner { width: 100%; margin: 0 auto; padding: 10px 0; }
  .wrapper .section .inner .row.col-3 .col { width: 100%; margin: 0 0 10px 0; }
  .wrapper .section .inner .row.col-3 .col .block { border-right: 10px solid #F4F4F4; border-left: 10px solid #F4F4F4; display: block; text-decoration: none; }
  .wrapper .section .inner table.tbl01 { width: 100%; }
  .wrapper .section .inner table.tbl01 tr th, .wrapper .section .inner table.tbl01 tr td { padding: 25px 0; border-bottom: 1px dashed #888888; color: #000; font-size: 13px; line-height: 160%; vertical-align: top; }
  .wrapper .section .inner table.tbl01 tr th p, .wrapper .section .inner table.tbl01 tr td p { margin: 0 0 20px; }
  .wrapper .section .inner table.tbl01 tr th .nm, .wrapper .section .inner table.tbl01 tr td .nm { margin: 0; }
  .wrapper .section .inner table.tbl01 tr th { width: 137px; }
  .wrapper .section .inner table.tbl02 { width: 100%; border-top: 3px solid #000; }
  .wrapper .section .inner table.tbl02 tr th, .wrapper .section .inner table.tbl02 tr td { width: 100%; display: block; color: #000; font-size: 13px; line-height: 160%; vertical-align: top; }
  .wrapper .section .inner table.tbl02 tr th .nm, .wrapper .section .inner table.tbl02 tr td .nm { margin: 0; }
  .wrapper .section .inner table.tbl02 tr th { padding: 10px 0 3px; }
  .wrapper .section .inner table.tbl02 tr td { padding: 3px 0 10px; border-bottom: 1px dotted #888888; }
  .wrapper .section .inner table.tbl02 tr td.fig { width: 0; padding: 0; border: none; }
  .wrapper .section .inner table.tbl03 { border-top: 2px solid #1E4394; }
  .wrapper .section .inner table.tbl03 thead { display: none; }
  .wrapper .section .inner table.tbl03 thead tr th { font-size: 1.2rem; color: #fff; display: block; font-weight: normal; }
  .wrapper .section .inner table.tbl03 tr th { display: block; font-size: 1.2rem; line-height: 160%; color: #000; font-weight: bold; text-align: center; padding: 10px 0 5px; border: none; width: auto; text-align: left; }
  .wrapper .section .inner table.tbl03 tr td { display: block; font-size: 1.2rem; line-height: 160%; color: #000; text-align: left; padding: 10px; padding: 0 0 10px 0; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #ddd; }
  .wrapper .section .inner table.tbl03 tr td ul li { background-image: url(../img/common/ic-circle-01.png); background-repeat: no-repeat; background-position: 0 4px; padding: 0 0 0 14px; float: none; }
  .wrapper .section.index { background-color: #F4F4F4; }
  .wrapper .section.index .row.col-3.index01 .col .thumb { position: relative; z-index: 1; }
  .wrapper .section.index .row.col-3.index01 .col .thumb h2 { width: 100%; background-image: url(../img/index/bg-h2-01.png); background-repeat: repeat; font-size: 1.6rem; line-height: 200%; padding: 10px 0; font-weight: normal; position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; }
  .wrapper .section.index .row.col-3.index01 .col .thumb img { width: 100%; }
  .wrapper .section.index .row.col-3.index01 .col .cont { background-color: #fff; padding: 15px; }
  .wrapper .section.index .row.col-3.index01 .col .cont h3 { height: 13px; }
  .wrapper .section.index .row.col-3.index01 .col .cont h3 img { height: 100%; width: auto; vertical-align: top; }
  .wrapper .section.index .row.col-3.index01 .col .cont p { margin: 12px 0 0; font-size: 1.2rem; line-height: 160%; }
  .wrapper .section.index .row.col-3.index02 { margin: 10px 0 0; }
  .wrapper .section.index .row.col-3.index02 .col a { padding: 10px; background-color: #fff; }
  .wrapper .section.index .row.col-3.index02 .col a table { width: 100%; }
  .wrapper .section.index .row.col-3.index02 .col a table th { width: 50%; }
  .wrapper .section.index .row.col-3.index02 .col a table th img { width: 100%; }
  .wrapper .section.index .row.col-3.index02 .col a table td { padding: 0 0 0 10px; background-image: url(../img/common/ic-arrow-02.png); background-repeat: no-repeat; background-position: 100% 50%; }
  .wrapper .section.index .row.col-3.index02 .col a table td p { color: #1E4395; font-size: 1.4rem; line-height: 140%; margin: 0 0 2px; }
  .wrapper .section.index .row.col-3.index02 .col a table td span { color: #999999; font-size: 1.1rem; }
  .wrapper .section.entry-info .inner { width: 100%; padding: 0; background: #fff; }
  .wrapper .section.entry-info .inner h2 { font-size: 1.8rem; color: #1E4394; font-weight: normal; margin: 0 0 50px; }
  .wrapper .section.entry-info .inner h3 { font-size: 1.0rem; color: #000; font-weight: bold; padding: 0 0 10px; border-bottom: 3px solid #000; }
  .wrapper .section.uppers { background-image: url(../img/common/bg-footer.png); background-repeat: repeat-y; background-position: 50% 0; background-color: #E6E7E9; }
  .wrapper .section.uppers .inner { background: transparent; padding: 20px 0; }
  .wrapper .section.uppers .inner .fl { float: none; width: auto; padding: 0 10px; }
  .wrapper .section.uppers .inner .fl h3 { font-size: 1.2rem; font-weight: normal; line-height: 160%; border-bottom: 1px solid #999999; padding: 0 0 10px; margin: 0 0 10px; }
  .wrapper .section.uppers .inner .fl .news { margin: 0 0 20px; }
  .wrapper .section.uppers .inner .fl .news dl dt { font-size: 1.2rem; color: #00A040; margin: 0 0 8px; }
  .wrapper .section.uppers .inner .fl .news dl dd { font-size: 1.2rem; line-height: 150%; color: #333333; margin: 0 0 16px; }
  .wrapper .section.uppers .inner .fr { border-top: 1px solid #fff; float: none; width: 100%; padding: 10px 0; overflow: hidden; }
  .wrapper .section.middles { background-color: #fff; }
  .wrapper .section.middles .inner { padding: 15px 0 25px; }
  .wrapper .section.middles .inner .banners li { width: 80%; margin: 0 10%; }
  .wrapper .section.middles .inner .banners .txt { text-align: center; font-size: 1.2rem; line-height: 140%; background-image: url(../img/common/mb/bg-footbanner.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 90%; padding: 10px 0; }
  .wrapper .section.middles .inner .banners .bn01 { width: 40%; margin: 0 0 0 10%; float: left; }
  .wrapper .section.middles .inner .banners .bn02 { width: 40%; margin: 0 10% 0 0; float: left; }
  .wrapper .section.lowers { background-color: #1E4395; }
  .wrapper .section.lowers .inner { background-color: #1E4395; padding: 30px 0; }
  .wrapper .section.lowers p.copy { text-align: center; color: #fff; font-size: 1.0rem; }
  .wrapper .kv { background-position: 50% 100%; background-repeat: no-repeat; background-size: 100% auto; min-height: 180px; height: auto; width: 100%; padding: 0; display: table; }
  .wrapper .kv h1 { text-align: right; width: 100%; margin: 0 auto; display: table-cell; vertical-align: middle; }
  .wrapper .kv h1 img { vertical-align: middle; height: 75px; }
  .wrapper .breadcrumb { width: 100%; margin: 0 auto; }
  .wrapper .breadcrumb ul { padding: 15px 0 5px; margin: 0 0 0 10px; }
  .wrapper .breadcrumb ul li { font-size: 1.0rem; line-height: 160%; color: #999; margin: 0 15px 3px 0; }
  .wrapper .breadcrumb ul a { color: #333; text-decoration: underline; }
  .wrapper .section.page { background-color: #fff; width: 100%; margin: 0 auto; }
  .wrapper .section.page .inner { width: auto; padding: 0px 0 15px; margin: 0 auto; border: 10px solid #F4F4F4; }
  .wrapper .section.page .inner .sectionh2 { margin: 0; padding: 15px; }
  .wrapper .section.page .inner .sectionh2 .section-head { padding: 0 0 10px; border-bottom: 2px solid #000; margin: 0 0 15px; }
  .wrapper .section.page .inner .sectionh2 .section-head h1 { font-size: 1.6rem; line-height: 160%; font-weight: normal; color: #1E4393; }
  .wrapper .section.page .inner .sectionh2 .section-head h2 { margin: 10px 0 0; font-size: 2.0rem; line-height: 160%; color: #000; }
  .wrapper .section.page .inner .sectionh2 .section-head p.info { margin: 5px 0 0; font-size: 1.2rem; line-height: 160%; color: #999; }
  .wrapper .section.page .inner .sectionh2 .cont img.fr { float: right; max-width: 60%; margin: 0 0 10px 10px; }
  .wrapper .section.page .inner .sectionh2 .cont img.fl { float: left; max-width: 60%; margin: 0 10px 10px 0; }
  .wrapper .section.page .inner .sectionh2 h2 { color: #1E4393; font-size: 2.0rem; line-height: 160%; margin: 0 0 10px; font-weight: normal; }
  .wrapper .section.page .inner .sectionh2 img.centerblock { display: block; margin: 15px auto; }
  .wrapper .section.page .inner .sectionh2 .w125 { width: 125px; }
  .wrapper .section.page .inner .sectionh2 img.fr { float: none; }
  .wrapper .section.page .inner .sectionh2 img.fl { float: none; }
  .wrapper .section.page .inner .sectionh2 p { font-size: 1.4rem; line-height: 160%; }
  .wrapper .section.page .inner .sectionh2 .content-box { padding: 15px 15px 10px 15px; background-color: #F4F5FA; }
  .wrapper .section.page .inner .sectionh2 .content-box ul li { float: none; padding: 0 0 0 20px; margin: 0 0 15px; background-image: url(../img/common/ic-check-01.png); background-position: 0 5px; background-repeat: no-repeat; background-size: 10px auto; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; color: #333333; }
  .wrapper .section.page .inner .sectionh2 .row.col-2 { margin: 0 0 20px; }
  .wrapper .section.page .inner .sectionh2 .row.col-2 .col { float: none; width: auto; margin: 0 0 20px; }
  .wrapper .section.page .inner .sectionh2 .row.col-2 .col p { font-size: 1.2rem; margin: 0; }
  .wrapper .section.page .inner .sectionh2 .row.col-2 .col .sectionh5 { margin: 0; }
  .wrapper .section.page .inner .sectionh2 .row.col-2 .col .sectionh5 img.fr { margin: 0 0 10px; }
  .wrapper .section.page .inner .sectionh2 .row.col-2 .col .sectionh5 .cont { width: auto; margin: 0 0; }
  .wrapper .section.page .inner .sectionh2 .row.col-2 .col .sectionh5 .cont p { margin: 0; font-size: 1.2rem; }
  .wrapper .section.page .inner .sectionh2 .row.col-2 .col.last-child { margin: 0 0; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 { margin: 0 0; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col { width: 100%; padding: 10px 0; margin: 0; float: none; display: table; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col .block { display: table-row; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col img { display: table-cell; vertical-align: middle; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col .txt { display: table-cell; vertical-align: middle; background-image: url(../img/common/ic-arrow-02.png); background-position: 100% 50%; background-repeat: no-repeat; padding: 0 10px; background-size: 6px auto; width: 50%; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col p { margin: 5px 0 0; padding: 0 0 0 2px; font-size: 1.2rem; line-height: 160%; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col p.name { color: #1E4392; margin: 0; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col p.info { font-size: 1.0rem; color: #999; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col span.note { margin: 0 10px 0 0; }
  .wrapper .section.page .inner .sectionh2 .row.col-3 .col.last-child { margin: 0; }
  .wrapper .section.page .inner .sectionh2 .archive { text-align: center; }
  .wrapper .section.page .inner .sectionh2 .archive a { display: block; padding: 12px 0; background-color: #E9EBEF; font-size: 12px; line-height: 160%; color: #1E4392; background-image: url(../img/common/ic-arrow-02.png); background-repeat: no-repeat; background-position: 97% 50%; background-size: 8px auto; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 { margin: 0 0 15px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 h3 { font-size: 1.8rem; line-height: 140%; color: #000; font-weight: normal; margin: 10px 0; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .cont.fl { width: 100%; margin: 10px 0 0 0px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 p { margin: 0 0 20px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 p a { color: #1E4392; text-decoration: underline; background-image: url(../img/common/ic-arrow-02.png); background-repeat: no-repeat; background-position: 0 50%; padding: 1px 0 1px 15px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.cf, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01, .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl, .wrapper .section.page .inner .sectionh5 .about .sectionh2 .sectionh3 dl, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.row.col-2 { margin: 0 0 5px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.cf dt, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dt, .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dt, .wrapper .section.page .inner .sectionh5 .about .sectionh2 .sectionh3 dl dt, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.row.col-2 dt, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.cf dd, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dd, .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dd, .wrapper .section.page .inner .sectionh5 .about .sectionh2 .sectionh3 dl dd, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.row.col-2 dd { font-size: 1.3rem; line-height: 160%; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.cf dd a, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01 dd a, .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dd a, .wrapper .section.page .inner .sectionh5 .about .sectionh2 .sectionh3 dl dd a, .wrapper .section.page .inner .sectionh2 .sectionh3 dl.row.col-2 dd a { color: #1E4392; text-decoration: underline; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .box-01 dt { float: none; color: #009226; font-size: 1.4rem; line-height: 160%; width: auto; padding: 10px 15px 5px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .box-01 dd { padding: 5px 15px 10px 30px; float: none; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .box-01 dd ul li { font-size: 1.2rem; line-height: 160%; margin-bottom: 0; float: none; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 dl.box-01.bg03 dd { background-image: url(../img/culture/fig-01.jpg); background-repeat: no-repeat; background-size: auto 60px; background-position: 95% 95%; padding: 5px 15px 40px 30px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh4 { margin: 0 0 20px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 h5 { margin-bottom: 10px; font-size: 1.3rem; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 p { margin: 0 0 20px 10px; font-size: 1.2rem; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .fl { float: none; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 ul.disc { margin: 0 0 10px 20px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 ul.disc li { font-size: 1.1rem; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about { margin: 0 0 0 10px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about p { margin: 0; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl { width: 100%; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dt { font-size: 1.0rem; line-height: 160%; float: none; width: auto; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dd { float: none; width: auto; font-size: 1.0rem; line-height: 160%; }
  .wrapper .section.page .inner .sectionh2 .sectionh3 .sectionh5 .about dl dd a { font-size: 1.0rem; line-height: 160%; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.imgarea { padding: 20px 0; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.imgarea img { margin: 0 0 20px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.ver2 { margin: 0 0 40px 0; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.ver2 h3 { font-size: 1.8rem; color: #1E4394; line-height: 160%; background-position: 0 100%; padding: 0 0 5px 0; margin: 0 0 15px 0; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.ver2 h3 span { background-color: #fff; padding: 0 10px 0 0; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.ver2 .subtitle { margin-bottom: 15px; font-size: 1.5rem; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.ver2 p.marb40 { margin-bottom: 30px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.ver2 .style-check { margin-bottom: 25px; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.ver2 .style-check li { font-size: 1.1rem; line-height: 160%; padding: 0 0 0 25px; margin-bottom: 5px; background-size: 12px auto; }
  .wrapper .section.page .inner .sectionh2 .sectionh3.ver2 .style-check li .note { margin-bottom: 5px; }
  .wrapper .section.page .inner .sectionh2.nm { margin: 0; }
  .wrapper .section.page .inner .sectionh2.border { padding: 20px 0 0; margin: 0 15px; }
  .wrapper .section.page .inner .sectionh2.border .title-area { margin-bottom: 20px; }
  .wrapper .section.page .inner .sectionh2.border .title-area h2 { margin-bottom: 10px; }
  .wrapper .section.page .inner .sectionh2.border .title-area .subtitle { font-size: 1.0rem; }
  .wrapper .section.page .inner .sectionh2.lists { padding: 0; }
  .wrapper .section.page .inner .sectionh2.lists h3 { font-size: 1.6rem; background-image: url(../img/common/bg-dot.png); background-repeat: repeat-x; background-position: 50%; margin: 0 15px 10px; }
  .wrapper .section.page .inner .sectionh2.lists h3 span { background-color: #fff; padding: 0 15px 0 0; }
  .wrapper .section.page .inner .sectionh2.lists ul { margin: 20px 0; padding: 0 15px 0 0; }
  .wrapper .section.page .inner .sectionh2.lists ul li { width: 33.333333%; margin: 0 0 15px; }
  .wrapper .section.page .inner .sectionh2.lists ul li a { text-decoration: none; display: block; padding: 0 0 0 15px; }
  .wrapper .section.page .inner .sectionh2.lists ul li img { margin: 0 0 8px; }
  .wrapper .section.page .inner .sectionh2.lists ul li .cover { display: none; }
  .wrapper .section.page .inner .sectionh2.lists ul li h4 { font-size: 12px; line-height: 160%; color: #1E4394; text-align: center; margin: 0 0 5px; }
  .wrapper .section.page .inner .sectionh2.lists ul li p { font-size: 12px; color: #999; line-height: 160%; text-align: center; margin: 0 0 5px; }
  .wrapper .section.page .inner .sectionh2.lists ul li.c h4 { color: #199F3E; }
  .wrapper .section.page .inner .sectionh2.lists .col-3 { padding: 0 15px; }
  .wrapper .section.page .inner .sectionh2.lists .archive { margin: 15px 15px 0; }
  .wrapper .kv.company { background-image: url(../img/company/mb-kv.jpg); }
  .wrapper .section.page.company .inner .sectionh2 .fig-04 { float: none; }
  .wrapper .section.page.company .inner .sectionh2 .fig-05 { float: none; width: 240px; margin: 15px 0; }
  .wrapper .kv.recruit { background-image: url(../img/recruit/mb-kv.jpg); }
  .wrapper .kv.interview { background-image: url(../img/interview/mb-kv.jpg); }
  .wrapper .section.page.interview .inner .sectionh2 { margin: 0; }
  .wrapper .section.page.interview .inner .sectionh3 { margin: 0 0 20px 0; }
  .wrapper .section.page.interview-detail .inner .sectionh2 .section-head p.info { margin: 5px 0 10px; }
  .wrapper .section.page.interview-detail .inner .sectionh3 { margin: 0 0 20px 0; }
  .wrapper .section.page.interview-detail .inner .sectionh3 h3 { color: #1E4393; }
  .wrapper .kv.project { background-image: url(../img/project/mb-kv.jpg); }
  .wrapper .section.page.project-detail .inner .sectionh2 .section-head h1 { font-size: 2.2rem; }
  .wrapper .section.page.project-detail .inner .sectionh2 .section-head .fl { float: none; }
  .wrapper .section.page.project-detail .inner .sectionh2 .section-head .fr { float: none; margin: 0 0 10px; }
  .wrapper .section.page.project-detail .inner .sectionh2 .section-head .name { font-size: 1.6rem; line-height: 140%; font-weight: normal; margin: 10px 0; }
  .wrapper .section.page.project-detail .inner .sectionh3 ._q { margin: 15px 0 10px; font-weight: bold; }
  .wrapper .section.page.project-detail .inner .sectionh3 h3 { color: #1E4393; }
  .wrapper .section.page.project-detail .inner .sectionh3 p { margin: 0 0 5px; }
  .wrapper .section.page.project-detail .inner .sectionh3 ul { margin: 10px 0; }
  .wrapper .section.page.project-detail .inner .sectionh3 ul li { float: none; font-size: 1.3rem; line-height: 160%; padding: 0 0 0 10px; margin: 0 0 5px; list-style-type: disc; list-style-position: inside; }
  .wrapper .kv.business { background-image: url(../img/business/mb-kv.jpg); }
  .wrapper .kv.special { background-image: url(../img/special/mb-kv.jpg); }
  .wrapper .kv.culture { background-image: url(../img/culture/mb-kv.jpg); }
  .wrapper .kv.education { background-image: url(../img/education/mb-kv.jpg); }
  .wrapper .section.page.education .inner .sectionh2 .main-img { margin: 0 0 30px; }
  .wrapper .kv.vision { background-image: url(../img/vision/mb-kv.jpg); }
  .wrapper .section.page.vision .inner .sectionh2 p { margin: 10px 0; }
  .wrapper .entry-modal { padding: 50px 0 0; }
  .wrapper .entry-box { width: 100%; padding: 0; }
  .wrapper .entry-box .inner { padding: 0 10px; }
  .wrapper .entry-box .inner h2 { font-size: 1.6rem; }
  .wrapper .entry-box .inner ul { width: 460px; margin: 30px auto; }
  .wrapper .entry-box .inner ul li { margin: 0 20px 0 0; width: 220px; }
  .wrapper .entry-box .inner ul li a { display: block; width: 100%; height: 122px; background-size: 100% auto; } }
@media screen and (max-width: 480px) { .wrapper .entry-box .inner ul { width: 300px; margin: 30px auto; }
  .wrapper .entry-box .inner ul li { margin: 0 10px 0 0; width: 145px; }
  .wrapper .entry-box .inner ul li a { width: 100%; height: 80px; } }