main .fixBg-sp { display: none; width: 100%; height: auto; }
@media screen and (max-width: 599px) { main .fixBg-sp { display: block; position: fixed; top: 0; left: 0; } }
main section#topMainSct .mainBox { position: relative; overflow-y: scroll; scrollbar-width: none; overscroll-behavior-y: auto; -webkit-overflow-scrolling: touch; height: 44em; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox { height: auto; } }
main section#topMainSct .mainBox::-webkit-scrollbar { display: none; }
main section#topMainSct .mainBox .bgPic { position: fixed; top: 0; left: 0; width: 100%; height: 44em; object-fit: cover; z-index: -1; }
main section#topMainSct .mainBox .bgPic img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .bgPic { display: none; } }
main section#topMainSct .mainBox .s-star { position: fixed; top: 0; left: 0; width: 100%; height: 44em; overflow: hidden; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .s-star { height: 100lvh; } }
main section#topMainSct .mainBox .s-star img { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; animation: ss-animation 80s linear infinite; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .s-star img { width: 160%; animation: ss-animation-sp 60s linear infinite; } }
main section#topMainSct .mainBox .copyB { position: absolute; left: 0; top: 25%; width: 100%; text-align: center; padding-bottom: 5em; background-image: linear-gradient(0deg, #00000080, transparent 50%, transparent); }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .copyB { position: relative; left: inherit; top: inherit; padding: 18em 0 10em; } }
main section#topMainSct .mainBox .copyB .ttl { display: block; margin-bottom: 7em; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .copyB .ttl { text-transform: uppercase; text-align: left; padding-left: 5%; font-size: 190%; line-height: 1.35; margin-bottom: 9em; } }
main section#topMainSct .mainBox .copyB .ttl span { color: #e6002d; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .copyB .ttl span { display: block; } }
main section#topMainSct .mainBox .copyB .head { display: block; width: 72%; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .copyB .head { width: 96%; } }
main section#topMainSct .mainBox .copyB .head img { width: 100%; height: auto; }
main section#topMainSct .mainBox .copyB .sub { position: relative; top: -3em; margin-bottom: 10em; display: block; color: #ffffff; font-size: 120%; font-weight: 700; letter-spacing: .1em; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .copyB .sub { font-size: 160%; line-height: 1.7; top: 0; margin-bottom: 12em; } }
main section#topMainSct .mainBox .copyB .ttl2 { display: block; color: #ffffff; font-size: 150%; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .copyB .ttl2 { margin-bottom: 3em; } }
main section#topMainSct .mainBox .copyB .txt2 { display: block; color: #ffffff; font-size: 120%; font-weight: 700; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#topMainSct .mainBox .copyB .txt2 { margin-bottom: 4em; } }
main section#topMainSct .mainBox .copyB .btn-wb { text-align: center; }
main section#recContentsSct .box1 { position: relative; z-index: 1; padding: 6em 0 12em; display: flex; align-items: center; }
@media screen and (max-width: 599px) { main section#recContentsSct .box1 { padding: 7em 0 17em; display: block; } }
main section#recContentsSct .box1 .picB { order: 2; width: 39%; }
@media screen and (max-width: 599px) { main section#recContentsSct .box1 .picB { width: 80%; margin-left: 20%; } }
main section#recContentsSct .box1 .picB img { width: 100%; height: auto; }
main section#recContentsSct .box1 .txtB { order: 1; width: 61%; text-align: center; padding: 6em 16.5% 0; }
@media screen and (max-width: 599px) { main section#recContentsSct .box1 .txtB { width: 100%; padding: 5em 6% 0 20%; } }
main section#recContentsSct .box1 .txtB h2 { display: inline-block; width: 100%; text-align: left; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box1 .txtB h2 { font-size: 130%; } }
main section#recContentsSct .box1 .txtB h2 small { display: block; color: #e6002d; font-size: 90%; letter-spacing: .02em; margin-bottom: .5em; }
main section#recContentsSct .box1 .txtB h2 span { display: block; font-size: 210%; letter-spacing: .2em; }
main section#recContentsSct .box1 .txtB .txt { display: inline-block; text-align: left; font-size: 90%; line-height: 2; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box1 .txtB .txt { font-size: 130%; } }
main section#recContentsSct .box2 { position: relative; z-index: 5; padding: 10em 0 8em 39%; text-align: center; background: #ffffff; }
@media screen and (max-width: 599px) { main section#recContentsSct .box2 { padding: 17em 20% 26em 6.5%; } }
main section#recContentsSct .box2 .picB { position: absolute; top: -8.2em; left: 0; width: 18%; }
@media screen and (max-width: 599px) { main section#recContentsSct .box2 .picB { top: -10.2em; width: 42%; } }
main section#recContentsSct .box2 .picB img { width: 100%; height: auto; }
main section#recContentsSct .box2 .txtB { text-align: center; padding: 0 27.5% 0; }
@media screen and (max-width: 599px) { main section#recContentsSct .box2 .txtB { padding: 0; } }
main section#recContentsSct .box2 .txtB h2 { display: inline-block; width: 100%; text-align: left; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box2 .txtB h2 { font-size: 130%; } }
main section#recContentsSct .box2 .txtB h2 small { display: block; color: #e6002d; font-size: 90%; letter-spacing: .02em; margin-bottom: .5em; }
main section#recContentsSct .box2 .txtB h2 span { display: block; font-size: 210%; letter-spacing: .2em; }
main section#recContentsSct .box2 .txtB .txt { display: inline-block; text-align: left; font-size: 90%; line-height: 2; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box2 .txtB .txt { font-size: 130%; } }
main section#recContentsSct .box2 .picB2 { position: absolute; bottom: -7.5em; left: 0; width: 39%; }
@media screen and (max-width: 599px) { main section#recContentsSct .box2 .picB2 { bottom: -19.5em; width: 80%; } }
main section#recContentsSct .box2 .picB2 img { width: 100%; height: auto; }
main section#recContentsSct .box3 { position: relative; z-index: 3; padding: 18em 0 5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 { padding: 28em 0 5em; } }
main section#recContentsSct .box3 h2 { display: inline-block; width: 100%; text-align: center; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 h2 { font-size: 130%; } }
main section#recContentsSct .box3 h2 small { display: block; color: #e6002d; font-size: 90%; letter-spacing: .02em; margin-bottom: .5em; }
main section#recContentsSct .box3 h2 span { display: block; font-size: 210%; letter-spacing: .2em; }
main section#recContentsSct .box3 .txt { display: block; width: 45%; margin: 0 auto 1em; font-size: 90%; line-height: 2; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .txt { font-size: 130%; width: 78%; } }
main section#recContentsSct .box3 .memberSlider { position: relative; top: -2em; margin-bottom: 2em; }
main section#recContentsSct .box3 .memberSlider ul { padding: 6em 0 2.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider ul { padding: 5em 0; margin-bottom: 3.5em; } }
main section#recContentsSct .box3 .memberSlider ul li { padding: 0 .8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider ul li { padding: 0 1.4em; } }
main section#recContentsSct .box3 .memberSlider ul li .picB { width: 89%; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider ul li .picB { width: 100%; background: #ffffff; border-radius: 1em; } }
main section#recContentsSct .box3 .memberSlider ul li .picB img { display: block; overflow: hidden; width: 100%; height: auto; border-radius: .9em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider ul li .picB img { width: 90%; margin-left: 4%; } }
main section#recContentsSct .box3 .memberSlider ul li .infoB { position: relative; background: #f6f5f4; padding: 1.5em; border-radius: .9em; width: 89%; margin: -4em 0 0 11%; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider ul li .infoB { padding: 1.6em 1.6em 1.6em 2em; width: 98%; margin: -10em 0 0 8%; } }
main section#recContentsSct .box3 .memberSlider ul li .infoB a { position: relative; display: block; background: url("../img/icn_arrow_lw.svg") no-repeat right bottom/1.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider ul li .infoB a { background-size: 2.5em; } }
main section#recContentsSct .box3 .memberSlider ul li .infoB a .come { display: block; font-size: 80%; letter-spacing: 0; line-height: 1.7; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider ul li .infoB a .come { font-size: 175%; } }
main section#recContentsSct .box3 .memberSlider ul li .infoB a .plof { display: block; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider ul li .infoB a .plof { font-size: 175%; } }
main section#recContentsSct .box3 .memberSlider ul li .infoB a .plof .data { display: block; color: #827d78; font-size: 70%; letter-spacing: .04em; line-height: 1.4; margin-bottom: .3em; }
main section#recContentsSct .box3 .memberSlider ul li .infoB a .plof .name { display: block; font-size: 80%; }
main section#recContentsSct .box3 .memberSlider ul li .infoB a:hover { background-image: url("../img/icn_arrow_l.svg"); }
main section#recContentsSct .box3 .memberSlider ul li:nth-child(2n+1) { padding-top: 2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider ul li:nth-child(2n+1) { padding-top: 0; } }
main section#recContentsSct .box3 .memberSlider .prev { position: absolute; top: 0; right: 10%; width: 2.6em; height: 2.6em; background: url("../img/btn_prev.svg") no-repeat center center/contain; cursor: pointer; }
main section#recContentsSct .box3 .memberSlider .prev:hover { background-image: url("../img/btn_prev2.svg"); }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider .prev { top: inherit; bottom: 0; right: 53%; width: 4em; height: 4em; } }
main section#recContentsSct .box3 .memberSlider .next { position: absolute; top: 0; right: 5%; width: 2.6em; height: 2.6em; background: url("../img/btn_next.svg") no-repeat center center/contain; cursor: pointer; }
main section#recContentsSct .box3 .memberSlider .next:hover { background-image: url("../img/btn_next2.svg"); }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .memberSlider .next { top: inherit; bottom: 0; right: inherit; left: 53%; width: 4em; height: 4em; } }
main section#recContentsSct .box3 .btn-gb { text-align: center; }
@media screen and (max-width: 599px) { main section#recContentsSct .box3 .btn-gb { width: 70%; margin: 0 auto; } }
main section#recContentsSct .box4 { position: relative; z-index: 3; }
main section#recContentsSct .box4 .bgImg { width: 100%; height: auto; }
main section#recContentsSct .box4 .inner { position: absolute; bottom: 4em; width: 100%; padding: 0 6.25%; display: flex; justify-content: space-between; align-items: center; color: #ffffff; }
@media screen and (max-width: 599px) { main section#recContentsSct .box4 .inner { top: 5em; bottom: inherit; display: block; } }
main section#recContentsSct .box4 .inner .ttlB { width: 52%; }
@media screen and (max-width: 599px) { main section#recContentsSct .box4 .inner .ttlB { width: 100%; } }
main section#recContentsSct .box4 .inner .ttlB span { display: block; font-size: 535%; line-height: 1.1; }
@media screen and (max-width: 599px) { main section#recContentsSct .box4 .inner .ttlB span { font-size: 675%; line-height: 1; margin-bottom: 2.6em; } }
main section#recContentsSct .box4 .inner .ttlB small { display: block; font-size: 110%; font-weight: 700; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#recContentsSct .box4 .inner .ttlB small { font-size: 175%; line-height: 1.5; margin-bottom: 1em; } }
main section#recContentsSct .box4 .inner .txtB { width: 40%; padding-top: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box4 .inner .txtB { width: 100%; } }
main section#recContentsSct .box4 .inner .txtB .txt { font-size: 80%; font-weight: 700; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .box4 .inner .txtB .txt { font-size: 135%; } }
@media screen and (max-width: 599px) { main section#recContentsSct .box4 .inner .txtB .btn-wb { text-align: left; } }

@keyframes ss-animation { 0% { transform: translateY(90%) translateX(-180%) rotate(35deg); }
  100% { transform: translateY(0) translateX(180%) rotate(35deg); } }
@keyframes ss-animation-sp { 0% { transform: translateY(90%) translateX(-220%) rotate(35deg); }
  100% { transform: translateY(0) translateX(120%) rotate(35deg); } }