@charset "UTF-8";
.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.font-min { font-family: 'Noto Serif JP', serif; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

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

body { font-family: 'Noto Sans JP', YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

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

video { max-width: 100%; }

a { color: #000; }
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"], textarea { 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; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.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: 20px; right: 20px; z-index: 9999; opacity: 0; transition: all .5s; transform: translateY(100px); }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

.header { position: relative; }
.header .header-logo { position: absolute; top: 0; left: 0; width: 26.4285714286%; }
@media screen and (max-width: 750px) { .header .header-logo { width: 49.3333333333%; } }
.header .header-banner { position: absolute; top: 0; right: 0; width: 21.2142857143%; }
@media screen and (max-width: 750px) { .header .header-banner { width: 48%; margin-right: 2.6666666667%; } }

.footer .footer-fig { position: relative; }
.footer .footer-fig figcaption { position: absolute; top: 0; left: 0; width: 26.4285714286%; }
@media screen and (max-width: 750px) { .footer .footer-fig figcaption { width: 49.3333333333%; } }
.footer .footer-main { padding: 55px 0 20px; background-color: #00946e; color: #fff; }
.footer .footer-main .footer-in { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-in { padding: 0 4%; } }
.footer .footer-main .footer-con { display: flex; max-width: 1000px; margin: 0 auto 40px; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-con { display: block; } }
.footer .footer-main .footer-con dl { margin-right: 30px; line-height: 1.6; }
.footer .footer-main .footer-con dl dt { font-weight: bold; }
.footer .footer-main .footer-con dl dd { font-weight: 300; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-con .footer-banner { margin-top: 30px; text-align: center; } }
.footer .footer-main .copy { font-size: 0.875rem; text-align: center; }

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

.heading { font-size: 2.25rem; font-weight: 400; text-align: center; }

.txt { line-height: 2; }

.btn { display: block; text-decoration: none; max-width: 190px; padding: 10px; background: #356816 url("../img/arrow_i001.svg") no-repeat right 10px center; background-size: 5px auto; font-size: 0.875rem; color: #fff; text-align: center; border-radius: 1em; line-height: 1; }

.lnav { padding: 70px 0 180px; background: url("../img/lnav_bg001.png") no-repeat right bottom; background-size: 100% auto; }
@media screen and (max-width: 960px) { .lnav { padding-bottom: 100px; } }
@media screen and (max-width: 750px) { .lnav { padding: 12% 0 23.3333333333%; background-size: cover; } }
.lnav .lnav-in { display: flex; }
@media screen and (max-width: 960px) { .lnav .lnav-in { display: block; } }
.lnav .lnav-heading { margin-right: 55px; }
@media screen and (max-width: 960px) { .lnav .lnav-heading { margin: 0 0 30px 0; text-align: center; } }
@media screen and (max-width: 750px) { .lnav .lnav-heading { margin-bottom: 7.2463768116%; } }
.lnav ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .lnav ul { display: block; } }
.lnav ul li { width: calc(100% / 3); margin-bottom: 15px; padding-right: 1em; }
@media screen and (max-width: 750px) { .lnav ul li { width: 100%; margin-bottom: 4.347826087%; padding: 0; }
  .lnav ul li:last-child { margin-bottom: 0; } }
.lnav ul li a { display: block; text-decoration: none; }
@media screen and (max-width: 750px) { .lnav ul li a { padding-left: 11.5942028986%; } }
.lnav ul li span { display: inline-block; padding: 5px 0 5px 40px; }
.lnav ul li .ico-about { background: url("../img/lnav_i001.svg") no-repeat left center; background-size: 30px auto; }
@media screen and (max-width: 750px) { .lnav ul li .ico-about { background-size: contain; } }
.lnav ul li .ico-spots { background: url("../img/lnav_i002.svg") no-repeat left center; background-size: 24px auto; }
@media screen and (max-width: 750px) { .lnav ul li .ico-spots { background-size: contain; } }
.lnav ul li .ico-mononoke { background: url("../img/lnav_i003.svg") no-repeat left center; background-size: 23px auto; }
@media screen and (max-width: 750px) { .lnav ul li .ico-mononoke { background-size: contain; } }
.lnav ul li .ico-other { background: url("../img/lnav_i004.svg") no-repeat left center; background-size: 26px auto; }
@media screen and (max-width: 750px) { .lnav ul li .ico-other { background-size: contain; } }
.lnav ul li .ico-kanko { background: url("../img/lnav_i005.svg") no-repeat left center; background-size: 25px auto; }
@media screen and (max-width: 750px) { .lnav ul li .ico-kanko { background-size: contain; } }

.about-sec { position: relative; z-index: 99; padding-top: 90px; background: url("../img/about_bg001.png") no-repeat left top 250px; background-size: 100% auto; background-position: left top 10.6666666667%; background-size: 50% auto; }
@media screen and (max-width: 750px) { .about-sec { padding-top: 37.3333333333%; } }
.about-sec .about-in { max-width: 1000px; margin: 0 auto; }
.about-sec .about-top { position: relative; }
.about-sec .heading { margin-bottom: 50px; text-align: left; }
.about-sec .heading span { font-size: 3.75rem; color: #356816; line-height: 1.2; }
.about-sec .about-lead-01 { width: 64%; margin-bottom: 66%; }
@media screen and (max-width: 1400px) { .about-sec .about-lead-01 { margin-bottom: 35%; } }
@media screen and (max-width: 1250px) { .about-sec .about-lead-01 { margin-bottom: 15%; } }
@media screen and (max-width: 960px) { .about-sec .about-lead-01 { width: 100%; margin-bottom: 40px; } }
.about-sec .about-lead-02 { width: 45.5%; margin: 0 0 34% auto; }
@media screen and (max-width: 960px) { .about-sec .about-lead-02 { width: 100%; margin-bottom: 80px; } }
.about-sec .about-icon-01 { position: absolute; top: 0; left: 0; width: 7.6666666667%; margin-top: 8.3333333333%; margin-left: -11.6666666667%; }
@media screen and (max-width: 1250px) { .about-sec .about-icon-01 { margin-top: -9.1666666667%; margin-left: 0; } }
@media screen and (max-width: 960px) { .about-sec .about-icon-01 { margin-left: 0%; } }
@media screen and (max-width: 750px) { .about-sec .about-icon-01 { width: 23.1884057971%; margin-top: -28.9855072464%; margin-left: 4.347826087%; } }
.about-sec .about-icon-02 { position: absolute; top: 0; left: 0; width: 20.1666666667%; margin-left: 42.0833333333%; }
@media screen and (max-width: 960px) { .about-sec .about-icon-02 { margin-top: -17.5%; margin-left: 12.5%; } }
@media screen and (max-width: 750px) { .about-sec .about-icon-02 { width: 66.6666666667%; margin-top: -55.0724637681%; margin-left: 33.3333333333%; } }
.about-sec .about-fig-01 { position: absolute; top: 0; right: 0; width: 32.1428571429%; margin-top: 20.7142857143%; }
@media screen and (max-width: 960px) { .about-sec .about-fig-01 { position: static; } }
@media screen and (max-width: 960px) { .about-sec .about-fig-01 { width: 100%; margin-top: 0; margin-bottom: 40px; } }
.about-sec .about-fig-02 { display: flex; flex-wrap: wrap; position: absolute; top: 0; left: 0; width: 39.2857142857%; margin-top: 41.7857142857%; margin-left: 4.2857142857%; }
@media screen and (max-width: 1620px) { .about-sec .about-fig-02 { margin-top: 53.5714285714%; margin-left: 20px; } }
@media screen and (max-width: 1400px) { .about-sec .about-fig-02 { margin-top: 60.7142857143%; } }
@media screen and (max-width: 1250px) { .about-sec .about-fig-02 { margin-top: 78.5714285714%; } }
@media screen and (max-width: 960px) { .about-sec .about-fig-02 { position: static; width: 100%; margin: 0 0 40px 0; } }
.about-sec .about-fig-02 li { width: 48%; margin-right: 4%; margin-bottom: 4%; }
.about-sec .about-fig-02 li:nth-child(2n) { margin-right: 0; }
.about-sec .about-fig-02 li:nth-child(3n), .about-sec .about-fig-02 li:last-child { margin-bottom: 0; }

.spots-sec { margin-top: -150px; padding-top: 275px; background: url("../img/spot_bg001.png") no-repeat right top; }
.spots-sec .spots-top .spots-top-in { display: flex; justify-content: space-between; max-width: 1000px; margin: 0 auto; }
@media screen and (max-width: 960px) { .spots-sec .spots-top .spots-top-in { display: block; margin-bottom: 40px; } }
.spots-sec .spots-top .spots-top-in .spots-top-ttl { position: relative; flex: 1; }
@media screen and (max-width: 960px) { .spots-sec .spots-top .spots-top-in .spots-top-ttl { margin-bottom: 100px; } }
.spots-sec .spots-top .spots-top-in .spots-top-ttl .heading { text-align: left; }
.spots-sec .spots-top .spots-top-in .spots-top-ttl .heading span { color: #356816; }
.spots-sec .spots-top .spots-top-in .spots-top-ttl .heading .spots-top-num { font-size: 6.375rem; font-weight: 700; line-height: 1; }
.spots-sec .spots-top .spots-top-in .spots-top-ttl .heading .spots-top-en { font-size: 3.8125rem; font-weight: 700; line-height: 1; }
.spots-sec .spots-top .spots-top-in figure { width: 49.5%; }
@media screen and (max-width: 960px) { .spots-sec .spots-top .spots-top-in figure { width: 100%; margin: 0 auto; text-align: center; } }
.spots-sec .spots-top .spots-top-symbol { position: absolute; top: 0; right: 0; margin-top: 0.4em; margin-right: 0.9em; font-size: 15rem; font-weight: 700; color: #356816; line-height: 1; transform: rotate(50deg); }
@media screen and (max-width: 1250px) { .spots-sec .spots-top .spots-top-symbol { margin-right: 0.4em; } }
@media screen and (max-width: 960px) { .spots-sec .spots-top .spots-top-symbol { right: initial; left: 0; margin-right: 0; margin-left: 1em; } }
@media screen and (max-width: 750px) { .spots-sec .spots-top .spots-top-symbol { margin-top: 0.8em; margin-left: 1.6em; font-size: 9.375rem; } }
.spots-sec .spots-top .spots-top-icon { position: absolute; top: 0; left: 0; width: 60px; margin-top: 15em; margin-left: 5em; }
@media screen and (max-width: 750px) { .spots-sec .spots-top .spots-top-icon { width: 8.6956521739%; margin-left: 36.231884058%; } }
.spots-sec .spots-area { margin-bottom: 35px; }
.spots-sec .spots-area .spots-area-in { position: relative; padding: 75px 0; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-in { padding: 40px 4.347826087%; } }
.spots-sec .spots-area .spots-area-icon { position: absolute; top: 0; left: 0; width: 31.75%; margin-top: -5.4166666667%; margin-left: 0.8333333333%; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-icon { width: 55.2173913043%; margin-top: -9.4202898551%; margin-left: 1.4492753623%; } }
.spots-sec .spots-area .spots-area-con { width: 66.6666666667%; margin: 0 auto; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-con { width: 100%; } }
.spots-sec .spots-area .spots-area-heading { display: flex; align-items: center; margin-bottom: 30px; line-height: 1; }
.spots-sec .spots-area .spots-area-heading .spots-area-heading-num { position: relative; display: flex; width: 36px; margin-right: 1em; background: url("../img/num_bg001.png") no-repeat center top; font-size: 1.25rem; color: #fff; }
.spots-sec .spots-area .spots-area-heading .spots-area-heading-num::before { content: ''; display: block; padding-top: 100%; }
.spots-sec .spots-area .spots-area-heading .spots-area-heading-num p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.spots-sec .spots-area .spots-area-heading h3 { flex: 1; font-size: 1.8125rem; font-weight: 400; }
.spots-sec .spots-area .spots-area-txt { margin-bottom: 35px; font-size: 1.125rem; }
.spots-sec .spots-area .spots-area-photo { display: flex; justify-content: space-between; margin-bottom: 50px; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-photo { display: block; } }
.spots-sec .spots-area .spots-area-photo .spots-area-photo-left { width: 50.25%; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-photo .spots-area-photo-left { width: 100%; } }
.spots-sec .spots-area .spots-area-photo .spots-area-photo-right { width: 48%; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-photo .spots-area-photo-right { width: 100%; } }
.spots-sec .spots-area .spots-area-photo .spots-area-photo-right .slick-slide { width: 31.25% !important; display: block !important; float: none !important; margin: 0 3px; cursor: pointer; }
.spots-sec .spots-area .spots-area-photo .spots-area-photo-right .slick-current li { border: 2px solid #356816; }
.spots-sec .spots-area .spots-area-photo .spots-area-photo-right .slick-track { transform: unset !important; width: 100% !important; display: flex; justify-content: flex-start; flex-flow: wrap; }
.spots-sec .spots-area .spots-area-lead { margin-bottom: 90px; }
.spots-sec .spots-area .spots-area-lead dl { margin-bottom: 40px; }
.spots-sec .spots-area .spots-area-lead dl:last-child { margin-bottom: 0; }
.spots-sec .spots-area .spots-area-lead dl dt { margin-bottom: 10px; font-size: 1.375rem; font-weight: bold; color: #356816; }
.spots-sec .spots-area .spots-area-lead dl dt span { background: linear-gradient(transparent 60%, #ffff00 60%); }
.spots-sec .spots-area .spots-area-lead dl dd a { color: #0034ae; }
.spots-sec .spots-area .spots-area-point { margin-bottom: 85px; }
.spots-sec .spots-area .spots-area-point .spots-area-point-heading { margin-bottom: 40px; padding: 10px; background-color: #356816; font-size: 1.5625rem; font-weight: 700; color: #fff; text-align: center; border-radius: 2em; }
.spots-sec .spots-area .spots-area-point .spots-area-point-con { position: relative; }
.spots-sec .spots-area .spots-area-point .spots-area-point-con .slide-btn { z-index: 99; position: absolute; top: 0; width: 60px; margin-top: 60px; cursor: pointer; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-point .spots-area-point-con .slide-btn { width: 50px; } }
.spots-sec .spots-area .spots-area-point .spots-area-point-con .slide-prev { left: 0; }
@media screen and (max-width: 1250px) { .spots-sec .spots-area .spots-area-point .spots-area-point-con .slide-prev { margin-left: -60px; } }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-point .spots-area-point-con .slide-prev { margin-left: -30px; } }
.spots-sec .spots-area .spots-area-point .spots-area-point-con .slide-next { right: 0; }
@media screen and (max-width: 1250px) { .spots-sec .spots-area .spots-area-point .spots-area-point-con .slide-next { margin-right: -60px; } }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-point .spots-area-point-con .slide-next { margin-right: -30px; } }
.spots-sec .spots-area .spots-area-point .slick-slide { margin: 0 28px; }
.spots-sec .spots-area .spots-area-point .spots-area-point-slider { max-width: 610px; margin: 0 auto; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-point .spots-area-point-slider { max-width: 100%; } }
.spots-sec .spots-area .spots-area-point .spots-area-point-slider li figure img { border-radius: 10px; }
.spots-sec .spots-area .spots-area-point .spots-area-point-slider li dl { margin-top: 15px; }
.spots-sec .spots-area .spots-area-point .spots-area-point-slider li dl dt { margin-bottom: 10px; font-weight: 700; color: #356816; }
.spots-sec .spots-area .spots-area-point .spots-area-point-slider li dl dd { font-size: 0.875rem; }
.spots-sec .spots-area .spots-area-point .spots-area-point-detail { margin-top: 60px; padding: 35px 30px; border: 1px solid #acc4af; background-color: #fff; border-radius: 10px; }
.spots-sec .spots-area .spots-area-point .spots-area-point-detail dl dt { margin-bottom: 20px; font-size: 1.125rem; }
.spots-sec .spots-area .spots-area-point .spots-area-point-detail dl dd ul.detail-flex li { display: flex; align-items: flex-start; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-point .spots-area-point-detail dl dd ul.detail-flex li { display: block; } }
.spots-sec .spots-area .spots-area-point .spots-area-point-detail dl dd ul.detail-flex li span { width: 10em; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-point .spots-area-point-detail dl dd ul.detail-flex li span { width: 100%; margin-bottom: 10px; } }
.spots-sec .spots-area .spots-area-point .spots-area-point-detail dl dd ul.detail-flex li p { flex: 1; }
.spots-sec .spots-area .spots-area-point .spots-area-point-detail dl dd ul li { margin-bottom: 1em; padding: 0 0 0 20px; background: url("../img/heading_i002.png") no-repeat left top 0.3em; }
.spots-sec .spots-area .spots-area-point .spots-area-point-detail dl dd ul li:last-child { margin-bottom: 0; }
.spots-sec .spots-area .spots-area-info .spots-area-info-heading { margin-bottom: 10px; font-size: 1.125rem; }
.spots-sec .spots-area .spots-area-info .spots-area-info-heading span { margin-right: 0.5em; color: #356816; }
.spots-sec .spots-area .spots-area-info table { width: 100%; }
.spots-sec .spots-area .spots-area-info table tr { border-bottom: 1px solid #acc4af; }
.spots-sec .spots-area .spots-area-info table tr:first-child { border-top: 1px solid #acc4af; }
.spots-sec .spots-area .spots-area-info table tr th, .spots-sec .spots-area .spots-area-info table tr td { padding: 10px 20px; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-info table tr th, .spots-sec .spots-area .spots-area-info table tr td { display: block; } }
.spots-sec .spots-area .spots-area-info table tr th { width: 10em; text-align: left; font-weight: 400; }
@media screen and (max-width: 750px) { .spots-sec .spots-area .spots-area-info table tr th { width: 100%; padding-bottom: 0; } }
.spots-sec .spots-area .spots-area-info table tr td a { color: #0034ae; }
.spots-sec .spots-area-01 .spots-area-in, .spots-sec .spots-area-03 .spots-area-in, .spots-sec .spots-area-05 .spots-area-in, .spots-sec .spots-area-07 .spots-area-in { background-color: #eef3ef; }

.mononoke-sec { position: relative; }
.mononoke-sec .mononoke-icon { position: absolute; top: 0; right: 0; width: 11.4285714286%; margin-top: 3.2142857143%; margin-right: 13.5714285714%; }
@media screen and (max-width: 750px) { .mononoke-sec .mononoke-icon { width: 21.3333333333%; margin-top: 5.3333333333%; margin-right: 2.6666666667%; } }
.mononoke-sec .mononoke-main { position: relative; margin-top: -375px; }
@media screen and (max-width: 750px) { .mononoke-sec .mononoke-main { margin-top: -26.6666666667%; } }
.mononoke-sec .mononoke-main .mononoke-in { position: relative; max-width: 1000px; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); }
.mononoke-sec .mononoke-main .mononoke-fig { position: absolute; bottom: 0; right: 0; width: 36%; margin-bottom: -12%; margin-right: -7.5%; }
@media screen and (max-width: 1250px) { .mononoke-sec .mononoke-main .mononoke-fig { margin-right: 4%; } }
@media screen and (max-width: 750px) { .mononoke-sec .mononoke-main .mononoke-fig { width: 48%; margin-bottom: -33.3333333333%; margin-right: -2.6666666667%; } }
.mononoke-sec .mononoke-main .mononoke-con { padding: 75px 20px; border: 1px solid #356816; }
@media screen and (max-width: 750px) { .mononoke-sec .mononoke-main .mononoke-con { padding-top: 40px; padding-bottom: 40px; } }
.mononoke-sec .mononoke-main .mononoke-heading { margin-bottom: 40px; text-align: center; }
.mononoke-sec .mononoke-main .mononoke-subheading { margin-bottom: 40px; font-size: 1.875rem; font-weight: 400; text-align: center; }
@media screen and (max-width: 750px) { .mononoke-sec .mononoke-main .mononoke-subheading { font-size: 1.375rem; } }
.mononoke-sec .mononoke-main .mononoke-subheading span { color: #356816; }
.mononoke-sec .mononoke-main .mononoke-txt01 { margin-bottom: 50px; text-align: center; }
.mononoke-sec .mononoke-main .mononoke-txt02 { max-width: 520px; margin: 0 auto 50px; text-align: center; }
.mononoke-sec .mononoke-main .mononoke-txt03 { margin-top: 10px; text-align: center; }
.mononoke-sec .mononoke-main .mononoke-btn .btn { margin: 0 auto; background: #356816 url("../img/link_i001.svg") no-repeat right 10px center; background-size: 13px auto; }

.other-sec { margin-bottom: 150px; padding-top: 295px; background: url("../img/other_bg001.png") no-repeat left top; }
.other-sec .other-icon { width: 92px; margin: 0 auto 25px; }
.other-sec .heading { margin-bottom: 85px; }
.other-sec .other-list { max-width: 1000px; margin: 0 auto; }
.other-sec .other-list li { display: flex; justify-content: space-between; margin-bottom: 55px; padding-bottom: 55px; background: url("../img/other_bg002.png") no-repeat center bottom; }
@media screen and (max-width: 750px) { .other-sec .other-list li { display: block; } }
.other-sec .other-list li:last-child { margin-bottom: 0; padding-bottom: 0; background: none; }
.other-sec .other-list li figure { width: 35.4%; }
@media screen and (max-width: 750px) { .other-sec .other-list li figure { width: 100%; margin-bottom: 20px; } }
.other-sec .other-list li .other-box { width: 60%; }
@media screen and (max-width: 750px) { .other-sec .other-list li .other-box { width: 100%; } }
.other-sec .other-list li .other-box .other-heading { margin-bottom: 20px; font-size: 1.5625rem; font-weight: 400; }
.other-sec .other-list li .other-box .other-txt { margin-bottom: 20px; }
.other-sec .other-list li .other-box .other-txt a { color: #0034ae; }
.other-sec .other-list li .other-box .other-txt strong { font-weight: 700; }
.other-sec .other-list li .other-box .other-txt .txt_red { color: #a90011; }
.other-sec .other-list li .other-box .other-txt .txt_line { text-decoration: underline; }

.kanko-sec { padding-top: 7.8571428571%; background: url("../img/kanko_bg001.png") no-repeat center top; background-size: 100% auto; }
.kanko-sec .kanko-b { padding-bottom: 7.8571428571%; background: url("../img/kanko_bg003.png") no-repeat center bottom; background-size: 100% auto; }
.kanko-sec .kanko-m { background: url("../img/kanko_bg002.png"); background-size: 100% 100%; }
.kanko-sec .kanko-icon { width: 87px; margin: 0 auto 25px; }
.kanko-sec .heading { margin-bottom: 80px; }
.kanko-sec .kanko-con { position: relative; padding-bottom: 9.2857142857%; }
@media screen and (max-width: 750px) { .kanko-sec .kanko-con { padding-bottom: 33.3333333333%; } }
.kanko-sec .slide-btn { display: none; position: absolute; top: 0; width: 50px; margin-top: 20%; }
@media screen and (max-width: 750px) { .kanko-sec .slide-btn { display: block; } }
.kanko-sec .slide-btn.slide-prev { left: 0; margin-left: 4%; }
.kanko-sec .slide-btn.slide-next { right: 0; margin-right: 4%; }
.kanko-sec .slick-slide { margin: 0 37px; }
@media screen and (max-width: 750px) { .kanko-sec .slick-slide { margin: 0 10px; } }
.kanko-sec .kanko-slider li .kanko-list-in { max-width: 276px; margin: 0 auto; }
@media screen and (max-width: 750px) { .kanko-sec .kanko-slider li .kanko-list-in { max-width: 100%; } }
.kanko-sec .kanko-slider dl { margin-top: 20px; margin-bottom: 30px; }
.kanko-sec .kanko-slider dl dt { margin-bottom: 15px; font-size: 1.25rem; font-weight: bold; }
.kanko-sec .kanko-slider dl dd { font-size: 0.875rem; line-height: 1.6; }
.kanko-sec .slick-dotted.slick-slider { margin-bottom: 0; }
.kanko-sec .slick-dots { bottom: 0; margin-bottom: -85px; }
.kanko-sec .slick-dots li { width: 14px; height: 14px; margin: 0 15px; }
.kanko-sec .slick-dots li button { width: 14px; height: 14px; padding: 0; }
.kanko-sec .slick-dots li button:before { width: 14px; height: 14px; content: ''; opacity: 1; background-color: #969ba0; border-radius: 50%; }
.kanko-sec .slick-dots li.slick-active button:before { opacity: 1; background-color: #356816; }

.sns-sec { padding: 30px 0 70px; }
.sns-sec .sns-heading { margin-bottom: 20px; font-size: 0.875rem; text-align: center; }
.sns-sec ul { display: flex; align-items: center; justify-content: center; }
.sns-sec ul li { width: 40px; margin-right: 20px; }
.sns-sec ul li:last-child { margin-right: 0; }

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

.w100 { width: 100%; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }

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