a:link, a:visited { color: #000000; }

main { position: relative; color: #000000; }
main section { position: relative; }
main section#partnerHeadSct .headImg { width: 100%; }
main section#partnerHeadSct .headImg img { width: 100%; height: auto; }
main section#partnerHeadSct .copy { position: absolute; left: 20%; top: 29.5vw; width: 48vw; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .copy { top: 32em; left: 6%; width: 89%; } }
main section#partnerHeadSct .copy .head { display: block; font-size: 110%; letter-spacing: .1em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .copy .head { font-size: 145%; line-height: 1.7; } }
main section#partnerHeadSct .lineBtn { position: fixed; z-index: 100; top: 5%; right: 5%; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .lineBtn { top: 4.6em; right: 1%; } }
main section#partnerHeadSct .lineBtn a { display: block; width: 10vw; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .lineBtn a { width: 24vw; } }
main section#partnerHeadSct .lineBtn a img { width: 100%; height: auto; }
main section#partnerHeadSct .conceptB { position: relative; top: -4em; margin-bottom: -4em; padding: 1em 0 5em; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .conceptB { top: -13em; margin-bottom: -13em; padding: 0; background-size: 140%; } }
main section#partnerHeadSct .conceptB .inner { position: relative; width: 82%; margin: 0 auto; background: url("img/concept-fram.webp") no-repeat left top/45vw auto; padding: 5em 0 6em 48vw; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .conceptB .inner { width: 100%; background: url("img/concept-fram-sp.webp") no-repeat center top/96% auto; padding: 28em 0 3em; } }
main section#partnerHeadSct .conceptB .inner .txt { position: relative; display: block; font-size: 115%; font-weight: 700; letter-spacing: .05em; line-height: 1.8; margin-bottom: 1.3em; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .conceptB .inner .txt { width: 88%; margin: 0 auto; } }
main section#partnerHeadSct .conceptB .inner .txt span { display: block; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .conceptB .inner .txt span { display: inline; } }
main section#partnerHeadSct .conceptB .inner .txt span:nth-child(2) { text-align: right; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .conceptB .inner .txt span:nth-child(2) { position: relative; text-align: left; margin-left: -.3em; } }
main section#partnerHeadSct .conceptB .inner .txt span:nth-child(3) { text-align: right; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .conceptB .inner .txt span:nth-child(3) { position: relative; text-align: left; margin-left: .8em; } }
main section#partnerHeadSct .conceptB .inner .txt2 { padding: 0 .8em; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .conceptB .inner .txt2 { display: block; width: 88%; margin: 0 auto; font-size: 120%; } }
main section#partnerHeadSct .meneInfoB { position: relative; margin: 0 auto; width: 82%; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .meneInfoB { width: 100%; } }
main section#partnerHeadSct .meneInfoB .bg { width: 100%; height: auto; }
main section#partnerHeadSct .meneInfoB .btn { position: absolute; bottom: 1.1em; display: block; text-align: center; padding-left: 20%; width: 100%; }
@media screen and (max-width: 599px) { main section#partnerHeadSct .meneInfoB .btn { bottom: .7em; padding-left: 30%; } }
main section#partnerHeadSct .meneInfoB .btn a { display: inline-block; background: #fffeeb; padding: .5em 4em; border-radius: 2em; font-size: 120%; font-weight: 500; letter-spacing: .1em; box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 599px) { main section#partnerHeadSct .meneInfoB .btn a { font-size: 90%; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2); } }
main section#partnerRecommendSct { padding: 5.5em 0 0; width: 82%; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct { padding: 3.5em 0 0; width: 100%; } }
main section#partnerRecommendSct h3 { display: block; text-align: center; font-size: 160%; background: url("img/ttl_recommend.webp") no-repeat 45% top/26vw; padding: 1.8em 0 0 2em; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct h3 { width: 82%; font-size: 190%; background-position: 0% top; background-size: 70vw; padding: 1.6em 0 0 2em; margin: 0 auto 1.5em; } }
main section#partnerRecommendSct ul { position: relative; display: block; }
main section#partnerRecommendSct ul li { position: relative; display: flex; align-items: center; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct ul li { display: block; } }
main section#partnerRecommendSct ul li .picB { width: 52%; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct ul li .picB { width: 100%; position: absolute; top: 0; left: 0; } }
main section#partnerRecommendSct ul li .picB img { width: 100%; height: auto; }
main section#partnerRecommendSct ul li .txtB { width: 48%; padding: 0 6% .5em 3%; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct ul li .txtB { width: 100%; padding: 1.5em 9% 3em; } }
main section#partnerRecommendSct ul li .txtB .ttl { display: block; font-size: 200%; font-weight: 500; line-height: 1.4; margin-bottom: .7em; white-space: nowrap; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct ul li .txtB .ttl { padding-left: 39%; font-size: 150%; font-weight: 700; margin-bottom: 18.5em; } }
main section#partnerRecommendSct ul li .txtB .txt { display: block; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct ul li .txtB .txt { font-size: 130%; } }
main section#partnerRecommendSct ul li:nth-child(2) .picB { order: 2; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct ul li:nth-child(2) .ttl { margin-bottom: 18em; } }
main section#partnerRecommendSct ul li:nth-child(2) .txtB { order: 1; padding: 1em 3% 0 5%; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct ul li:nth-child(2) .txtB { padding: 1.5em 9% 3em; } }
@media screen and (max-width: 599px) { main section#partnerRecommendSct ul li:nth-child(3) .ttl { margin-bottom: 18em; } }
main section#partnerRecommendSct ul li:nth-child(3) .txtB { padding: 4em 3% 0 5%; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct ul li:nth-child(3) .txtB { padding: 1.5em 9% 3em; } }
main section#partnerRecommendSct .meneInfoB { position: relative; margin: 0 auto; width: 82%; display: none; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct .meneInfoB { width: 100%; display: block; } }
main section#partnerRecommendSct .meneInfoB .bg { width: 100%; height: auto; }
main section#partnerRecommendSct .meneInfoB .btn { position: absolute; bottom: 1.1em; display: block; text-align: center; padding-left: 20%; width: 100%; }
@media screen and (max-width: 599px) { main section#partnerRecommendSct .meneInfoB .btn { bottom: .7em; padding-left: 30%; } }
main section#partnerRecommendSct .meneInfoB .btn a { display: inline-block; background: #fffeeb; padding: .5em 4em; border-radius: 2em; font-size: 120%; font-weight: 500; letter-spacing: .1em; box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 599px) { main section#partnerRecommendSct .meneInfoB .btn a { font-size: 90%; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2); } }
main section#partnerMenuSct { padding: 5.5em 0 3em; }
@media screen and (max-width: 599px) { main section#partnerMenuSct { padding: 5.5em 0 3em; } }
main section#partnerMenuSct .menuHeadB { position: relative; padding: 13em 0 11em; background: url("img/menu_head_bg.webp") no-repeat center bottom/cover; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#partnerMenuSct .menuHeadB { padding: 11em 0 5.5em; background-image: url("img/menu_head_bg-sp.webp"); background-size: 100% auto; } }
main section#partnerMenuSct .menuHeadB .copy { display: block; position: relative; margin-left: 28%; font-size: 120%; font-weight: 500; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#partnerMenuSct .menuHeadB .copy { font-size: 100%; margin-left: 9%; } }
main section#partnerMenuSct .atnT { display: block; text-align: center; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#partnerMenuSct .atnT { margin-bottom: 1.2em; } }
main section#partnerMenuSct .menuBox { position: relative; width: 86%; margin: 0 auto 4em; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#partnerMenuSct .menuBox { width: 96%; display: block; margin: 0 auto 1em; } }
main section#partnerMenuSct .menuBox li { width: 50%; }
@media screen and (max-width: 599px) { main section#partnerMenuSct .menuBox li { width: 100%; } }
main section#partnerMenuSct .menuBox li .inBox { display: block; }
main section#partnerMenuSct .menuBox li .inBox .mBtn { display: block; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#partnerMenuSct .menuBox li .inBox .mBtn { margin-bottom: 1em; } }
main section#partnerMenuSct .menuBox li .inBox .mBtn:hover { opacity: .6; }
main section#partnerMenuSct .menuBox li .inBox .mBtn img { width: 100%; height: auto; }
main section#partnerMenuSct .menuBox li .inBox .detailB { position: relative; width: 92%; margin: 0 auto; text-align: center; padding: 0 .5em; overflow: hidden; height: 0; }
main section#partnerMenuSct .menuBox li .inBox .detailB.open { padding: 0 .5em .5em; height: 100%; border: 1px solid #666; overflow: inherit; margin: 2em auto 4em; }
main section#partnerMenuSct .menuBox li .inBox .detailB .ttl { position: relative; display: inline-block; background: #fff; font-size: 140%; font-weight: 600; letter-spacing: .1em; top: -1em; padding: 0 .5em; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner { position: relative; background: #fffeeb; text-align: left; padding: 1.5em; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inTtl { position: relative; margin-bottom: 1em; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inTtl b { display: block; font-size: 180%; font-weight: 600; line-height: 1.1; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inTtl span { position: absolute; top: .4em; right: 0; background: #666; color: #fff; font-weight: 500; line-height: 1.2; padding: .2em 1em; border-radius: .3em; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inTtl small { display: block; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB { position: relative; display: flex; justify-content: space-between; margin-bottom: 1em; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB .wimg { width: 100%; height: auto; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB .bPic, main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB .aPic { width: 49.5%; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB .bPic small, main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB .aPic small { display: block; text-align: center; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB .bPic img, main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB .aPic img { width: 100%; height: auto; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB .bPic span, main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inPicB .aPic span { display: block; padding: .8em 0 0 1.3em; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inTxt { display: block; margin-bottom: 1.2em; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inBtn { position: relative; text-align: center; padding-bottom: 2em; border-bottom: 1px dashed #666; margin-bottom: 1.6em; }
main section#partnerMenuSct .menuBox li .inBox .detailB .inner .inBtn a { display: inline-block; background: linear-gradient(90deg, #ffdaa3 0%, #f2aab6 100%); padding: .5em 4em; border-radius: 2em; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2); }
main section#partnerMenuSct .menuFootB { position: relative; padding: 8em 0 9em; background: url("img/menu_foot_bg.webp") no-repeat center bottom/cover; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#partnerMenuSct .menuFootB { padding: 11em 0 5em; background-image: url("img/menu_foot_bg-sp.webp"); } }
main section#partnerMenuSct .menuFootB .txt { display: block; position: relative; margin-left: 25%; font-size: 120%; font-weight: 500; line-height: 1.7; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#partnerMenuSct .menuFootB .txt { margin-left: 9%; margin-bottom: 2em; } }
main section#partnerMenuSct .menuFootB picture { display: block; }
main section#partnerMenuSct .menuFootB picture .off10 { display: block; width: 44vw; height: auto; margin-left: 14%; }
@media screen and (max-width: 599px) { main section#partnerMenuSct .menuFootB picture .off10 { width: 90%; margin-left: 5%; } }
main section#beginnerMenuSct { color: #000000; padding: 1em 9% 4em; background: #fff; text-align: center; }
@media screen and (max-width: 599px) { main section#beginnerMenuSct { padding: 0 6% 4em; } }
main section#beginnerMenuSct h3 { font-size: 160%; background: url("img/ttl_reservation.webp") no-repeat center top/19vw; padding-top: 2em; }
@media screen and (max-width: 599px) { main section#beginnerMenuSct h3 { width: 82%; font-size: 190%; background-size: 58vw; margin: 0 auto 1.5em; } }
main section#beginnerMenuSct .wtxt2 { display: inline-block; text-align: left; position: relative; padding-right: 5em; background: url("img/icn_line.webp") no-repeat right center/auto 100%; }
@media screen and (max-width: 599px) { main section#beginnerMenuSct .wtxt2 { margin: 0 auto; padding-right: 7em; background-size: auto 90%; } }
@media screen and (max-width: 599px) { main section#beginnerMenuSct .bookB { margin: 0 auto; } }
@media screen and (max-width: 599px) { main section#beginnerMenuSct .bookB li:last-child { padding: 3em 0 1em; } }
main section#beginnerMenuSct .bookB li:last-child a { background: #fffeeb; padding: .5em 2em; border-radius: 2em; font-size: 120%; font-weight: 500; letter-spacing: .1em; box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.4); }
