@charset "UTF-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all; }

html { font-size: 16px; }
@media screen and (max-width: 767px) { html { font-size: 2.8vw; } }

body { background: url("../img/common/body_bg.svg") repeat-y; background-size: 100% auto; color: #000; font-family: "I-OTFゴシックオールドPro L", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

a { color: #003; text-decoration: underline; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; }

input[type="text"], input[type="tel"], input[type="email"], select, textarea { padding: 5px; border: 1px solid #dcdcdc; }

input[type="radio"], input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 20px; height: 20px; margin: 0 0.5em 0 0; border: 1px solid #dcdcdc; background-color: #fff; outline: none; line-height: 1; vertical-align: -0.2em; }

input[type="radio"] { border-radius: 10px; }

input[type="checkbox"] { border-radius: 5px; }

input[type="radio"]:checked:after, input[type="checkbox"]:checked:after { display: block; content: ""; position: absolute; top: 50%; }

input[type="radio"]:checked:after { left: 3px; width: 12px; height: 12px; margin-top: -6px; background: #003; border-radius: 6px; }

input[type="checkbox"]:checked:after { left: 2px; width: 20px; height: 12px; margin-top: -12px; border-left: 4px solid #003; border-bottom: 4px solid #003; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.only-pc { display: block; }
@media screen and (max-width: 767px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 767px) { .only-sp { display: block; } }

img.only-pc { display: inline; }
@media screen and (max-width: 767px) { img.only-pc { display: none; } }

img.only-sp { display: none; }
@media screen and (max-width: 767px) { img.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 767px) { table.only-pc { display: none; } }

table.only-sp { display: none; }
@media screen and (max-width: 767px) { table.only-sp { display: table; } }

span.only-pc { display: inline; }
@media screen and (max-width: 767px) { span.only-pc { display: none; } }

span.only-sp { display: none; }
@media screen and (max-width: 767px) { span.only-sp { display: inline; } }

.tac { text-align: center; }

.tar { text-align: right; }

.cap1 { padding-left: 1em; text-indent: -1em; }

.cap3 { padding-left: 3em; text-indent: -3em; }

.cap5 { padding-left: 5em; text-indent: -5em; }

.is-svg { width: 100%; }

.js-anime { transition: all .8s; }

.js-hide { transform: translateY(80px); opacity: 0; }

.bg-lightblue { background-color: #2ca6e0; }

.font-jp-b, .box-form .box-form-ttl, .box-form .box-form-comp-ttl, .box-form-ctrl dl dt, .tbl-form th, .recruit-area .recruit-item dt, .recruit-area .recruit-item dd i, .application-area .application-title .application-title-td-r dt, .application-area .application-title .application-title-td-r dd, .application-area .box-border-c dd .application-salary th, .application-area .application-way-entry a, .application-area .application-way-back a, .entry-area .entry-jobtype { font-family: "I-OTFゴシックオールドPro D"; }

.font-en { font-family: "AvenirNextLTPro-Medium"; }

.font-en-d { font-family: "AvenirNextLTPro-Demi"; }

.font-en-b { font-family: "AvenirNextLTPro-Bold"; }

.btn-arrow { display: inline-block; color: #003; text-decoration: none; }
.btn-arrow::after { content: url("../img/common/btn_i001.svg"); display: inline-block; margin-left: 0.5em; }

.btn-border { display: inline-block; width: 100%; max-width: 360px; height: 30px; border: 1px solid #003; line-height: 28px; text-align: center; }

.btn-entry { display: inline-block; width: 100%; background: #f60; color: #fff; text-align: center; text-decoration: none; }
.btn-entry::after { content: url("../img/common/entry_i001.svg"); margin-left: 1em; }

.ttl-page { margin-bottom: 8.8235294118%; color: #003; font-size: 2.5rem; text-align: center; }
@media screen and (max-width: 767px) { .ttl-page { margin-bottom: 10.989010989%; font-size: 1.7857142857rem; } }

.ttl-area { margin-bottom: 8.8235294118%; color: #003; font-size: 2.125rem; text-align: center; }
@media screen and (max-width: 767px) { .ttl-area { margin-bottom: 10.989010989%; font-size: 1.7857142857rem; } }

.ttl-section { margin-bottom: 5.8823529412%; color: #003; font-size: 1.5rem; }
@media screen and (max-width: 767px) { .ttl-section { margin-bottom: 10.989010989%; font-size: 1.4285714286rem; } }

.ttl-nav { margin-bottom: 5%; color: #003; font-size: 1.5rem; text-align: center; }
@media screen and (max-width: 767px) { .ttl-nav { margin-bottom: 10.989010989%; font-size: 1.25rem; } }

.ttl-box { display: table; width: 100%; margin-bottom: 7.5%; background: url("../img/common/section_bg.gif"); }
@media screen and (max-width: 767px) { .ttl-box { display: block; width: 100%; margin-bottom: 10.989010989%; } }

.ttl-box-h { display: table-cell; width: 26.4705882353%; padding: 2.5735294118% 0; border-left: 1px solid #000; border-right: 1px solid #000; font-size: 1.125rem; text-align: center; vertical-align: middle; }
@media screen and (max-width: 767px) { .ttl-box-h { display: block; width: 100%; padding: 5.4945054945% 0; border-left: none; border-right: none; border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 1rem; } }

.ttl-box-lead { display: table-cell; padding: 1.8382352941% 3.6764705882%; border-right: 1px solid #000; font-size: 2.125rem; vertical-align: middle; }
@media screen and (max-width: 767px) { .ttl-box-lead { display: block; padding: 5.4945054945% 0; border-right: none; border-bottom: 1px solid #000; font-size: 1.4285714286rem; line-height: 1.5; text-align: center; } }

.txt { line-height: 1.5; }

.line { position: relative; z-index: 1; display: inline-block; }
.line::after { content: ''; position: absolute; left: 0; bottom: -6px; z-index: -1; width: 100%; height: 10px; }

.line-m::after { bottom: -7px; height: 12px; }

.line-l::after { bottom: -8px; height: 14px; }

.line-ll::after { bottom: -9px; height: 16px; }

.line-lightblue::after { background-color: #2ca6e0; opacity: 0.5; }

.line-darkblue::after { background-color: #003; }

.section { width: 100%; max-width: 1600px; margin: 0 auto; }

.section-l { padding: 0 7.5%; }
@media screen and (max-width: 767px) { .section-l { padding: 0 4.5%; } }

.section-l-col { float: left; width: 47.7941176471%; }
@media screen and (max-width: 767px) { .section-l-col { float: none; width: 100%; } }
.section-l-col:nth-child(even) { float: right; }
@media screen and (max-width: 767px) { .section-l-col:nth-child(even) { float: none; } }

@media screen and (max-width: 767px) { .section-l-inner { padding: 0 6.8681318681%; } }

.section-m { padding: 0 16.875%; }
@media screen and (max-width: 767px) { .section-m { padding: 0 4.5%; } }

.section-m-col { float: left; width: 47.1698113208%; }
@media screen and (max-width: 767px) { .section-m-col { width: 47.8021978022%; } }
.section-m-col:nth-child(even) { float: right; }

.section-s { padding: 0 23.125%; }
@media screen and (max-width: 767px) { .section-s { padding: 0 4.5%; } }

.section-s-col { float: left; width: 42.3255813953%; }
@media screen and (max-width: 767px) { .section-s-col { width: 47.8021978022%; } }
.section-s-col:nth-child(even) { float: right; }

.box-tbl { display: table; width: 100%; }
@media screen and (max-width: 767px) { .box-tbl { display: block; } }

.box-td { display: table-cell; width: 50%; vertical-align: middle; }
@media screen and (max-width: 767px) { .box-td { display: block; width: 100%; } }

.box-td-l-l { padding-right: 2.2058823529%; }
@media screen and (max-width: 767px) { .box-td-l-l { padding-right: 0; } }

.box-td-l-ll { padding-right: 4.4117647059%; }
@media screen and (max-width: 767px) { .box-td-l-ll { padding-right: 0; } }

.box-td-l-r { padding-left: 2.2058823529%; }
@media screen and (max-width: 767px) { .box-td-l-r { padding-right: 0; } }

.box-column-l { column-count: 2; column-gap: 4.4117647059%; }
@media screen and (max-width: 767px) { .box-column-l { column-count: 1; } }

.box-border { border: 1px solid #003; }

.box-border-h { padding: 2.9411764706% 3.6764705882%; border-left: 9px solid #003; border-bottom: 1px solid #003; background: url("../img/common/section_bg.gif"); font-size: 1.5rem; }
@media screen and (max-width: 767px) { .box-border-h { padding: 4.9450549451% 2.4725274725%; font-size: 1.4285714286rem; } }

.box-border-c { padding: 3.6764705882%; line-height: 1.5; }
@media screen and (max-width: 767px) { .box-border-c { padding: 4.9450549451%; } }

.box-form { margin-bottom: 4.4117647059%; padding: 3.6764705882%; border-radius: 10px; background-color: #fff; }
@media screen and (max-width: 767px) { .box-form { margin-bottom: 16.4835164835%; padding: 4.9450549451%; } }
.box-form .box-form-ttl { padding-bottom: 1.5873015873%; border-bottom: 1px solid #dcdcdc; font-size: 1.5rem; }
@media screen and (max-width: 767px) { .box-form .box-form-ttl { position: relative; padding-bottom: 3.0487804878%; } }
.box-form .box-form-ttl small { display: inline-block; margin-left: 0.5em; font-size: 1rem; vertical-align: middle; }
.box-form .box-form-ttl .ico-required { margin-left: 60px; }
@media screen and (max-width: 767px) { .box-form .box-form-ttl .ico-required { position: absolute; top: 1em; right: 0; margin-left: 0; } }
.box-form .box-form-comp-ttl { margin-bottom: 1.5873015873%; font-size: 1.5rem; text-align: center; }
@media screen and (max-width: 767px) { .box-form .box-form-comp-ttl { margin-bottom: 3.0487804878%; } }
.box-form .box-form-comp-content { line-height: 1.5; }
.box-form .box-form-comp-content dl { margin-top: 10px; padding-top: 10px; border-top: 1px solid #000; }
.box-form .box-form-comp-content dl dd { margin-top: 5px; }
.box-form .box-form-comp-content dl span { display: inline-block; width: 12em; font-size: 0.75rem; }

.box-form-ctrl { text-align: center; }
.box-form-ctrl button, .box-form-ctrl .button { display: block; width: 100%; max-width: 300px; height: 50px; margin: 0 auto; border-radius: 25px; background-color: #003; color: #fff; font-size: 0.9725rem; text-align: center; text-decoration: none; line-height: 50px; }
.box-form-ctrl button.btn-confirm::before, .box-form-ctrl .button.btn-confirm::before { content: ''; display: inline-block; width: 1.5em; }
.box-form-ctrl button.btn-confirm::after, .box-form-ctrl .button.btn-confirm::after { content: url("../img/common/form_i001.svg"); display: inline-block; margin-left: 1em; }
.box-form-ctrl button.btn-submit, .box-form-ctrl .button.btn-submit { margin-top: 4.4117647059%; background-color: #f60; }
@media screen and (max-width: 767px) { .box-form-ctrl button.btn-submit, .box-form-ctrl .button.btn-submit { margin-top: 16.4835164835%; } }
.box-form-ctrl button.btn-back, .box-form-ctrl .button.btn-back { max-width: 210px; height: 35px; margin-top: 2.9411764706%; line-height: 35px; }
@media screen and (max-width: 767px) { .box-form-ctrl button.btn-back, .box-form-ctrl .button.btn-back { margin-top: 8.2417582418%; } }
.box-form-ctrl dl { margin-bottom: 4.4117647059%; text-align: left; }
.box-form-ctrl dl dt { margin-bottom: 0.7352941176%; }
.box-form-ctrl dl dd { font-size: 0.75rem; line-height: 1.5; }

.tbl-form { width: 100%; border-bottom: 1px solid #dcdcdc; }
.tbl-form th { position: relative; width: 23.8095238095%; padding: 20px 0 20px 20px; font-weight: normal; text-align: left; vertical-align: middle; }
@media screen and (max-width: 960px) { .tbl-form th { width: 33.3333333333%; } }
.tbl-form th .ico-required { position: absolute; top: 50%; right: 0; margin-top: -0.5em; }
.tbl-form td { padding: 20px; vertical-align: middle; }
.tbl-form td p { margin-top: 5px; line-height: 1.5; }
.tbl-form tr:nth-child(even) th, .tbl-form tr:nth-child(even) td { background-color: #f5f5f5; }

.box-form-input .ttl-area { margin-bottom: 2.9411764706%; }
.box-form-input .box-form-lead { margin-bottom: 4.7794117647%; line-height: 1.5; }
@media screen and (max-width: 960px) { .box-form-input .tbl-form th { display: block; width: 100%; padding-right: 20px; }
  .box-form-input .tbl-form th .ico-required { right: 20px; }
  .box-form-input .tbl-form td { display: block; padding-top: 0; } }

.ico-required { display: inline-block; padding: 0 1em; border-radius: 5px; background-color: #f60; color: #fff; font-size: 0.75rem; line-height: 16px; vertical-align: middle; }

.error-message { color: #f60; font-weight: bold; }

.error-box { margin-bottom: 2.9411764706%; padding: 15px 10px; border-radius: 10px; background-color: #f60; color: #fff; text-align: center; }
@media screen and (max-width: 767px) { .error-box { margin-bottom: 10.989010989%; } }

.ta-message { width: 100%; height: 200px; line-height: 1.5; }

.ta-entry { width: 100%; height: 80px; line-height: 1.5; }

.inp-name { width: 150px; }
.inp-name:first-child { margin-right: 1em; }

.lbl-radio { margin-right: 2em; }
.lbl-radio:last-child { margin-right: 0; }

.inp-zip { width: 128px; }

.inp-address { width: 100%; max-width: 540px; }

.inp-tel { width: 150px; }

.inp-email { width: 75%; max-width: 470px; }

.inp-age { width: 5em; margin-right: 5px; }

.container { position: relative; padding-top: 80px; }
@media screen and (max-width: 767px) { .container { padding-top: 65px; } }
.container::before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 7px; height: 100%; background-color: #003; }
.container::after { content: ''; position: absolute; top: 0; right: 0; z-index: 1; width: 7px; height: 100%; background-color: #003; }

.header { position: fixed; top: 0; left: 0; z-index: 50; width: 100%; }
.header a { text-decoration: none; }
.header .header-nav { border-top: 7px solid #003; border-left: 7px solid #003; border-right: 7px solid #003; border-bottom: 1px solid #003; background-color: #fff; }
.header .header-logo { float: left; width: 90px; margin: 17px 0 0 25px; }
@media screen and (max-width: 767px) { .header .header-logo { width: 88px; margin: 10px 0 0 15px; } }
.header .header-btn { float: right; width: 100px; cursor: pointer; }
@media screen and (max-width: 767px) { .header .header-btn { width: 50px; } }
.header .header-menu { float: right; display: table; height: 72px; font-size: 0.8125rem; }
@media screen and (max-width: 960px) { .header .header-menu { display: none; } }
.header .header-menu > li { display: table-cell; position: relative; height: 72px; padding-right: 45px; vertical-align: middle; }
.header .header-menu-sub { display: none; position: absolute; top: 72px; left: 50%; padding-top: 30px; }
.header .header-menu-sub ul { position: relative; z-index: 2; padding: 40px; border: 1px solid #003; background-color: #fff; }
.header .header-menu-sub ul li { margin-bottom: 35px; white-space: nowrap; }
.header .header-menu-sub ul li:last-child { margin-bottom: 0; }
.header .header-menu-sub ul li a { color: #000; }
.header .header-menu-sub .header-menu-img li { margin-bottom: 10px; padding-right: 75px; }
.header .header-menu-sub .header-menu-img li img { width: 75px; margin-right: 1em; vertical-align: middle; }
.header .header-menu-sub .header-menu-message { position: absolute; z-index: 1; top: 100px; right: -291px; width: 301px; padding: 20px; background-color: #fff; }
.header .header-menu-sub .header-menu-message p { margin-bottom: 15px; font-size: 0.8125rem; }
.header .header-menu-sub .header-menu-message ul { padding: 0; border: none; background: none; }
.header .header-menu-sub .header-menu-message ul li { float: left; width: 85px; margin-right: 2px; margin-bottom: 0; text-align: center; }
.header .header-menu-sub .header-menu-message ul li:last-child { margin-right: 0; }
.header .header-menu-sub .header-menu-message ul li:hover img { opacity: 0.5; }
.header .header-menu-sub .header-menu-message ul li dt { margin: 10px 0 5px; font-size: 0.75rem; }
.header .header-menu-sub .header-menu-message ul li dd { font-size: 0.5625rem; }

.header-menu-bg { display: none; position: fixed; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.js-headermenuopen .header-menu-bg { display: block; }

.footer { background-color: #003; color: #fff; }
.footer a { color: #fff; text-decoration: none; }
.footer .footer-inner { width: 100%; max-width: 1360px; margin: 0 auto; padding: 0 7px; }
.footer .footer-logo { padding: 2.2058823529% 0 2.5735294118%; }
.footer .footer-logo dt { float: left; width: 90px; }
.footer .footer-logo dd { margin-left: 105px; }
.footer .footer-logo ul { margin-top: 5px; }
.footer .footer-logo li { float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #fff; }
.footer .footer-logo li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.footer .footer-nav-col { float: left; width: 20.5882352941%; }
.footer .footer-nav-col:last-child { width: 17.6470588235%; }
.footer .footer-nav dt { margin-bottom: 10px; font-size: 0.625rem; }
.footer .footer-nav dd { margin-bottom: 20px; font-size: 0.75rem; }
.footer .footer-nav ul { padding-left: 10px; border-left: 1px solid #fff; }
.footer .footer-nav li { margin-bottom: 10px; }
.footer .footer-nav li:last-child { margin-bottom: 0; }
.footer .footer-copy { padding: 2.5735294118% 0; font-size: 0.75rem; text-align: center; }
@media screen and (max-width: 767px) { .footer .footer-copy { padding: 7.5% 0; } }

.pagetop { position: fixed; left: 0; bottom: 0; width: 100%; border-bottom: 7px solid #003; }
.pagetop .pagetop-inner { position: relative; width: 100%; max-width: 1360px; margin: 0 auto; }
.pagetop .pagetop-inner a { position: absolute; right: 0; bottom: 0; display: block; width: 50px; height: 50px; padding-top: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #003 url("../img/common/pagetop_i.svg") no-repeat center top 7px; color: #fff; font-size: 0.625rem; text-align: center; text-decoration: none; letter-spacing: 0.2em; }

.menu { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: #fff; overflow-y: auto; }
.menu::before { content: ''; position: fixed; top: 0; bottom: 0; left: 0; z-index: 200; width: 7px; background-color: #003; }
.menu .menu-border-h::before { content: ''; position: fixed; top: 0; left: 0; right: 0; z-index: 200; height: 7px; background-color: #003; }
.menu .menu-border-h::after { content: ''; position: fixed; bottom: 0; left: 0; right: 0; z-index: 200; height: 7px; background-color: #003; }
.menu .menu-border-v { position: relative; }
.menu .menu-border-v::before { content: ''; position: fixed; top: 0; bottom: 0; right: 0; z-index: 200; width: 7px; background-color: #003; }
.menu .menu-border-v::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; z-index: 200; width: 7px; background-color: #003; }
.menu .menu-close { position: absolute; top: 7px; right: 7px; }
.menu .menu-inner { width: 100%; max-width: 1360px; margin: 0 auto; padding: 80px 0 40px; }
@media screen and (max-width: 960px) { .menu .menu-inner { padding: 15% 10%; } }
.menu .menu-box { float: left; width: 29.4117647059%; padding: 2.2058823529% 0 0 1.1029411765%; }
@media screen and (max-width: 960px) { .menu .menu-box { float: none; width: 100%; padding: 0; } }
.menu .menu-box:first-child { width: 20.5882352941%; }
@media screen and (max-width: 960px) { .menu .menu-box:first-child { width: 100%; } }
.menu .menu-box:last-child { width: 20.5882352941%; }
@media screen and (max-width: 960px) { .menu .menu-box:last-child { width: 100%; padding-top: 4.6875%; border-top: 1px solid #003; }
  .menu .menu-box:last-child li a { display: block; padding: 3.125% 0; } }
.menu .menu-box dt { margin: 55px 0 40px; color: #003; font-size: 1.25rem; }
@media screen and (max-width: 960px) { .menu .menu-box dt { margin: 0; padding: 4.6875% 0; border-top: 1px solid #003; background: url("../img/common/sp/menuopen_i001.svg") no-repeat right center; cursor: pointer; }
  .menu .menu-box dt.menu-open { background-image: url("../img/common/sp/menuclose_i001.svg"); }
  .menu .menu-box dt.menu-nochild { padding: 0; background: none; }
  .menu .menu-box dt.menu-nochild a { display: block; padding: 4.6875% 0; } }
.menu .menu-box dt:first-child { margin-top: 0; }
@media screen and (max-width: 960px) { .menu .menu-box dd { display: none; padding-bottom: 3.125%; }
  .menu .menu-box dd a { display: block; padding: 3.125% 0; } }
.menu .menu-box li { margin-bottom: 30px; }
@media screen and (max-width: 960px) { .menu .menu-box li { margin-bottom: 0; } }
.menu .menu-box .menu-img dt { margin-bottom: 25px; }
@media screen and (max-width: 960px) { .menu .menu-box .menu-img dt { margin-bottom: 0; } }
@media screen and (max-width: 960px) { .menu .menu-box .menu-img dd a { padding: 1.5625% 0; } }
.menu .menu-box .menu-img li { margin-bottom: 10px; }
@media screen and (max-width: 960px) { .menu .menu-box .menu-img li { margin-bottom: 0; } }
.menu .menu-box .menu-img img { width: 76px; margin-right: 15px; vertical-align: middle; }
.menu .menu-box a { color: #000; text-decoration: none; }
.menu .menu-box .menu-recruit { text-align: right; }
.menu .menu-box .menu-entry { max-width: 150px; height: 45px; border-radius: 23px; color: #fff; font-size: 1.09375rem; line-height: 45px; }
@media screen and (max-width: 960px) { .menu .menu-box .menu-entry { display: none; } }
@media screen and (max-width: 960px) { .menu .menu-box .menu-entry-sp { display: block; padding-top: 3.125%; text-align: center; }
  .menu .menu-box .menu-entry-sp a { width: 59.0625%; min-width: 189px; height: 50px; border-radius: 25px; color: #fff; line-height: 50px; letter-spacing: 0.2em; } }

.js-menuopen { overflow: hidden; }

.mainimg-area { position: relative; }
.mainimg-area img { width: 100%; }
.mainimg-area .mainimg-copy { position: absolute; top: 50%; left: 75px; z-index: 1; margin-top: -80px; }
@media screen and (max-width: 767px) { .mainimg-area .mainimg-copy { top: 0; left: 6.25%; margin-top: 17.5%; } }
.mainimg-area .mainimg-copy p { margin-bottom: 20px; padding: 0 5px; font-size: 1.5rem; }
@media screen and (max-width: 767px) { .mainimg-area .mainimg-copy p { font-size: 1.4285714286rem; } }
.mainimg-area .mainimg-copy p.font-en-d { font-size: 3.4375rem; }
@media screen and (max-width: 767px) { .mainimg-area .mainimg-copy p.font-en-d { font-size: 3.5714285714rem; } }
.mainimg-area .mainimg-copy p.font-en-d::after { bottom: 6px; }
.mainimg-area .mainimg-copy .btn-arrow { margin-top: 30px; }
.mainimg-area .mainimg-btn { position: absolute; right: 80px; bottom: 50px; max-width: 200px; height: 60px; border-radius: 36px; font-size: 1.25rem; line-height: 60px; }
@media screen and (max-width: 767px) { .mainimg-area .mainimg-btn { display: none; } }
.mainimg-area .mainimg-scroll { position: absolute; left: 50%; bottom: -10px; width: 70px; height: 70px; margin-left: -35px; padding-top: 15px; border-radius: 35px; background: #fff url("../img/home/scroll_i.svg") no-repeat center bottom 8px; opacity: 0.8; font-size: 0.625rem; text-align: center; letter-spacing: 0.1em; }
@media screen and (max-width: 767px) { .mainimg-area .mainimg-scroll { font-size: 0.5714285714rem; } }

.index-area .section-l { margin-top: 7.5%; }
@media screen and (max-width: 767px) { .index-area .section-l { margin-top: 15%; } }
.index-area .index-box { position: relative; margin-bottom: 4.4117647059%; border-radius: 10px; background: url("../img/common/section_bg.gif"); }
@media screen and (max-width: 767px) { .index-area .index-box { margin-bottom: 15%; } }
@media screen and (max-width: 767px) { .index-area .index-box:last-child { margin-bottom: 10%; } }
.index-area .index-num { position: absolute; top: -15px; left: 6.1538461538%; z-index: 1; font-size: 4.0625rem; }
@media screen and (max-width: 960px) { .index-area .index-num { top: -20px; font-size: 3.125rem; } }
@media screen and (max-width: 767px) { .index-area .index-num { top: 0; margin-top: -6.8681318681%; font-size: 3.4285714286rem; } }
.index-area .index-inner { padding: 6.9230769231% 7.6923076923%; }
@media screen and (max-width: 767px) { .index-area .index-inner { padding: 6.8681318681% 5.4945054945%; } }
.index-area .index-h { margin-bottom: 15px; text-align: center; }
.index-area .index-h .line { min-width: 240px; font-size: 2.5rem; }
@media screen and (max-width: 767px) { .index-area .index-h .line { width: 60.4395604396%; font-size: 2.2857142857rem; } }
.index-area .index-h .line::after { bottom: 4px; }
.index-area .index-lead { margin-bottom: 20px; line-height: 1.5; }
.index-area .index-btn { margin-top: 55px; text-align: center; }
@media screen and (max-width: 767px) { .index-area .index-btn .btn-border { max-width: initial; } }
.index-area .index-recruit { padding: 6.9230769231% 0; }
@media screen and (max-width: 767px) { .index-area .index-recruit { padding: 6.8681318681% 0; } }
.index-area .index-recruit .index-lead { padding: 0 7.6923076923%; }
@media screen and (max-width: 767px) { .index-area .index-recruit .index-lead { padding: 0 5.4945054945%; } }
.index-area .index-recruit .index-btn { margin-top: 72px; padding: 0 7.6923076923%; }
@media screen and (max-width: 767px) { .index-area .index-recruit .index-btn { padding: 0 5.4945054945%; } }
.index-area .index-list li { border-bottom: 1px solid #dbdbdb; }
.index-area .index-list li:last-child { border-bottom: none; }
.index-area .index-list li a { display: block; padding: 5.4545454545% 3.6363636364%; background: url("../img/common/list_i001.svg") no-repeat right 5px center; text-decoration: none; }
@media screen and (max-width: 767px) { .index-area .index-list li a { padding: 6.8681318681% 4.1208791209%; } }
.index-area .index-list li figure { float: left; width: 25.4901960784%; }
@media screen and (max-width: 767px) { .index-area .index-list li figure { width: 35.1515151515%; } }
@media screen and (max-width: 767px) { .index-area .index-list li figure img { width: 100%; } }
.index-area .index-list li dl { margin-left: 27.4509803922%; }
@media screen and (max-width: 767px) { .index-area .index-list li dl { margin-left: 37.8787878788%; } }
.index-area .index-list li dt { margin-bottom: 5px; font-size: 1.125rem; }
@media screen and (max-width: 767px) { .index-area .index-list li dt { font-size: 1.1428571429rem; } }
.index-area .index-list li dd { line-height: 1.5; }

.indexnav-area .section-l { margin-bottom: 12.5%; }
@media screen and (max-width: 767px) { .indexnav-area .section-l { margin-bottom: 10%; } }
@media screen and (max-width: 767px) { .indexnav-area li { float: left; width: 47.8021978022%; } }
@media screen and (max-width: 767px) { .indexnav-area li:last-child { float: right; } }
.indexnav-area li a { display: block; position: relative; color: #fff; text-decoration: none; }
.indexnav-area li figure img { border-radius: 10px; }
.indexnav-area li div { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -2em; font-size: 1.25rem; text-align: center; }
@media screen and (max-width: 767px) { .indexnav-area li div { font-size: 0.8571428571rem; } }
.indexnav-area .indexnav-h { font-size: 2.5rem; }
@media screen and (max-width: 767px) { .indexnav-area .indexnav-h { margin-bottom: 0.5em; font-size: 1.7857142857rem; } }

.maincopy-area { position: relative; }
@media screen and (max-width: 767px) { .maincopy-area img { width: 100%; } }
.maincopy-area .maincopy-txt { position: absolute; top: 50%; left: 6.25%; margin-top: -160px; color: #fff; }
@media screen and (max-width: 767px) { .maincopy-area .maincopy-txt { top: 0; left: 11.25%; margin-top: 20%; } }
.maincopy-area .maincopy-h { margin-bottom: 60px; font-size: 1.5rem; }
@media screen and (max-width: 767px) { .maincopy-area .maincopy-h { font-size: 1.7857142857rem; } }
.maincopy-area .maincopy-h .font-en-d { font-size: 3.75rem; }
@media screen and (max-width: 767px) { .maincopy-area .maincopy-h .font-en-d { font-size: 3.5714285714rem; } }
.maincopy-area .maincopy-txt p { margin-top: 1.5em; line-height: 1.5; }

.philosophy-area .ttl-page { margin-top: 8.8235294118%; }
@media screen and (max-width: 767px) { .philosophy-area .ttl-page { margin-top: 15%; } }
.philosophy-area .philosophy-box { display: flex; justify-content: space-between; margin-bottom: 12.5%; }
@media screen and (max-width: 767px) { .philosophy-area .philosophy-box { margin-bottom: 20%; } }
.philosophy-area .philosophy-col { display: flex; justify-content: center; align-items: center; width: 47.7941176471%; padding: 6% 0; border-radius: 10px; background-color: #fff; font-size: 1.5rem; line-height: 1.5; text-align: center; /*
dt { padding-top: percentage(60 / $w_m_col); @include sp { padding-top: percentage(20 / $w_m_col_sp); } img { @include sp { width: percentage(90 / $w_m_col_sp); } }
}
dd { padding: percentage(25 / $w_m_col) 0 percentage(60 / $w_m_col); line-height: 1.5; @include sp { padding: percentage(15 / $w_m_col_sp) 0; }
}
*/ }
@media screen and (max-width: 767px) { .philosophy-area .philosophy-col { width: 47.8021978022%; padding: 8.6206896552% 0; font-size: 1.1428571429rem; } }

.topmessage-area .section-l { margin-bottom: 12.5%; }
@media screen and (max-width: 767px) { .topmessage-area .section-l { margin-bottom: 12.5%; } }
.topmessage-area .topmessage-h { font-size: 1.5rem; line-height: 1.5; }
@media screen and (max-width: 767px) { .topmessage-area .topmessage-h { margin-top: 10%; font-size: 1.1428571429rem; } }
.topmessage-area .topmessage-title { margin-top: 4.6153846154%; }
@media screen and (max-width: 767px) { .topmessage-area .topmessage-title { margin-top: 6.6666666667%; } }
.topmessage-area .topmessage-name { margin-top: 3.0769230769%; font-size: 1.125rem; }
@media screen and (max-width: 767px) { .topmessage-area .topmessage-name { margin-top: 3.3333333333%; font-size: 1rem; } }
.topmessage-area .topmessage-name .font-en { margin-left: 1em; font-size: 0.625rem; vertical-align: middle; }
@media screen and (max-width: 767px) { .topmessage-area .topmessage-name .font-en { display: block; margin-top: 3.3333333333%; margin-left: 0; font-size: 0.7142857143rem; } }
.topmessage-area .topmessage-txt { margin-top: 8.8235294118%; line-height: 2; }
@media screen and (max-width: 767px) { .topmessage-area .topmessage-txt { margin-top: 13.3333333333%; } }
.topmessage-area .topmessage-txt p { margin-bottom: 1em; }
.topmessage-area .topmessage-txt p:last-child { margin-bottom: 0; }

.overview-area .section-l { margin: 7.5% 0 12.5%; }
@media screen and (max-width: 767px) { .overview-area .section-l { margin: 15% 0; } }
.overview-area .overview-inner { padding: 3.6764705882%; border-radius: 10px; background-color: #fff; }
@media screen and (max-width: 767px) { .overview-area .overview-inner { padding: 4.9450549451%; background: url("../img/common/section_bg.gif"); } }
.overview-area dl { padding: 1.1904761905% 0; border-bottom: 1px solid #dcdcdc; }
@media screen and (max-width: 767px) { .overview-area dl { margin-bottom: 6.0975609756%; padding: 0; border-bottom: none; } }
.overview-area dl:first-child { padding-top: 0; }
.overview-area dl:last-child { padding-bottom: 0; border-bottom: none; }
@media screen and (max-width: 767px) { .overview-area dl:last-child { margin-bottom: 0; } }
.overview-area dt { float: left; padding: 0.3968253968% 0 0 0.3968253968%; font-size: 0.78125rem; }
@media screen and (max-width: 767px) { .overview-area dt { float: none; margin-bottom: 5px; padding: 0; font-size: 1rem; } }
.overview-area dd { margin-left: 13.8888888889%; line-height: 1.5; }
@media screen and (max-width: 767px) { .overview-area dd { margin-left: 0; } }

.store-area .section-l { margin-bottom: 5%; }
@media screen and (max-width: 767px) { .store-area .section-l { margin-bottom: 12.5%; } }
.store-area li { float: left; width: 26.7647058824%; margin: 0 9.5588235294% 8.4558823529% 0; }
@media screen and (max-width: 767px) { .store-area li { float: none; width: 100%; margin: 0 0 8.2417582418% 0; } }
.store-area li:nth-child(3n) { margin-right: 0; }
@media screen and (max-width: 767px) { .store-area li figure img { width: 100%; } }
.store-area li dt { margin-top: 5.4945054945%; font-size: 1.125rem; }
@media screen and (max-width: 767px) { .store-area li dt { margin-top: 5.4945054945%; font-size: 1.1428571429rem; } }
.store-area li dd { margin-top: 4.1208791209%; line-height: 2; }
@media screen and (max-width: 767px) { .store-area li dd { margin-top: 4.1208791209%; line-height: 1.5; } }

.history-area .section-l { margin-bottom: 12.5%; }
@media screen and (max-width: 767px) { .history-area .section-l { margin-bottom: 15%; } }
.history-area .history-inner { padding: 3.6764705882%; border-radius: 10px; background-color: #fff; }
@media screen and (max-width: 767px) { .history-area .history-inner { padding: 4.9450549451%; } }
.history-area .history-inner table { width: 100%; }
@media screen and (max-width: 767px) { .history-area .history-inner table { display: block; } }
.history-area .history-inner td { padding: 0.25em 0 2em 1.5em; border-left: 1px solid #003; line-height: 1.5; vertical-align: top; }
@media screen and (max-width: 767px) { .history-area .history-inner td { display: block; padding: 0; border-left: none; } }
.history-area .history-inner tr:last-child td { padding-bottom: 0.5em; }
@media screen and (max-width: 767px) { .history-area .history-inner tr:last-child td { padding-bottom: 0; } }
.history-area .history-y { width: 95px; font-size: 1.5rem; vertical-align: top; white-space: nowrap; }
@media screen and (max-width: 767px) { .history-area .history-y { display: inline-block; width: auto; padding: 6.0975609756% 0.5em 1.5243902439% 0; font-size: 0.9285714286rem; } }
.history-area .history-m { width: 75px; padding: 0.25em; border-left: 1px solid #003; font-size: 1.125rem; text-align: center; vertical-align: top; white-space: nowrap; }
@media screen and (max-width: 767px) { .history-area .history-m { display: inline-block; width: auto; padding: 6.0975609756% 0 1.5243902439% 0; border-left: none; font-size: 0.9285714286rem; text-align: left; } }
@media screen and (max-width: 767px) { .history-area .history-m::before { content: ''; margin-right: 0.5em; border-left: 1px solid #333; } }

.menunav-area .section-s { margin-bottom: 12.5%; }
@media screen and (max-width: 767px) { .menunav-area .section-s { margin-bottom: 13.7362637363%; } }
.menunav-area a { color: #000; font-size: 1.125rem; text-decoration: none; }
@media screen and (max-width: 767px) { .menunav-area a { font-size: 0.875rem; } }
.menunav-area figcaption { margin-top: 8.1395348837%; }
@media screen and (max-width: 767px) { .menunav-area figcaption { margin-top: 11.4942528736%; } }

.charm-area .ttl-box { margin-top: 8.8235294118%; }
@media screen and (max-width: 767px) { .charm-area .ttl-box { margin: 10.989010989% 0 16.4835164835%; } }
.charm-area .charm-box1 { margin-bottom: 14.7058823529%; }
@media screen and (max-width: 767px) { .charm-area .charm-box1 { margin-bottom: 16.4835164835%; } }
@media screen and (max-width: 767px) { .charm-area .charm-box1 figure { margin-bottom: 8.2417582418%; } }
.charm-area .charm-box1 dl { line-height: 1.5; }
.charm-area .charm-box1 dt { margin-bottom: 5.1470588235%; font-size: 1.5rem; }
@media screen and (max-width: 767px) { .charm-area .charm-box1 dt { margin-bottom: 5.4945054945%; font-size: 1.4285714286rem; } }
.charm-area .charm-box2 { margin-bottom: 14.7058823529%; }
@media screen and (max-width: 767px) { .charm-area .charm-box2 { margin-bottom: 16.4835164835%; } }
.charm-area .charm-box2 figure { margin-bottom: 7.3529411765%; }
@media screen and (max-width: 767px) { .charm-area .charm-box2 figure { margin-bottom: 8.2417582418%; } }
.charm-area .charm-box2 dl { line-height: 1.5; }
.charm-area .charm-box2 dt { width: 41.1764705882%; font-size: 1.875rem; }
@media screen and (max-width: 767px) { .charm-area .charm-box2 dt { width: 100%; margin-bottom: 5.4945054945%; font-size: 1.4285714286rem; } }
.charm-area .charm-box2 dd { width: 58.8235294118%; }
@media screen and (max-width: 767px) { .charm-area .charm-box2 dd { width: 100%; } }
.charm-area .charm-box3 { margin-bottom: 22.0588235294%; }
@media screen and (max-width: 767px) { .charm-area .charm-box3 { margin-bottom: 24.7252747253%; } }
.charm-area .charm-box3 figure { margin-bottom: 7.3529411765%; text-align: center; }
@media screen and (max-width: 767px) { .charm-area .charm-box3 figure { margin-bottom: 7.5%; padding: 0 4.5%; } }
.charm-area .charm-box3 dl { line-height: 1.5; }
.charm-area .charm-box3 dt { margin-bottom: 1.4705882353%; font-size: 1.875rem; }
@media screen and (max-width: 767px) { .charm-area .charm-box3 dt { margin-bottom: 5.4945054945%; font-size: 1.4285714286rem; } }
.charm-area .charm-box4 { margin-bottom: 22.0588235294%; font-size: 2.125rem; text-align: center; }
@media screen and (max-width: 767px) { .charm-area .charm-box4 { margin-bottom: 22.5%; font-size: 1.5625rem; } }
.charm-area .charm-box4 div:first-child { margin-bottom: 1.4705882353%; }
@media screen and (max-width: 767px) { .charm-area .charm-box4 div { margin-bottom: 5%; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .charm-area .charm-box4 div:last-child { margin-bottom: 0; } }

.oneday-area .section-l { margin-bottom: 12.5%; }
@media screen and (max-width: 767px) { .oneday-area .section-l { margin-bottom: 16.4835164835%; } }
.oneday-area .ttl-box { margin-top: 8.8235294118%; }
@media screen and (max-width: 767px) { .oneday-area .ttl-box { margin-top: 16.4835164835%; } }
.oneday-area .oneday-box { margin-top: 7.3529411765%; }
@media screen and (max-width: 767px) { .oneday-area .oneday-box { margin: 0 0 16.4835164835%; } }
@media screen and (max-width: 767px) { .oneday-area .oneday-box:last-child { margin-bottom: 0; } }
.oneday-area .oneday-box .box-border-h { font-size: 1.125rem; }
.oneday-area .oneday-box .oneday-btn { background-color: #003; line-height: 30px; text-align: center; cursor: pointer; }
.oneday-area .oneday-box .oneday-btn::before { content: url("../img/common/open_i001.svg"); display: none; }
.oneday-area .oneday-box .oneday-btn::after { content: url("../img/common/close_i001.svg"); }
.oneday-area .oneday-box.js-close .oneday-inner { display: none; }
.oneday-area .oneday-box.js-close .oneday-btn::before { display: inline; }
.oneday-area .oneday-box.js-close .oneday-btn::after { display: none; }
.oneday-area .oneday-profile dl { width: 71.4285714286%; padding-right: 1.1904761905%; }
@media screen and (max-width: 767px) { .oneday-area .oneday-profile dl { width: 100%; padding-right: 0; } }
.oneday-area .oneday-profile dt { line-height: 1; }
@media screen and (max-width: 767px) { .oneday-area .oneday-profile dt { margin-bottom: 3.0487804878%; } }
.oneday-area .oneday-profile dt strong { font-size: 1.5rem; }
@media screen and (max-width: 767px) { .oneday-area .oneday-profile dt strong { font-size: 1.1428571429rem; } }
.oneday-area .oneday-profile dt span { margin-left: 1em; font-size: 0.625rem; }
@media screen and (max-width: 767px) { .oneday-area .oneday-profile dt span { display: block; margin-left: 0; font-size: 0.7142857143rem; } }
.oneday-area .oneday-profile dt p { margin-top: 5px; }
.oneday-area .oneday-profile dd { margin-top: 1.1111111111%; line-height: 1.5; }
@media screen and (max-width: 767px) { .oneday-area .oneday-profile dd { margin-top: 0; } }
@media screen and (max-width: 767px) { .oneday-area .oneday-profile dd:last-child { margin-top: 3.0487804878%; } }
.oneday-area .oneday-profile figure { width: 28.5714285714%; }
@media screen and (max-width: 767px) { .oneday-area .oneday-profile figure { width: 100%; margin-bottom: 6.0975609756%; } }
@media screen and (max-width: 767px) { .oneday-area .oneday-profile figure img { width: 100%; } }
.oneday-area .oneday-inner { padding-top: 9.5238095238%; }
@media screen and (max-width: 767px) { .oneday-area .oneday-inner { padding-top: 12.1951219512%; } }
.oneday-area .oneday-inner .oneday-time { position: relative; }
@media screen and (max-width: 767px) { .oneday-area .oneday-inner .oneday-time { margin-left: 30px; padding-left: 40px; border-left: 1px solid #003; } }
@media screen and (max-width: 767px) { .oneday-area .oneday-inner .oneday-time:last-child { border-left: none; } }
.oneday-area .oneday-inner .oneday-time::before { content: ''; position: absolute; top: 34px; z-index: -1; width: 7.9365079365%; height: 1px; background-color: #003; }
@media screen and (max-width: 960px) { .oneday-area .oneday-inner .oneday-time::before { top: 25px; } }
@media screen and (max-width: 767px) { .oneday-area .oneday-inner .oneday-time::before { top: 30px; left: 30px; width: 10px; height: 1px; background-color: #003; } }
.oneday-area .oneday-inner .oneday-time p { position: absolute; top: 0; z-index: 1; width: 68px; height: 68px; border-radius: 34px; background-color: #003; color: #fff; font-size: 0.7875rem; text-align: center; line-height: 68px; }
@media screen and (max-width: 960px) { .oneday-area .oneday-inner .oneday-time p { width: 50px; height: 50px; line-height: 50px; } }
@media screen and (max-width: 767px) { .oneday-area .oneday-inner .oneday-time p { left: -30px; width: 60px; height: 60px; border-radius: 30px; font-size: 0.7142857143rem; line-height: 60px; } }
.oneday-area .oneday-inner .oneday-time dt { padding: 4.7619047619% 0 3.1746031746%; font-size: 1.125rem; }
@media screen and (max-width: 767px) { .oneday-area .oneday-inner .oneday-time dt { font-size: 1.1428571429rem; } }
.oneday-area .oneday-inner .oneday-time dd { padding-bottom: 9.5238095238%; line-height: 1.5; }
.oneday-area .oneday-inner .oneday-l { float: left; width: 50%; padding-top: 120px; }
@media screen and (max-width: 767px) { .oneday-area .oneday-inner .oneday-l { display: none; } }
.oneday-area .oneday-inner .oneday-l .oneday-time { padding-right: 7.9365079365%; }
.oneday-area .oneday-inner .oneday-l .oneday-time::before { right: 0; }
.oneday-area .oneday-inner .oneday-l .oneday-time p { right: -34px; }
@media screen and (max-width: 960px) { .oneday-area .oneday-inner .oneday-l .oneday-time p { right: -25px; } }
.oneday-area .oneday-inner .oneday-r { float: right; width: 50%; }
@media screen and (max-width: 767px) { .oneday-area .oneday-inner .oneday-r { display: none; } }
.oneday-area .oneday-inner .oneday-r .oneday-time { padding-left: 7.9365079365%; border-left: 1px solid #003; }
.oneday-area .oneday-inner .oneday-r .oneday-time:last-child { border-left: none; }
.oneday-area .oneday-inner .oneday-r .oneday-time::before { left: 0; }
.oneday-area .oneday-inner .oneday-r .oneday-time p { left: -34px; }
@media screen and (max-width: 960px) { .oneday-area .oneday-inner .oneday-r .oneday-time p { left: -25px; } }

.message-area .message-inner { margin-bottom: 12.5%; }
@media screen and (max-width: 767px) { .message-area .message-inner { margin-bottom: 4.1208791209%; } }
.message-area .ttl-box { margin-top: 8.8235294118%; }
@media screen and (max-width: 767px) { .message-area .ttl-box { margin-top: 16.4835164835%; } }
@media screen and (max-width: 767px) { .message-area .message-img img { width: 100%; } }
@media screen and (max-width: 767px) { .message-area .message-profile { padding-bottom: 9.6153846154%; border-bottom: 1px solid #003; } }
.message-area .message-profile p { font-size: 2.125rem; }
@media screen and (max-width: 767px) { .message-area .message-profile p { margin-top: 10.989010989%; font-size: 2.1428571429rem; } }
.message-area .message-profile p span { margin-left: 8.064516129%; font-size: 0.625rem; vertical-align: middle; }
@media screen and (max-width: 767px) { .message-area .message-profile p span { display: block; margin-top: 2.7472527473%; margin-left: 0; } }
.message-area .message-profile dt { margin-top: 11.2903225806%; font-size: 1.125rem; }
@media screen and (max-width: 767px) { .message-area .message-profile dt { margin-top: 2.7472527473%; font-size: 1.4285714286rem; } }
.message-area .message-profile dd { margin-top: 2.4193548387%; font-size: 0.75rem; line-height: 1.5; }
@media screen and (max-width: 767px) { .message-area .message-profile dd { margin-top: 1.3736263736%; font-size: 1rem; } }
.message-area .message-interview { margin-top: 8.8235294118%; }
@media screen and (max-width: 767px) { .message-area .message-interview { margin-top: 10.989010989%; } }
.message-area .message-interview dt { padding-left: 3.5em; font-size: 1.125rem; text-indent: -3.5em; }
@media screen and (max-width: 767px) { .message-area .message-interview dt { padding-left: 2.8em; font-size: 1.4285714286rem; text-indent: -2.8em; } }
.message-area .message-interview dt span { margin-right: 0.5em; font-size: 2.125rem; vertical-align: middle; }
@media screen and (max-width: 767px) { .message-area .message-interview dt span { font-size: 2.1428571429rem; } }
.message-area .message-interview dd { padding: 2.4193548387% 0 4.8387096774%; line-height: 1.5; }
@media screen and (max-width: 767px) { .message-area .message-interview dd { padding: 4.1208791209% 0 15.1098901099%; } }
@media screen and (max-width: 767px) { .message-area .message-interview figure img { width: 100%; } }
.message-area .message-nav { margin-top: 14.7058823529%; }
@media screen and (max-width: 767px) { .message-area .message-nav { margin-top: 16.4835164835%; } }
.message-area .message-nav p { margin-bottom: 5.8823529412%; font-size: 1.5rem; text-align: center; }
@media screen and (max-width: 767px) { .message-area .message-nav p { margin-bottom: 10.989010989%; font-size: 1.4285714286rem; } }
.message-area .message-nav li { float: left; width: 22.5735294118%; margin-right: 3.2352941176%; }
@media screen and (max-width: 767px) { .message-area .message-nav li { width: 47.8021978022%; margin-right: 0; margin-bottom: 10.989010989%; } }
.message-area .message-nav li:last-child { margin-right: 0; }
@media screen and (max-width: 767px) { .message-area .message-nav li:nth-child(even) { float: right; margin-right: 0; } }
.message-area .message-nav li a { text-align: center; text-decoration: none; }
.message-area .message-nav li dt { margin: 19.5439739414% 0 4.8859934853%; font-size: 1.125rem; }
@media screen and (max-width: 767px) { .message-area .message-nav li dt { margin: 11.4942528736% 0 2.8735632184%; font-size: 1.1428571429rem; } }

.culture-area .section-l { margin: 7.5% 0 12.5%; }
@media screen and (max-width: 767px) { .culture-area .section-l { margin: 16.4835164835% 0; } }
.culture-area .ttl-area { margin-bottom: 3.6764705882%; }
@media screen and (max-width: 767px) { .culture-area .ttl-area { margin-bottom: 9.6153846154%; } }
.culture-area .culture-lead { line-height: 1.5; text-align: center; }
.culture-area .box-border { margin-top: 8.8235294118%; }
@media screen and (max-width: 767px) { .culture-area .box-border { margin-top: 16.4835164835%; } }
.culture-area .box-border-c dl { margin-top: 3.9682539683%; padding-top: 3.9682539683%; border-top: 1px solid #003; }
.culture-area .box-border-c dl:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.culture-area .box-border-c dt { margin-bottom: 0.3968253968%; font-size: 1.125rem; }
@media screen and (max-width: 767px) { .culture-area .box-border-c dt { font-size: 1.1428571429rem; } }
.culture-area .box-border-c p.box-td { width: 54.7619047619%; padding-right: 3.1746031746%; }
@media screen and (max-width: 767px) { .culture-area .box-border-c p.box-td { width: 100%; padding-right: 0; } }
.culture-area .box-border-c ul.box-td { width: 45.2380952381%; }
@media screen and (max-width: 767px) { .culture-area .box-border-c ul.box-td { width: 100%; margin-top: 10px; } }
.culture-area .box-border-c ul.box-td li { width: 47.3684210526%; }
@media screen and (max-width: 767px) { .culture-area .box-border-c ul.box-td li { width: 46.3414634146%; } }
.culture-area .box-border-c ul.box-td li:first-child { float: left; }
.culture-area .box-border-c ul.box-td li:last-child { float: right; }

.faq-area .section-l { margin: 7.5% 0 12.5%; }
@media screen and (max-width: 767px) { .faq-area .section-l { margin: 16.4835164835% 0; } }
.faq-area .ttl-area { margin-bottom: 0; }
.faq-area .box-border { margin-top: 8.8235294118%; }
@media screen and (max-width: 767px) { .faq-area .box-border { margin-top: 16.4835164835%; } }
.faq-area .box-border-c dl { margin-top: 3.9682539683%; padding-top: 3.9682539683%; border-top: 1px solid #003; }
.faq-area .box-border-c dl:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.faq-area .box-border-c dt { margin-bottom: 0.7936507937%; padding-left: 2.2em; font-size: 1.125rem; text-indent: -2.2em; }
@media screen and (max-width: 767px) { .faq-area .box-border-c dt { font-size: 1.1428571429rem; } }
.faq-area .box-border-c dd { padding-left: 2.2em; text-indent: -2.2em; }

.recruit-area .ttl-page { margin-top: 8.8235294118%; }
@media screen and (max-width: 767px) { .recruit-area .ttl-page { margin-top: 15%; } }
.recruit-area .section-m { margin-bottom: 12.5%; }
@media screen and (max-width: 767px) { .recruit-area .section-m { margin-bottom: 20%; } }
.recruit-area .ttl-section { margin-bottom: 7.5471698113%; }
.recruit-area .section-m-col .ttl-section { margin-bottom: 16%; }
@media screen and (max-width: 767px) { .recruit-area .section-m-col .ttl-section { margin-bottom: 28.9855072464%; } }
.recruit-area .recruit-list { margin-bottom: 5.6603773585%; }
.recruit-area .recruit-item { padding: 10%; border-radius: 10px; background: #fff url("../img/common/section_bg.gif"); }
.recruit-area .recruit-item figure { float: left; width: 37.5%; }
@media screen and (max-width: 767px) { .recruit-area .recruit-item figure { float: none; width: 100%; } }
.recruit-area .recruit-item dl { margin-left: 41.25%; }
@media screen and (max-width: 767px) { .recruit-area .recruit-item dl { margin-left: 0; margin-top: 7.2463768116%; } }
.recruit-area .recruit-item dt { margin-bottom: 4.2553191489%; font-size: 1.125rem; line-height: 1.2; }
.recruit-area .recruit-item dd i { display: block; max-width: 160px; margin-bottom: 4.2553191489%; padding: 5px 10px; border-radius: 5px; background-color: #dcdcdc; text-align: center; }
@media screen and (max-width: 767px) { .recruit-area .recruit-item dd i { max-width: initial; } }
@media screen and (max-width: 767px) { .recruit-area .recruit-item dd span { display: block; } }
.recruit-area .recruit-item dd p { line-height: 1.2; }
.recruit-area .recruit-item .btn-arrow { margin-top: 5%; }

.application-area .section-l { margin: 7.5% 0 12.5%; }
@media screen and (max-width: 767px) { .application-area .section-l { margin: 16.4835164835% 0; } }
.application-area .application-title { display: table; width: 100%; }
.application-area .application-title .application-title-td { display: table-cell; width: 50%; vertical-align: middle; }
.application-area .application-title .application-title-td-r { padding-left: 5.8823529412%; }
@media screen and (max-width: 767px) { .application-area .application-title .application-title-td-r { padding-left: 4.1208791209%; } }
.application-area .application-title .application-title-td-r dt { margin-bottom: 5.6603773585%; font-size: 2.125rem; }
@media screen and (max-width: 767px) { .application-area .application-title .application-title-td-r dt { font-size: 1.5rem; } }
.application-area .application-title .application-title-td-r dt small { display: block; margin-top: 10px; font-size: 1.125rem; }
.application-area .application-title .application-title-td-r dd { font-size: 1.125rem; line-height: 1.2; }
@media screen and (max-width: 767px) { .application-area .application-title .application-title-td-r dd { font-size: 1.1428571429rem; } }
.application-area .box-border { margin: 8.8235294118% 0; }
@media screen and (max-width: 767px) { .application-area .box-border { margin: 16.4835164835% 0; } }
.application-area .box-border-c dl { margin-top: 3.9682539683%; padding-top: 3.9682539683%; border-top: 1px solid #003; }
.application-area .box-border-c dl:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.application-area .box-border-c dt { margin-bottom: 1.1904761905%; font-size: 1.125rem; }
@media screen and (max-width: 767px) { .application-area .box-border-c dt { font-size: 1.1428571429rem; } }
.application-area .box-border-c dd .application-holiday th { padding: 0 20px 5px 0; font-weight: normal; text-align: left; }
.application-area .box-border-c dd .application-holiday td { padding-bottom: 5px; }
.application-area .box-border-c dd .application-salary { width: 100%; }
@media screen and (max-width: 767px) { .application-area .box-border-c dd .application-salary { border-bottom: 1px solid #000; } }
.application-area .box-border-c dd .application-salary th { width: 25.8620689655%; padding: 25px 10px; border: 1px solid #000; background-color: #ccc; font-size: 1.125rem; font-weight: normal; vertical-align: middle; }
@media screen and (max-width: 767px) { .application-area .box-border-c dd .application-salary th { display: block; width: 100%; padding: 10px 15px; border-bottom: none; font-size: 1rem; } }
.application-area .box-border-c dd .application-salary td { padding: 20px; border: 1px solid #000; line-height: 1.5; vertical-align: middle; }
@media screen and (max-width: 767px) { .application-area .box-border-c dd .application-salary td { display: block; padding: 10px 15px; border-bottom: none; } }
.application-area .application-way-box { margin-bottom: 7.3529411765%; padding: 3.6764705882%; border-radius: 10px; background: url("../img/common/section_bg.gif"); }
.application-area .application-way-box p { margin-bottom: 1.1904761905%; }
.application-area .application-way-box p:first-child { padding-bottom: 0.7936507937%; border-bottom: 1px solid #000; line-height: 1.5; }
.application-area .application-way-box p:last-child { margin-bottom: 0; }
.application-area .application-way-entry { margin-bottom: 2.9411764706%; text-align: center; }
.application-area .application-way-entry a { width: 100%; max-width: 300px; border-radius: 25px; font-size: 1rem; line-height: 50px; }
.application-area .application-way-back { text-align: center; }
.application-area .application-way-back a { display: inline-block; width: 100%; max-width: 210px; border-radius: 18px; background-color: #003; color: #fff; font-size: 1rem; line-height: 35px; text-decoration: none; }

.entry-area .section-l { margin: 7.5% 0 6.25%; }
@media screen and (max-width: 767px) { .entry-area .section-l { margin: 16.4835164835% 0; } }
.entry-area .ttl-area { margin-bottom: 8.8235294118%; }
@media screen and (max-width: 767px) { .entry-area .ttl-area { margin-bottom: 13.7362637363%; } }
@media screen and (max-width: 767px) { .entry-area .box-form-lead { margin-bottom: 15.1098901099%; } }
.entry-area .entry-jobtype { margin-bottom: 4.4117647059%; padding: 1.1029411765% 3.6764705882%; border: 2px solid #003; border-radius: 10px; background-color: #fff; font-size: 1.125rem; line-height: 1.5; }
@media screen and (max-width: 767px) { .entry-area .entry-jobtype { margin-bottom: 16.4835164835%; padding: 2.7472527473% 4.9450549451%; text-align: center; } }
.entry-area .entry-jobtype dt { float: left; width: 13em; border-right: 1px solid #000; }
@media screen and (max-width: 767px) { .entry-area .entry-jobtype dt { float: none; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-right: none; border-bottom: 1px solid #000; text-align: center; } }
.entry-area .entry-jobtype dd { margin-left: 15em; }
@media screen and (max-width: 767px) { .entry-area .entry-jobtype dd { margin-left: 0; } }
@media screen and (max-width: 767px) { .entry-area .entry-hint { display: block; margin-top: 10px; } }

.contact-area .section-l { margin: 7.5% 0 6.25%; }
@media screen and (max-width: 767px) { .contact-area .section-l { margin: 16.4835164835% 0; } }
.contact-area .ttl-area { margin-bottom: 8.8235294118%; }
@media screen and (max-width: 767px) { .contact-area .ttl-area { margin-bottom: 13.7362637363%; } }
@media screen and (max-width: 767px) { .contact-area .box-form-lead { margin-bottom: 15.1098901099%; } }
.contact-area .contact-box { padding: 20px 20px 0 20px; line-height: 1.5; }
@media screen and (max-width: 767px) { .contact-area .contact-hint { display: block; margin-top: 10px; } }

.privacy-area .section-l { margin: 7.5% 0 12.5%; }
@media screen and (max-width: 767px) { .privacy-area .section-l { margin: 16.4835164835% 0; } }
.privacy-area .ttl-area { margin-bottom: 3.6764705882%; }
@media screen and (max-width: 767px) { .privacy-area .ttl-area { margin-bottom: 9.6153846154%; } }
.privacy-area .privacy-lead { line-height: 1.5; text-align: center; }
.privacy-area .box-border { margin-top: 8.8235294118%; }
@media screen and (max-width: 767px) { .privacy-area .box-border { margin-top: 16.4835164835%; } }
.privacy-area .box-border-c dl { margin-top: 3.9682539683%; padding-top: 3.9682539683%; border-top: 1px solid #003; }
.privacy-area .box-border-c dl:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.privacy-area .box-border-c dt { margin-bottom: 0.3968253968%; font-size: 1.125rem; }
@media screen and (max-width: 767px) { .privacy-area .box-border-c dt { font-size: 1.1428571429rem; } }
.privacy-area .box-border-c .privacy-sign { margin-top: 3.9682539683%; text-align: right; }
.privacy-area .box-border-c .privacy-sign p { display: inline-block; text-align: left; }
.privacy-area .box-border-c .privacy-add { margin-top: 3.9682539683%; }
.privacy-area .box-border-c .privacy-add p { margin-top: 1.5873015873%; }
.privacy-area .box-border-c .privacy-add p span { display: inline-block; width: 12em; }

/* 共通 */
.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

/*# sourceMappingURL=base.css.map */