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

html { font-size: 18px; }
@media screen and (max-width: 750px) { html { font-size: 3.8vw; } }

body { color: #323232; font-family: 'Zen Maru Gothic', sans-serif; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

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

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

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1rem; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { font-family: inherit; font-size: 1rem; }

select { font-family: inherit; }

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

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

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

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

.main { position: relative; }
@media screen and (max-width: 750px) { .main { padding-top: 13.3333333333%; } }
.main .main-icon { position: absolute; top: -130px; left: 115px; }
@media screen and (max-width: 1130px) { .main .main-icon { left: 0; } }
@media screen and (max-width: 960px) { .main .main-icon { top: -80px; width: 130px; } }
@media screen and (max-width: 750px) { .main .main-icon { width: 20.6666666667%; top: 0; } }

.inner { max-width: 1240px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding: 0 4%; } }

.pagetop { position: fixed; bottom: 25px; right: 25px; z-index: 1000; }
@media screen and (max-width: 750px) { .pagetop { bottom: 0.5em; right: 0.5em; width: 3em; } }

/* ==================================================================================================== ヘッダー
==================================================================================================== */
.header { z-index: 999; }
.header .header-in { display: flex; align-items: flex-start; justify-content: space-between; }
.header .header-logo { margin: 40px 20px 0 100px; }
@media screen and (max-width: 750px) { .header .header-logo { width: 66%; margin: 2.6666666667% 4% 0; } }
@media screen and (max-width: 500px) { .header .header-logo { width: 220px; } }
.header .header-nav { display: flex; align-items: flex-start; justify-content: flex-end; }
.header .header-nav li.header-banner { margin-top: 17px; margin-right: 20px; }
@media screen and (max-width: 750px) { .header .header-nav li.header-banner { display: none; } }
@media screen and (max-width: 750px) { .header .header-nav li.header-aichinow { width: 150px; } }
.header .header-nav li.sp-menu { z-index: 999; width: 88px; height: 90px; padding-top: 25px; background-color: #0184cc; }
@media screen and (max-width: 960px) { .header .header-nav li.sp-menu { width: 68px; height: 70px; padding-top: 20px; } }
@media screen and (max-width: 750px) { .header .header-nav li.sp-menu { width: 58px; height: 60px; padding-top: 18px; } }
.header .header-nav li.sp-menu .header-menu { position: relative !important; font-weight: bold; text-align: center; cursor: pointer; }
.header .header-nav li.sp-menu .header-menu p { position: absolute; width: 100%; padding-top: 35px; top: 0; left: 0; }
@media screen and (max-width: 750px) { .header .header-nav li.sp-menu .header-menu p { padding-top: 25px; } }
.header .header-nav li.sp-menu .header-menu span { position: absolute; display: inline-block; transition: all .4s; left: 50%; width: 54px; height: 2px; margin-left: -27px; background-color: #fff; }
@media screen and (max-width: 960px) { .header .header-nav li.sp-menu .header-menu span { width: 40px; margin-left: -20px; } }
.header .header-nav li.sp-menu .header-menu span:nth-of-type(1) { top: 0; }
.header .header-nav li.sp-menu .header-menu span:nth-of-type(2) { top: 50%; margin-top: -2px; }
.header .header-nav li.sp-menu .header-menu span:nth-of-type(3) { bottom: 0; }

/* ==================================================================================================== SPメニュー
==================================================================================================== */
.nav-menu { z-index: 99999; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff url("../img/common/nav_bg001.png") no-repeat left top; }
@media screen and (max-width: 750px) { .nav-menu { background: #fff url("../img/common/sp/spnav_bg001.png") no-repeat center top; background-size: contain; } }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 90px; overflow-y: auto; }
.nav-menu .nav-menu-content-inner { max-width: 1240px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-content-inner { padding: 0; } }
.nav-menu .close-btn { position: absolute; top: 0; right: 0; width: 54px; height: 36px; margin-top: 25px; margin-right: 15px; cursor: pointer; }
@media screen and (max-width: 750px) { .nav-menu .close-btn { width: 6%; margin-top: 2.6666666667%; margin-right: 4%; } }
.nav-menu .nav-logo { margin: 40px 100px; }
@media screen and (max-width: 750px) { .nav-menu .nav-logo { width: 66%; margin: 6.6666666667% auto 8%; } }
.nav-menu .nav-menu-content-box { max-width: 1000px; margin: 0 auto; padding: 50px 10% 60px; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-content-box { padding: 0; } }
.nav-menu .nav-top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 50px; padding-bottom: 15px; border-bottom: 1px solid #0184cc; }
@media screen and (max-width: 750px) { .nav-menu .nav-top { display: block; margin-bottom: 0; padding-bottom: 0; border-bottom: none; } }
.nav-menu .nav-heading { font-size: 1.9444444444rem; font-weight: 400; }
@media screen and (max-width: 750px) { .nav-menu .nav-heading { display: none; } }
@media screen and (max-width: 750px) { .nav-menu .nav-back { border-bottom: 1px solid #0184cc; } }
.nav-menu .nav-back a { text-decoration: none; font-size: 0.8888888889rem; }
@media screen and (max-width: 750px) { .nav-menu .nav-back a { padding: 4%; font-size: 1.4444444444rem; } }
.nav-menu .nav-back a span { display: inline-block; padding-left: 35px; background: url("../img/common/ico_nav01.svg") no-repeat left center; background-size: 23px auto; }
@media screen and (max-width: 750px) { .nav-menu .nav-back a span { padding: 2px 0 2px 13.3333333333%; background: url("../img/common/sp/spnav_i001.png") no-repeat left center; background-size: auto; } }
@media screen and (max-width: 500px) { .nav-menu .nav-back a span { background-size: 35px auto; } }
.nav-menu .nav-list { display: flex; justify-content: space-between; margin-bottom: 50px; }
@media screen and (max-width: 750px) { .nav-menu .nav-list { display: block; margin-bottom: 9.3333333333%; } }
.nav-menu .nav-list dl { width: 45.4545454545%; }
@media screen and (max-width: 750px) { .nav-menu .nav-list dl { width: 100%; border-bottom: 1px solid #0184cc; } }
.nav-menu .nav-list dl.nav-list01 dt span { background: url("../img/common/ico_nav02.svg") no-repeat left center; background-size: 32px auto; }
@media screen and (max-width: 750px) { .nav-menu .nav-list dl.nav-list01 dt span { padding: 2px 0 2px 13.3333333333%; background: url("../img/common/sp/spnav_i002.png") no-repeat left center; background-size: auto; } }
@media screen and (max-width: 500px) { .nav-menu .nav-list dl.nav-list01 dt span { background-size: 43px auto; } }
.nav-menu .nav-list dl.nav-list02 dt span { background: url("../img/common/ico_nav03.svg") no-repeat left center; background-size: 30px auto; }
@media screen and (max-width: 750px) { .nav-menu .nav-list dl.nav-list02 dt span { padding: 2px 0 2px 13.3333333333%; background: url("../img/common/sp/spnav_i003.png") no-repeat left center; background-size: auto; } }
@media screen and (max-width: 500px) { .nav-menu .nav-list dl.nav-list02 dt span { background-size: 39px auto; } }
.nav-menu .nav-list dl dt { padding-bottom: 10px; border-bottom: 1px solid #0184cc; font-size: 1.4444444444rem; font-weight: bold; }
@media screen and (max-width: 750px) { .nav-menu .nav-list dl dt { padding: 4%; border-bottom: 1px solid #c8d0f4; font-weight: 400; } }
.nav-menu .nav-list dl dt span { display: inline-block; padding-left: 40px; }
@media screen and (max-width: 750px) { .nav-menu .nav-list dl dd { display: none; } }
.nav-menu .nav-list dl dd ul li { border-bottom: 1px solid #c8d0f4; }
.nav-menu .nav-list dl dd ul li a { display: block; text-decoration: none; padding: 15px 40px; background: url("../img/common/ico_arrow.svg") no-repeat right center; background-size: 8px auto; font-size: 1.1111111111rem; }
@media screen and (max-width: 750px) { .nav-menu .nav-list dl dd ul li a { padding: 4% 4% 4% 16.6666666667%; background-color: #f1faff; background-position: right 5.3333333333% center; background-size: 2.1333333333% auto; font-size: 1.4444444444rem; } }
.nav-menu .nav-list dl dd ul li a.ico_link { background: url("../img/common/ico_link.svg") no-repeat right center; background-size: 20px auto; }
@media screen and (max-width: 750px) { .nav-menu .nav-list dl dd ul li a.ico_link { background-color: #f1faff; background-position: right 5.3333333333% center; background-size: 4.2666666667% auto; } }
.nav-menu .nav-banner { display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 750px) { .nav-menu .nav-banner { display: block; } }
.nav-menu .nav-banner li { margin-right: 7.9545454545%; }
@media screen and (max-width: 750px) { .nav-menu .nav-banner li { width: 92%; margin: 0 auto 4%; } }
.nav-menu .nav-banner li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .nav-menu .nav-banner li:last-child { margin: 0 auto; } }

.js-menuopen { overflow: hidden; }
.js-menuopen .nav-menu { display: block; }

/* ==================================================================================================== Gナビ
==================================================================================================== */
.gnav { margin-top: -15px; margin-bottom: 80px; }
@media screen and (max-width: 1130px) { .gnav { margin-top: 15px; } }
@media screen and (max-width: 750px) { .gnav { display: none; } }
.gnav .gnav-in { max-width: 800px; margin: 0 0 0 auto; border-bottom: 1px solid #0094e3; }
@media screen and (max-width: 1130px) { .gnav .gnav-in { max-width: 600px; } }
.gnav dl { display: flex; align-items: center; margin-bottom: 10px; }
.gnav dl dt { width: 7em; margin-right: 2em; padding: 5px; background-color: #fff; border: 1px solid #0094e3; font-size: 0.7777777778rem; text-align: center; color: #0094e3; font-weight: bold; border-radius: 2em; line-height: 1; }
.gnav dl dd { flex: 1; }
.gnav dl dd ul { display: flex; flex-wrap: wrap; }
.gnav dl dd ul li { margin-right: 2em; font-size: 0.7777777778rem; }
@media screen and (max-width: 1130px) { .gnav dl dd ul li { margin-bottom: 10px; } }
.gnav dl dd ul li:last-child { margin-right: 0; }
.gnav dl dd ul li a { text-decoration: none; padding-right: 10px; background: url("../img/common/ico_arrow.svg") no-repeat right top 0.4em; background-size: 5px auto; }
.gnav dl dd ul li a.ico_link { padding-right: 15px; background: url("../img/common/ico_link.svg") no-repeat right top 0.3em; background-size: 11px auto; }

/* ==================================================================================================== フッター
==================================================================================================== */
.footer { position: relative; }
.footer .footer-logo { position: absolute; top: 95px; left: 50%; margin-left: -150px; }
@media screen and (max-width: 500px) { .footer .footer-logo { top: 70px; } }

.opacity { transition: all .6s; }
.opacity:hover { opacity: 0.7; }

.maintitle-sec { font-size: 1.7222222222rem; font-weight: 500; text-align: center; }
.maintitle-sec p { margin-top: 20px; font-size: 0.8333333333rem; }
@media screen and (max-width: 750px) { .maintitle-sec p { font-size: 1rem; } }

.btn { position: relative; display: block; text-decoration: none; width: 257px; margin: 0 auto; padding: 15px 5px; border: 1px solid #0096e5; background-color: #fff; text-align: center; color: #0096e5; line-height: 1; border-radius: 40px; }
@media screen and (max-width: 750px) { .btn { width: 69.5652173913%; } }
.btn::after { content: ''; position: absolute; top: 50%; right: -130px; width: 150px; height: 13px; margin-top: -10px; background: url("../img/common/arrow_i001.png") no-repeat right center; }
@media screen and (max-width: 750px) { .btn::after { width: 116px; right: -75px; } }
@media screen and (max-width: 500px) { .btn::after { width: 66px; right: -35px; } }

#cboxClose { top: -19px; }

.map-sec { position: relative; max-width: 800px; margin: 0 auto; padding: 15px 30px 30px; border: 4px solid #ffd42b; background-color: #fff; border-radius: 20px; }
.map-sec .map-heading { position: absolute; top: 0; right: 0; margin-top: 20px; margin-right: 30px; font-size: 1.8888888889rem; font-weight: 500; color: #ffd42b; line-height: 1; }
@media screen and (max-width: 750px) { .map-sec .map-heading { margin-top: 10px; margin-right: 10px; font-size: 1.2222222222rem; } }
.map-sec figure { text-align: center; }
.map-sec .map-btn { position: absolute; bottom: 0; right: 0; width: 100%; max-width: 160px; margin-right: 30px; margin-bottom: 25px; }
@media screen and (max-width: 750px) { .map-sec .map-btn { margin-bottom: 10px; margin-right: 10px; max-width: 130px; } }
.map-sec .map-btn a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 10px; background-color: #ffd42b; font-weight: 500; line-height: 1; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { .map-sec .map-btn a { font-size: 0.7777777778rem; } }

.ico::before { content: ''; display: inline-block; background-repeat: no-repeat !important; background-size: contain; }
.ico.ico-map { margin-left: 0.5em; }
.ico.ico-map::before { width: 18px; height: 18px; background: url("../img/common/ico_expansion.svg"); }

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

.w100 { width: 100%; }

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