main { position: relative; }
main section { position: relative; }
main section#hadaikuHeadSct { background: url("img/head_bg2.webp") no-repeat right top/52%, linear-gradient(45deg, #aaeeec, #f6fffe); }
@media screen and (max-width: 599px) { main section#hadaikuHeadSct { background: url("img/head_bg2.webp") no-repeat 500% -8%/94%, linear-gradient(45deg, #aaeeec, #f6fffe); } }
main section#hadaikuHeadSct .headImg { display: block; width: 70%; }
main section#hadaikuHeadSct .headImg img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { main section#hadaikuHeadSct .headImg img { position: relative; width: 115%; right: 14vw; top: 0; } }
main section#hadaikuHeadSct .copy { position: absolute; left: 57%; top: 15.2vw; width: 36vw; }
@media screen and (max-width: 599px) { main section#hadaikuHeadSct .copy { top: 6em; left: 40%; width: 60%; } }
main section#hadaikuHeadSct .copy .head { display: block; font-size: 170%; letter-spacing: .5em; line-height: 1.6; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#hadaikuHeadSct .copy .head { font-size: 105%; line-height: 1.8; margin-bottom: 1.4em; padding-left: 2.2em; } }
main section#hadaikuHeadSct .copy .name { display: block; width: 90%; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#hadaikuHeadSct .copy .name { margin-bottom: 1em; } }
main section#hadaikuHeadSct .copy .name img { width: 100%; height: auto; }
main section#hadaikuHeadSct .copy picture.pc { display: block; }
@media screen and (max-width: 599px) { main section#hadaikuHeadSct .copy picture.pc { display: none; } }
main section#hadaikuHeadSct .copy picture.pc img { display: block; width: 100%; height: auto; }
main section#hadaikuHeadSct .machineB { position: relative; top: -13em; margin-bottom: -13em; padding: 1em 0 2em; background: url("img/head_bg.webp") no-repeat center top/100%; }
@media screen and (max-width: 599px) { main section#hadaikuHeadSct .machineB { padding: 0; background-size: 220%; } }
main section#hadaikuHeadSct .machineB .txt { position: relative; display: block; font-size: 140%; font-weight: 700; letter-spacing: .3em; line-height: 2; padding: 12.5em 0 1em; text-align: center; }
@media screen and (max-width: 599px) { main section#hadaikuHeadSct .machineB .txt { font-size: 105%; letter-spacing: .1em; line-height: 2; white-space: nowrap; padding: 2.5em 0 1em; } }
main section#hadaikuHeadSct .machineB picture.sp { display: none; }
@media screen and (max-width: 599px) { main section#hadaikuHeadSct .machineB picture.sp { display: block; padding: 14em 0 0; } }
main section#hadaikuHeadSct .machineB picture.sp img { display: block; width: 78%; margin: 0 auto; }
main section#hadaikuAboutSct { padding: 4em 0 0; background: #fff; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct { padding: 2.5em 0 0; } }
main section#hadaikuAboutSct .box { position: relative; width: 90%; border-bottom: 2px dashed #666666; padding: 1.5em 0 2.5em 13%; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .box { padding: .9em 0 2.5em 18%; } }
main section#hadaikuAboutSct .box .no { position: absolute; left: 3%; top: 0; font-size: 560%; letter-spacing: 0; line-height: 1; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .box .no { left: 4%; font-size: 360%; } }
main section#hadaikuAboutSct .box .en { display: block; color: #54bbc6; font-size: 130%; letter-spacing: .03em; line-height: 1; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .box .en { margin-bottom: .2em; } }
main section#hadaikuAboutSct .box .headT { display: block; font-size: 150%; font-weight: 700; letter-spacing: .2em; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .box .headT { font-size: 160%; line-height: 1.4; white-space: nowrap; } }
main section#hadaikuAboutSct .box .txt { display: block; font-weight: 700; }
main section#hadaikuAboutSct .pointTxt { position: relative; display: block; font-size: 140%; font-weight: 500; letter-spacing: .2em; line-height: 2; padding: 1em 0 3em; text-align: center; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .pointTxt { font-size: 130%; letter-spacing: .1em; line-height: 1.8; padding: 1em 0 2em; } }
main section#hadaikuAboutSct .pointB { position: relative; width: 80%; margin: 0 auto 4em; display: flex; flex-wrap: wrap; justify-content: center; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .pointB { width: 86%; } }
main section#hadaikuAboutSct .pointB li { width: 50%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .pointB li { width: 100%; } }
main section#hadaikuAboutSct .pointB li img { width: 100%; height: auto; }
main section#hadaikuAboutSct .certifTxt { position: relative; display: block; font-size: 140%; font-weight: 700; letter-spacing: .2em; line-height: 2; padding: 1em 0 3em; text-align: center; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .certifTxt { font-size: 130%; letter-spacing: .1em; line-height: 1.8; white-space: nowrap; padding: 1em 0 2em; } }
main section#hadaikuAboutSct .certifB { position: relative; width: 60%; margin: 0 auto 7em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .certifB { width: 86%; } }
main section#hadaikuAboutSct .certifB li { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .certifB li { display: block; margin-bottom: 5em; } }
main section#hadaikuAboutSct .certifB li .imgB { width: 50%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .certifB li .imgB { position: absolute; width: 90%; top: 7em; left: 5%; } }
main section#hadaikuAboutSct .certifB li .imgB img { width: 100%; height: auto; }
main section#hadaikuAboutSct .certifB li .txtB { width: 50%; padding: 0 5%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .certifB li .txtB { width: 100%; padding: 0; } }
main section#hadaikuAboutSct .certifB li .txtB .ttl { display: block; color: #54bbc6; font-size: 120%; font-weight: 700; letter-spacing: .2em; margin-bottom: .7em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .certifB li .txtB .ttl { text-align: center; font-size: 140%; margin-bottom: 14em; } }
main section#hadaikuAboutSct .certifB li .txtB .txt { display: block; font-size: 90%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .certifB li .txtB .txt { font-size: 100%; } }
main section#hadaikuAboutSct .recoB { position: relative; width: 74%; margin: 4em auto; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .recoB { width: 86%; margin: 4em auto 7em; } }
main section#hadaikuAboutSct .recoB .head { display: block; font-size: 93%; margin-bottom: 3.5em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .recoB .head { font-size: 110%; margin-bottom: 2.5em; } }
main section#hadaikuAboutSct .recoB .recoListB { position: relative; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .recoB .recoListB { display: block; } }
main section#hadaikuAboutSct .recoB .recoListB > div { width: 48%; text-align: center; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .recoB .recoListB > div { width: 100%; margin-bottom: 3em; } }
main section#hadaikuAboutSct .recoB .recoListB > div .ttl { display: block; background: linear-gradient(35deg, #f6fffe 0%, #cdf4f5 10%, #f6fffe 85%, #cdf4f5 100%); font-size: 110%; font-weight: 700; letter-spacing: .3em; border-radius: .5em; padding: .4em 0; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .recoB .recoListB > div .ttl { font-size: 120%; margin-bottom: 1em; } }
main section#hadaikuAboutSct .recoB .recoListB > div ul { padding-left: 3em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .recoB .recoListB > div ul { padding-left: 2.2em; } }
main section#hadaikuAboutSct .recoB .recoListB > div ul li { text-align: left; list-style: disc; line-height: 1.5; padding: .3em 0; }
main section#hadaikuAboutSct .mechanismB { position: relative; width: 74%; margin: 4em auto 2em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB { width: 86%; } }
main section#hadaikuAboutSct .mechanismB .ttl { display: block; font-size: 150%; font-weight: 700; letter-spacing: .2em; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB .ttl { text-align: center; font-size: 170%; margin-bottom: 1.2em; } }
main section#hadaikuAboutSct .mechanismB .ttl small { font-size: 60%; font-weight: 400; letter-spacing: .08em; padding-left: 1em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB .ttl small { display: block; padding-left: 0; } }
main section#hadaikuAboutSct .mechanismB .txt { display: block; font-size: 95%; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB .txt { margin-bottom: 4em; } }
main section#hadaikuAboutSct .mechanismB ul { position: relative; width: 110%; margin-left: -5%; display: flex; justify-content: space-between; margin-bottom: 6em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB ul { width: 100%; margin-left: 0; flex-wrap: wrap; } }
main section#hadaikuAboutSct .mechanismB ul li { position: relative; width: 33%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB ul li { width: 100%; padding-bottom: 7em; } }
main section#hadaikuAboutSct .mechanismB ul li img { display: block; width: 94%; height: auto; margin: 0 0 1em 5%; }
main section#hadaikuAboutSct .mechanismB ul li p { display: block; width: 75%; margin: 0 auto; font-size: 70%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB ul li p { width: 85%; font-size: 100%; } }
main section#hadaikuAboutSct .mechanismB ul li:nth-child(1)::after, main section#hadaikuAboutSct .mechanismB ul li:nth-child(2)::after { content: ""; position: absolute; right: 2%; top: 20%; width: 1.6em; height: 6em; background: url("img/icn_arrow-r.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB ul li:nth-child(1)::after, main section#hadaikuAboutSct .mechanismB ul li:nth-child(2)::after { transform: rotate(90deg); bottom: 0; top: inherit; left: 48%; right: 52%; height: 7em; width: 2em; } }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB ul li:nth-child(3) { padding-bottom: 2em; } }
main section#hadaikuAboutSct .mechanismB .inB { position: relative; display: flex; align-items: center; margin-top: 2.2em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB .inB { display: block; } }
main section#hadaikuAboutSct .mechanismB .inB .txtB { width: 40%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB .inB .txtB { width: 100%; } }
main section#hadaikuAboutSct .mechanismB .inB .txtB .inTtl { display: block; color: #54bbc6; font-size: 140%; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB .inB .txtB .inTtl { text-align: center; font-size: 170%; margin-bottom: 14.5em; } }
main section#hadaikuAboutSct .mechanismB .inB .txtB .inTxt { display: block; width: 80%; margin-left: 7%; font-size: 90%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB .inB .txtB .inTxt { width: 100%; margin-left: 0; font-size: 100%; } }
main section#hadaikuAboutSct .mechanismB .inB .imgB { width: 60%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .mechanismB .inB .imgB { position: absolute; width: 100%; left: 0; top: 8em; } }
main section#hadaikuAboutSct .mechanismB .inB .imgB img { width: 100%; height: auto; }
main section#hadaikuAboutSct .faqB { position: relative; width: 76%; margin: 5em 0 8em 13%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .faqB { width: 86%; margin: 5em auto 7em; } }
main section#hadaikuAboutSct .faqB li { padding-bottom: 3em; }
main section#hadaikuAboutSct .faqB li .qtxt { position: relative; display: inline-block; background: linear-gradient(35deg, #f6fffe 0%, #cdf4f5 10%, #f6fffe 85%, #cdf4f5 100%); padding: 0 1em 0 .5em; font-size: 120%; font-weight: 700; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .faqB li .qtxt { font-size: 110%; } }
main section#hadaikuAboutSct .faqB li .atxt { font-size: 110%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .faqB li .atxt { font-size: 100%; } }
main section#hadaikuAboutSct .dtlT { width: 76%; margin: 4em auto 2em; font-size: 110%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .dtlT { width: 90%; font-size: 100%; } }
main section#hadaikuAboutSct .dtlT tr th { font-weight: 700; padding: 1em 1em 1em 3em; border-bottom: 1px solid #999999; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .dtlT tr th { padding: 1em; white-space: nowrap; } }
main section#hadaikuAboutSct .dtlT tr th.head { background: linear-gradient(35deg, #f6fffe 0%, #cdf4f5 10%, #f6fffe 85%, #cdf4f5 100%); text-align: center; padding: 0; border-bottom: none; }
main section#hadaikuAboutSct .dtlT tr td { padding: 1em 1em 1em 3em; border-bottom: 1px solid #999999; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .dtlT tr td { padding: 1em; } }
main section#hadaikuAboutSct .dtlT tr.center { display: flex; justify-content: center; }
main section#hadaikuAboutSct .dtlT tr.center th { width: 50%; text-align: right; padding: 1em 4em 1em 1em; }
main section#hadaikuAboutSct .dtlT tr.center td { width: 50%; font-weight: 700; padding: 1em 1em 1em 4em; }
main section#hadaikuAboutSct .readmission { position: relative; margin: 0 auto 4em; text-align: center; }
main section#hadaikuAboutSct .readmission p { display: inline-block; color: red; font-size: 150%; font-weight: 700; border: 2px solid red; padding: 0.1em 1em; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .readmission p { font-size: 130%; line-height: 1.4; padding: .5em 1em; } }
main section#hadaikuAboutSct .bg2 { position: relative; padding: 26em 0 1em; background: url("img/bg2.webp") no-repeat center top/100%; }
@media screen and (max-width: 599px) { main section#hadaikuAboutSct .bg2 { background-size: 200%; } }
main section#beginnerMenuSct { background: #fff; color: #4D4D4D; padding: 1em 0 0; }
@media screen and (max-width: 599px) { main section#beginnerMenuSct { padding: 0 0 0; } }
main section#beginnerMenuSct .bookB { margin-bottom: 9em; }
main section#beginnerMenuSct .bookB li:last-child a { background: linear-gradient(35deg, #f6fffe 0%, #79cdf5 10%, #b7f2ec 80%, #79cdf5 100%); }
main section#beginnerMenuSct .btn_booking { position: relative; display: block; }
main section#beginnerMenuSct .btn_booking img { width: 100%; height: auto; }