@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button, hr, input { overflow: visible; }

progress, sub, sup { vertical-align: baseline; }

[type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0; }

html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

details, main { display: block; }

h1 { font-size: 2em; margin: .67em 0; }

hr { box-sizing: content-box; height: 0; }

code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sub { bottom: -.25em; }

sup { top: -.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, select { text-transform: none; }

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; }

fieldset { padding: .35em .75em .625em; }

legend { color: inherit; display: table; max-width: 100%; white-space: normal; }

textarea { overflow: auto; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

summary { display: list-item; }

[hidden], template { display: none; }

/*=== bases ===*/
* { box-sizing: border-box; }

html, body { font-size: 14px; font-family: "Meiryo", "メイリオ", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; line-height: 1; }

p, h1, h2, h3, h4, h5, h6 { margin: 0; }

@media screen and (min-width: 1px) and (max-width: 767px) { .md-over { display: none; } }

.slidein-elm { top: -10px; opacity: 0; transition-property: top, opacity; transition-duration: 1.5s; transition-timing-function: ease-out, linear; }

@media screen and (min-width: 768px) { .slidein-elm { top: -15px; } }

@media screen and (min-width: 992px) { .slidein-elm { top: -20px; } }

.slidein-elm.slidein { top: 0; opacity: 1; }

.shade-elm { position: relative; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.62); mix-blend-mode: multiply; transition: opacity 1.0s linear; opacity: 0; }

.shade-elm.fadein { opacity: 1; }

