@charset "utf-8";
/* CSS Document */

h1.fs-c-heading.fs-c-heading--page{display: none}
main.fs-l-main{max-width: unset;padding: 0}
.fs-l-pageMain{max-width: unset;padding: 0}
.fs-c-productList{max-width: 1100px; margin: 0 auto;padding: 0 10px}

.hoppe_page .pc_only{display: block}
.hoppe_page .sp_only{display: none}
@media (max-width: 767px){
.hoppe_page .pc_only{display: none}
.hoppe_page .sp_only{display: block}
}

.hoppe_page{text-align: center;}
.hoppe_page p{margin: 0}
.hoppe_page .mb10{margin-bottom: 10px}
.hoppe_page .mb20{margin-bottom: 20px}
.hoppe_page .mb30{margin-bottom: 30px}
.hoppe_page .mb40{margin-bottom: 40px}
.hoppe_page .mb50{margin-bottom: 50px}
.hoppe_page .mb60{margin-bottom: 60px}
.hoppe_page .mb70{margin-bottom: 70px}
.hoppe_page .mb80{margin-bottom: 80px}
.hoppe_page .mb90{margin-bottom: 90px}

@media (min-width: 768px){
.hoppe_page .fv{background: #D9EEEB;padding: 30px 0 0}
.hoppe_page .point1{background: url(https://kikumasamune.itembox.cloud/item/camp/hoppe/pc/bk_pink.jpg) ;padding:0}
.hoppe_page .point2{background: url(https://kikumasamune.itembox.cloud/item/camp/hoppe/pc/bk_white.jpg) ;padding:0}
.hoppe_page .point3{background: url(https://kikumasamune.itembox.cloud/item/camp/hoppe/pc/bk_pink2.jpg) ;padding:0 0 50px 0}
.hoppe_page .step{background: #D9EEEB;padding: 0;position: relative;}
.hoppe_page .wave{margin: 0}
.hoppe_page .wave img{width: 100%;line-height: 0}

.hoppe_page .step .flex{display: flex;justify-content: center;column-gap: 1%;margin-bottom: 40px}
.hoppe_page .step .relative{position: relative;max-width: 920px;margin: 0 auto;padding: 50px 10px}
.hoppe_page .step .icon1{position: absolute;top: -130px;right: 40px}
.hoppe_page .step .icon2{position: absolute;bottom:-110px;right: 40px}
}
@media (max-width: 767px){
.hoppe_page .movie iframe{width: 100%;height: 300px}
.hoppe_page .fv{background: #D9EEEB;padding: 30px 20px 0 20px}
.hoppe_page .step{background: #D9EEEB;}
.hoppe_page .step .relative{padding: 0px 20px}
.hoppe_page .step .icon1{width: 90%;margin: 0 auto 40px}
.hoppe_page .step .icon2{width: 90%;margin: 0 auto }
.hoppe_page .step .ttl{width: 80%;margin: 0 auto 10px}
.hoppe_page .step .step1{width: 50%; margin: 0 auto}
.hoppe_page .step .flex{display: flex;justify-content: center;margin-bottom: 40px}
}