.reservation > .link { display: block; margin: 20px auto; border: 1px solid #fff; width: 90px; height: 26px; background: url(../img/btn-reserve-label@2x.png) center center/72px auto no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; }

@media screen and (min-width: 768px) { .reservation > .link { width: 116px; height: 34px; background-size: 93px auto; transition: background-color 0.3s; }
  .reservation > .link:hover { background-color: rgba(0, 0, 0, 0.4); } }

@media screen and (min-width: 992px) { .reservation > .link { width: 180px; height: 50px; background-size: 112px auto; } }

@media screen and (min-width: 1200px) { .reservation > .link { width: 200px; height: 60px; background-size: 150px auto; } }

/*=== intro__sect ===*/
.intro__sect { background: url(../img/sect1-bgimg@2x.jpg) center center/cover no-repeat; width: 100%; height: 342px; }

@media screen and (min-width: 576px) { .intro__sect { height: 456px; } }

@media screen and (min-width: 768px) { .intro__sect { height: 589px; } }

@media screen and (min-width: 992px) { .intro__sect { height: 712px; } }

@media screen and (min-width: 1200px) { .intro__sect { height: 950px; } }

.intro__sect .shade { position: relative; width: 100%; height: 100%; background: linear-gradient(#666666, #777777 60%, rgba(119, 119, 119, 0)); mix-blend-mode: multiply; opacity: 0; transition: opacity 1.0s linear; }

.intro__sect .shade.fadein { opacity: 1; }

.intro__sect .sect-container { position: absolute; left: 0; top: 0; width: 100%; }

.intro__sect .page-header { position: relative; display: flex; justify-content: space-between; align-items: center; margin: 17.5px 20px 64px; }

@media screen and (min-width: 576px) { .intro__sect .page-header { margin: 25px 30px 70px; } }

@media screen and (min-width: 768px) { .intro__sect .page-header { margin: 32.5px 30px 90px; } }

@media screen and (min-width: 992px) { .intro__sect .page-header { margin: 32.5px 43px 122px; } }

@media screen and (min-width: 1200px) { .intro__sect .page-header { margin: 43px 57px 163px; } }

.intro__sect .page-header .phr, .intro__sect .page-header .sgr { display: block; background-position: center center; background-size: contain; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.intro__sect .page-header .phr { background-image: url(../img/logo-phr@2x.png); width: 72px; height: 19px; }

@media screen and (min-width: 576px) { .intro__sect .page-header .phr { width: 96px; height: 25px; } }

@media screen and (min-width: 768px) { .intro__sect .page-header .phr { width: 124px; height: 33px; } }

@media screen and (min-width: 992px) { .intro__sect .page-header .phr { width: 124px; height: 33px; } }

@media screen and (min-width: 1200px) { .intro__sect .page-header .phr { width: 166px; height: 44px; } }

.intro__sect .page-header .sgr { background-image: url(../img/logo-sbg@2x.png); height: 17px; width: 61px; }

@media screen and (min-width: 576px) { .intro__sect .page-header .sgr { width: 81px; height: 22px; } }

@media screen and (min-width: 768px) { .intro__sect .page-header .sgr { width: 104px; height: 29px; } }

@media screen and (min-width: 992px) { .intro__sect .page-header .sgr { width: 104px; height: 29px; } }

@media screen and (min-width: 1200px) { .intro__sect .page-header .sgr { width: 139px; height: 38px; } }

.intro__sect .sect-contents { background: url(../img/sect1-txt@2x.png) center top/contain no-repeat; height: 210px; margin: 0 auto; opacity: 0; position: relative; top: -10px; width: 300px; text-indent: 100%; white-space: nowrap; overflow: hidden; transition-delay: 0.5s; transition-duration: 1.5s; transition-property: top, opacity; transition-timing-function: ease-out, linear; }

@media screen and (min-width: 375px) { .intro__sect .sect-contents { margin: 35px auto 0; width: 320px; } }

@media screen and (min-width: 576px) { .intro__sect .sect-contents { width: 432px; height: 283px; } }

@media screen and (min-width: 768px) { .intro__sect .sect-contents { width: 559px; height: 366px; top: -15px; } }

@media screen and (min-width: 992px) { .intro__sect .sect-contents { width: 674px; height: 441px; top: -20px; } }

@media screen and (min-width: 1200px) { .intro__sect .sect-contents { width: 898px; height: 588px; top: -20px; } }

.intro__sect .sect-contents.slidein { opacity: 1; top: 0; }

/*=== rooms__sect ===*/
.rooms__header { display:none!important;position: relative; height: 81px; background: url(../img/sect2-bgimg@2x.png) center top/contain repeat-x; display: flex; justify-content: center; align-items: center; }

@media screen and (min-width: 576px) { .rooms__header { height: 108px; } }

@media screen and (min-width: 768px) { .rooms__header { height: 140px; } }

@media screen and (min-width: 992px) { .rooms__header { height: 169px; } }

@media screen and (min-width: 1200px) { .rooms__header { height: 225px; } }

.rooms__header .header-contents { display:none!important;position: relative; display: flex; justify-content: space-between; align-items: center; width: 300px; height: 36px; }

@media screen and (min-width: 375px) { .rooms__header .header-contents { width: 318px; } }

@media screen and (min-width: 576px) { .rooms__header .header-contents { width: 489px; height: 55px; } }

@media screen and (min-width: 768px) { .rooms__header .header-contents { width: 631px; height: 71px; } }

@media screen and (min-width: 992px) { .rooms__header .header-contents { width: 760px; height: 85px; } }

@media screen and (min-width: 1200px) { .rooms__header .header-contents { width: 1012px; height: 113px; } }

.rooms__header .content-left, .rooms__header .content-right { text-indent: 100%; white-space: nowrap; overflow: hidden; background-position: 0 0; background-size: contain; background-repeat: no-repeat; }

.rooms__header .content-left { background-image: url(../img/sect2-txt1@2x.png); width: 106px; height: 36px; }

@media screen and (min-width: 375px) { .rooms__header .content-left { width: 115px; } }

@media screen and (min-width: 576px) { .rooms__header .content-left { width: 176px; height: 55px; } }

@media screen and (min-width: 768px) { .rooms__header .content-left { width: 228px; height: 71px; } }

@media screen and (min-width: 992px) { .rooms__header .content-left { width: 274px; height: 85px; } }

@media screen and (min-width: 1200px) { .rooms__header .content-left { width: 365px; height: 113px; } }

.rooms__header .content-right { background-image: url(../img/sect2-txt2@2x.png); width: 184px; height: 23px; }

@media screen and (min-width: 375px) { .rooms__header .content-right { width: 191px; } }

@media screen and (min-width: 576px) { .rooms__header .content-right { width: 293px; height: 36px; } }

@media screen and (min-width: 768px) { .rooms__header .content-right { width: 379px; height: 46px; } }

@media screen and (min-width: 992px) { .rooms__header .content-right { width: 456px; height: 55px; } }

@media screen and (min-width: 1200px) { .rooms__header .content-right { width: 608px; height: 73px; } }

.rooms__image.block-1 { position: relative; height: 313px; padding: 52px 30px 0 0; background: url(../img/sect3-bgimg@2x.jpg) center center/cover no-repeat; }

@media screen and (min-width: 576px) { .rooms__image.block-1 { height: 417px; padding: 70px 39px 0 0; } }

@media screen and (min-width: 768px) { .rooms__image.block-1 { height: 539px; padding: 90px 51px 0 0; } }

@media screen and (min-width: 992px) { .rooms__image.block-1 { height: 649px; padding: 110px 63px 0 0; } }

@media screen and (min-width: 1200px) { .rooms__image.block-1 { height: 866px; padding: 146px 88px 0 0; } }

.rooms__image.block-1 .block-contents { background: url(../img/sect3-txt@2x.png) left top/contain no-repeat; margin: 0 0 0 auto; position: relative; width: 205.542px; height: 49.763px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

@media screen and (min-width: 576px) { .rooms__image.block-1 .block-contents { width: 274.056px; height: 66.35px; } }

@media screen and (min-width: 768px) { .rooms__image.block-1 .block-contents { width: 353.97px; height: 85.698px; } }

@media screen and (min-width: 992px) { .rooms__image.block-1 .block-contents { width: 428.241px; height: 103.679px; } }

@media screen and (min-width: 1200px) { .rooms__image.block-1 .block-contents { width: 570px; height: 138px; } }

.rooms__image.block-2 { position: relative; }

@media screen and (min-width: 576px) { .rooms__image.block-2 { display: flex; } }

.rooms__image.block-2 .block-left, .rooms__image.block-2 .block-right { height: 313px; }

@media screen and (min-width: 576px) { .rooms__image.block-2 .block-left, .rooms__image.block-2 .block-right { height: 332px; } }

@media screen and (min-width: 768px) { .rooms__image.block-2 .block-left, .rooms__image.block-2 .block-right { height: 429px; } }

@media screen and (min-width: 992px) { .rooms__image.block-2 .block-left, .rooms__image.block-2 .block-right { height: 519px; } }

@media screen and (min-width: 1200px) { .rooms__image.block-2 .block-left, .rooms__image.block-2 .block-right { height: 692px; } }

.rooms__image.block-2 .block-left { position: relative; width: 100%; background: url(../img/sect4-1-bgimg@2x.jpg) left center/cover no-repeat; }

@media screen and (min-width: 576px) { .rooms__image.block-2 .block-left { width: 124.74%; transition: width 1.0s ease-out; } }

.rooms__image.block-2 .block-left.halved { width: 100%; }

.rooms__image.block-2 .block-left .block-left-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

.rooms__image.block-2 .block-left .block-left-contents { position: relative; width: 244.019px; flex-grow: 0; flex-shrink: 0; top: -10px; opacity: 0; transition-property: top, opacity; transition-duration: 1.5s; transition-timing-function: ease-out, linear; transition-delay: 1.0s; }

@media screen and (min-width: 768px) { .rooms__image.block-2 .block-left .block-left-contents { top: -15px; } }

@media screen and (min-width: 992px) { .rooms__image.block-2 .block-left .block-left-contents { top: -20px; } }

.rooms__image.block-2 .block-left .block-left-contents.slidein { top: 0; opacity: 1; }

@media screen and (min-width: 768px) { .rooms__image.block-2 .block-left .block-left-contents { width: 316.013px; } }

@media screen and (min-width: 992px) { .rooms__image.block-2 .block-left .block-left-contents { width: 379.997px; } }

@media screen and (min-width: 1200px) { .rooms__image.block-2 .block-left .block-left-contents { width: 507px; } }

.rooms__image.block-2 .block-left .block-left-contents .texts { background: url(../img/sect4-txt@2x.png) 0 0/contain no-repeat; width: 244.019px; height: 111.18px; margin-bottom: 24.065px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

@media screen and (min-width: 768px) { .rooms__image.block-2 .block-left .block-left-contents .texts { width: 316.013px; height: 143.982px; margin-bottom: 31.165px; } }

@media screen and (min-width: 992px) { .rooms__image.block-2 .block-left .block-left-contents .texts { width: 379.997px; height: 173.135px; margin-bottom: 37.475px; } }

@media screen and (min-width: 1200px) { .rooms__image.block-2 .block-left .block-left-contents .texts { width: 507px; height: 231px; margin-bottom: 50px; } }

.rooms__image.block-2 .block-left .block-left-contents .figures { display: flex; justify-content: center; margin: 0 auto; }

.rooms__image.block-2 .block-left .block-left-contents .fig-1, .rooms__image.block-2 .block-left .block-left-contents .fig-2 { background-size: contain; background-repeat: no-repeat; width: 82.998px; height: 101.124px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

@media screen and (min-width: 768px) { .rooms__image.block-2 .block-left .block-left-contents .fig-1, .rooms__image.block-2 .block-left .block-left-contents .fig-2 { width: 108.002px; height: 131.588px; } }

@media screen and (min-width: 992px) { .rooms__image.block-2 .block-left .block-left-contents .fig-1, .rooms__image.block-2 .block-left .block-left-contents .fig-2 { width: 133.301px; height: 162.413px; } }

@media screen and (min-width: 1200px) { .rooms__image.block-2 .block-left .block-left-contents .fig-1, .rooms__image.block-2 .block-left .block-left-contents .fig-2 { width: 174px; height: 212px; } }

.rooms__image.block-2 .block-left .block-left-contents .fig-1 { background-image: url(../img/sect4-fig1@2x.png); margin-right: 13.412%; }

.rooms__image.block-2 .block-left .block-left-contents .fig-2 { background-image: url(../img/sect4-fig2@2x.png); }

.rooms__image.block-2 .block-right { width: 100%; background: url(../img/sect4-2-bgimg@2x.jpg) right center/cover no-repeat; }

/*=== hotsp__sect ===*/
.hotsp__header { position: relative; height: 81px; background: url(../img/sect5-bgimg@2x.png) center top/contain repeat-x; display: flex; justify-content: center; align-items: center; }

@media screen and (min-width: 576px) { .hotsp__header { height: 108px; } }

@media screen and (min-width: 768px) { .hotsp__header { height: 140px; } }

@media screen and (min-width: 992px) { .hotsp__header { height: 169px; } }

@media screen and (min-width: 1200px) { .hotsp__header { height: 225px; } }

.hotsp__header .header-contents { position: relative; width: 170px; height: 41px; background: url(../img/sect5-txt@2x.png) center center/contain no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; }

@media screen and (min-width: 576px) { .hotsp__header .header-contents { width: 226px; height: 55px; } }

@media screen and (min-width: 768px) { .hotsp__header .header-contents { width: 292px; height: 71px; } }

@media screen and (min-width: 992px) { .hotsp__header .header-contents { width: 354px; height: 86px; } }

@media screen and (min-width: 1200px) { .hotsp__header .header-contents { width: 470px; height: 114px; } }

.hotsp__image.block-1 { position: relative; height: 312px; padding: 91px 0 0 9.217vw; background: url(../img/sect6-bgimg@2x.jpg) center center/cover no-repeat; }

@media screen and (min-width: 576px) { .hotsp__image.block-1 { height: 416px; padding: 122px 0 0 71px; } }

@media screen and (min-width: 768px) { .hotsp__image.block-1 { height: 537px; padding: 157px 0 0 92px; } }

@media screen and (min-width: 992px) { .hotsp__image.block-1 { height: 650px; padding: 191px 0 0 112px; } }

@media screen and (min-width: 1200px) { .hotsp__image.block-1 { height: 867px; padding: 254px 0 0 149px; } }

.hotsp__image.block-1 .block-contents { position: relative; margin: 0; background: url(../img/sect6-txt@2x.png) left top/contain no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 274.853px; height: 49.055px; }

@media screen and (min-width: 576px) { .hotsp__image.block-1 .block-contents { width: 365.836px; height: 65.294px; } }

@media screen and (min-width: 768px) { .hotsp__image.block-1 .block-contents { width: 471.983px; height: 84.238px; } }

@media screen and (min-width: 992px) { .hotsp__image.block-1 .block-contents { width: 572.414px; height: 102.163px; } }

@media screen and (min-width: 1200px) { .hotsp__image.block-1 .block-contents { width: 762px; height: 136px; } }

.hotsp__image.block-2 { position: relative; }

@media screen and (min-width: 576px) { .hotsp__image.block-2 { display: flex; } }

.hotsp__image.block-2 .block-left, .hotsp__image.block-2 .block-right { height: 312px; }

@media screen and (min-width: 576px) { .hotsp__image.block-2 .block-left, .hotsp__image.block-2 .block-right { height: 332px; } }

@media screen and (min-width: 768px) { .hotsp__image.block-2 .block-left, .hotsp__image.block-2 .block-right { height: 429px; } }

@media screen and (min-width: 992px) { .hotsp__image.block-2 .block-left, .hotsp__image.block-2 .block-right { height: 518px; } }

@media screen and (min-width: 1200px) { .hotsp__image.block-2 .block-left, .hotsp__image.block-2 .block-right { height: 691px; } }

.hotsp__image.block-2 .block-left { width: 100%; background: url(../img/sect7-1-bgimg@2x.jpg) left center/cover no-repeat; }

.hotsp__image.block-2 .block-right { position: relative; width: 100%; background: url(../img/sect7-2-bgimg@2x.jpg) right center/cover no-repeat; }

@media screen and (min-width: 576px) { .hotsp__image.block-2 .block-right { width: 146.354%; transition: width 1.0s ease-out; } }

.hotsp__image.block-2 .block-right.halved { width: 100%; }

.hotsp__image.block-2 .block-right .block-right-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; }

.hotsp__image.block-2 .block-right .block-right-contents { position: relative; flex-grow: 0; flex-shrink: 0; width: 257.655px; margin-top: 105.754px; top: -10px; opacity: 0; transition-property: top, opacity; transition-duration: 1.5s; transition-timing-function: ease-out, linear; transition-delay: 1.0s; }

@media screen and (min-width: 768px) { .hotsp__image.block-2 .block-right .block-right-contents { top: -15px; } }

@media screen and (min-width: 992px) { .hotsp__image.block-2 .block-right .block-right-contents { top: -20px; } }

.hotsp__image.block-2 .block-right .block-right-contents.slidein { top: 0; opacity: 1; }

@media screen and (min-width: 768px) { .hotsp__image.block-2 .block-right .block-right-contents { margin-top: 136.906px; width: 333.553px; } }

@media screen and (min-width: 992px) { .hotsp__image.block-2 .block-right .block-right-contents { margin-top: 165.242px; width: 402.59px; } }

@media screen and (min-width: 1200px) { .hotsp__image.block-2 .block-right .block-right-contents { margin-top: 220px; width: 536px; } }

.hotsp__image.block-2 .block-right .block-right-contents .texts { background: url(../img/sect7-txt@2x.png) 0 0/contain no-repeat; width: 100%; height: 139.403px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

@media screen and (min-width: 768px) { .hotsp__image.block-2 .block-right .block-right-contents .texts { height: 180.467px; } }

@media screen and (min-width: 992px) { .hotsp__image.block-2 .block-right .block-right-contents .texts { height: 217.819px; } }

@media screen and (min-width: 1200px) { .hotsp__image.block-2 .block-right .block-right-contents .texts { height: 290px; } }

/*=== plan__sect ===*/
.plan__sect { background-color: #768a57; /*padding: 30px 19px 0;*/padding: 40px 19px 0; }

@media screen and (min-width: 768px) { .plan__sect { padding: 25px 37px 0; } }

@media screen and (min-width: 992px) { .plan__sect { padding: 30px 76px 0; } }

@media screen and (min-width: 1200px) { .plan__sect { padding: 39px 40px 0; } }

.plan__sect .sect-container { position: relative; margin: 0 auto; /*border-bottom: 1px solid #fff;*/ padding-bottom: 13px; max-width: 1336px; }

@media screen and (min-width: 992px) { .plan__sect .sect-container { padding-bottom: 17px; } }

@media screen and (min-width: 1200px) { .plan__sect .sect-container { padding-bottom: 23px; } }

.plan__texts .sect-upper { position: relative; max-width: 306px; margin: 0 auto; }

@media screen and (min-width: 576px) { .plan__texts .sect-upper { display: flex; max-width: unset; align-items: center; justify-content: space-evenly; flex-direction: column;margin:30px 0;} }

.plan__texts .sect-title {width: 70%;margin: auto;
  /* text-indent: 100%; white-space: nowrap; */
}
.plan__texts .sect-title img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 576px){
  .plan__texts .sect-title {
    width: 45%;
    margin: auto;
  }
}

/* @media screen and (min-width: 576px) { .plan__texts .sect-title { width: 306px;} }

@media screen and (min-width: 768px) { .plan__texts .sect-title { width: 395px; height:150px;} }

@media screen and (min-width: 992px) { .plan__texts .sect-title { width: 478px; height:166px;} }

@media screen and (min-width: 1200px) { .plan__texts .sect-title { width: 638px;} } */

.plan__texts .contacts { display: flex; justify-content: center; align-items: center; }

.plan__texts .contacts .phone { background: url(../img/footer-txt2@2x.png) left center/contain no-repeat; width: 91px; height: 8px; margin-left: 15px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

@media screen and (min-width: 768px) { .plan__texts .contacts .phone { width: 117px; height: 10px; margin-left: 18px; } }

@media screen and (min-width: 992px) { .plan__texts .contacts .phone { width: 142px; height: 12px; margin-left: 22px; } }

@media screen and (min-width: 1200px) { .plan__texts .contacts .phone { width: 189px; height: 15px; margin-left: 30px; } }

.plan__texts .sect-notes { color: #fff; font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; font-size: 11px; line-height: 1.357; list-style-type: none; margin: 2em 0 1em 0; padding: 0 0 0 1.0em; text-indent: -1.0em; }

@media screen and (min-width: 768px) { .plan__texts .sect-notes { font-size: 12px; } }

@media screen and (min-width: 992px) { .plan__texts .sect-notes { font-size: 14px; } }

/*=== page-footer ===*/
.page-footer { background-color: #768a57; padding: 30px 10px; }

@media screen and (min-width: 768px) { .page-footer { padding: 35px 20px; } }

@media screen and (min-width: 992px) { .page-footer { padding: 40px 20px 35px; } }

@media screen and (min-width: 1200px) { .page-footer { padding: 50px 20px 35px; } }

.page-footer .footer-links { display: flex; flex-direction: column; align-items: center; margin-bottom: 25px; font-size: 13px; line-height: 1.35; }

@media screen and (min-width: 576px) { .page-footer .footer-links { flex-direction: row; justify-content: center; align-items: unset; } }

@media screen and (min-width: 768px) { .page-footer .footer-links { font-size: 16px; } }

@media screen and (min-width: 992px) { .page-footer .footer-links { font-size: 18px; margin-bottom: 28px; } }

@media screen and (min-width: 1200px) { .page-footer .footer-links { margin-bottom: 32px; } }

.page-footer .footer-links .link { color: #000; text-decoration: none; }

@media screen and (min-width: 768px) { .page-footer .footer-links .link { border-bottom: 1px solid transparent; }
  .page-footer .footer-links .link:hover { border-bottom-color: rgba(0, 0, 0, 0.5); } }

.page-footer .footer-links .link + .link { margin-top: 1em; }

@media screen and (min-width: 576px) { .page-footer .footer-links .link + .link { margin-top: 0; } }

.page-footer .footer-links .md-over { color: rgba(0, 0, 0, 0.5); }

.page-footer .colophon { font-size: 11px; text-align: center; line-height: 1.35; }

@media screen and (min-width: 768px) { .page-footer .colophon { font-size: 12px; } }

@media screen and (min-width: 992px) { .page-footer .colophon { font-size: 14px; } }

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













/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 576px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

/*ハンバーガー*/
@media screen and (max-width: 576px) {
.intro__sect .page-header {
    margin: 17.5px 100px 64px 20px;
}
header {
  position: fixed;
  width: 100%;
  z-index: 99999;
}
#nav{
  position: absolute;
  height: 100vh;
  width: 50%;
  right: -50%;
  top: 0;
  background: #ffffff;
  transition: .7s;
}
#nav ul{
  padding-top: 80px;
}
#nav ul li{
  list-style-type: none;
  font-size: 20px;
}
#nav a{
  display: block;
  text-decoration: none;
  color: #000000;
  margin: 0 15px;
  padding: 10px;
  transition: .5s;
}
#nav li a:hover{
  color: #ffffff;
  background: #273f00;
  border-bottom: none;
}
#hamburger {
  display: block;
  position: absolute;
  top: 20px;
  right: 30px;
  width: 50px;
  height: 44px;
  cursor: pointer;
  transition: 1s;
}
.inner_line {
  display: block;
  position: absolute;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: #ffffff;
  transition: 1s;
  border-radius: 4px;
}
#line1 {
  top: 0;
}
#line2 {
  top: 20px;
}
#line3 {
  bottom: 0px;
}
h1, h2 {
  text-align: center;
  line-height: 90px;
  color: #ffffff;
}
h2 {
  display: none;
}
p {
  padding-top: 200px;
  text-align: center;
}
.in{
  transform: translateX(-100%);
}
.line_1,.line_2,.line_3{
  background: #000000;
}
.line_1 {
  transform: translateY(20px) rotate(-45deg);
  top: 0;
}
.line_2 {
  opacity: 0;
}
.line_3 {
  transform: translateY(-20px) rotate(45deg);
  bottom: 0;
}
  #nav ul li {
    font-size: 14px;
  }
  h1 {
    display: none;
  }
  h2 {
    display: block;
    font-size: 14px;
  }
}


#sect1_2 .txt_img{
    margin-bottom: 50px;
}
@media screen and (max-width: 576px){
    #sect1_2 .txt_img{
        margin-bottom: 20px;
    }
}