/*採用特設サイトページ用*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
html, body {overflow-x: unset;color: #000000;scroll-behavior: smooth;font-weight: 500;font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;}
.sp{display: none;}
.pc{display: inline-block;}
.stacked-text{position: relative;display: inline-block;font-weight: bold;font-family: "Jost", sans-serif;}
.text-outline{color: #000;position: absolute;top: 0;left: 0;z-index: 1;-webkit-text-stroke: 10px black;filter: drop-shadow(4px 4px 0px black);}
.text-fill{position: relative;z-index: 2;}
.stacked-text .yl{color: #ffea00;}
.stacked-text .bl{color: #36CDFF;}
.stacked-text .wh{color: #fff;}
.stacked-text .pnk{color: #FFA2E0;}
.stacked-text .purple{color: #E709E0;}
.inner{max-width: 1200px;width: 100%;height: 100%; margin: 0 auto;}
.storeMarketingbase{font-family: "Noto Sans JP", sans-serif;}
.smbBg{background: #E0F8FF;}
.smbFv{padding: 40px 0 50px;background:#FFEA00;position: relative;overflow: hidden;margin: 0 auto 20px;}
.smbFv .ttl{position: relative;z-index: 2;padding: 0 50px;}
.smbFv .ttl h1{font-size: 4.4rem;line-height: 1.5;}
.smbFv .bg{position: absolute;top: -200px;right: -95px;width: 1238px;}
.smbFv .fvbg{position: relative;}
.smbFv .fvbg .tx{position: absolute;right: 430px;top: 200px;}
.fvbtm{background: url(../img/creative-training/fvbtm_bg.png);padding: 0 0 185px;}
.fvbtm .img{text-align: center;}
.fvbtm .txmain{padding: 80px 0;position: relative;}
.fvbtm .txmain h2{font-size: 4rem;font-weight: bold;line-height: 1.8;margin: 0 0 30px;}
.fvbtm .txmain p{font-size: 1.6rem;line-height: 2;letter-spacing: 1px;}
.fvbtm .txmain .char{position: absolute;top: 110px;right: 125px;}
.fvbtm .point{margin: 45px auto 0;position: relative;}
.fvbtm .point .char{width: 200px;position: absolute;top: -150px;left: 0;}
.fvbtm .point ul{position: relative;z-index: 2;}
.fvbtm .point li{background: #F5F5F5;padding: 35px;margin: 25px 0;display: flex;justify-content: space-between;}
.fvbtm .point .nmr{font-weight: 900;font-family: "Jost", sans-serif;font-optical-sizing: auto;font-size: 5rem;line-height: 1;width: 8%;}
.fvbtm .point .img{border-radius: 20px;border: 4px solid #000;overflow: hidden;width: 37%;position: relative;
box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.16);}
.fvbtm .point .img img{width: 100%;height: 100%;object-fit: cover;}
.fvbtm .point .txt{width: 46%;}
.fvbtm .point .txt .tis{font-weight: bold;font-size: 1.65rem;line-height: 1.8;margin: 0 0 30px;}
.fvbtm .point .txt p{font-size: 1.2rem;line-height: 2;letter-spacing: 1px;}
.floating-banner {position: fixed;z-index: 999; width: 250px; bottom: 20vh;right: 0;transform: translateX(500px);transition: all 650ms 0s ease;}
.floating-banner.show{transform: translateX(0px);transition: all 650ms 0s ease;}
.floating-banner.show.none{opacity: 0;transform: translateX(500px);transition: all 650ms 0s ease;}
.footer_container{overflow: hidden;}
@media (max-width: 1400px) {
html .sp,.sp{display: block;}
.pc{display: none;}
.inner{padding: 0 4vw;}
.smbFv {padding: 10vw 0 7vw;}
.smbFv .fvbg .tx{left: unset;right: 56%; top: 22%;width: 350px;}
.smbFv .ttl h1{font-size: 7vw;}
.smbFv .bg{right: -44vw;width: 137%;top: -15vw;}
.smbFv .ttl{padding: 0;}
.fvbtm .txmain h2{font-size:5vw; }
.fvbtm .txmain .char{top: 15%;right:2%; }
.footer_wrap::before{background-size: cover;height: 30px;top: -29px;}
}
@media screen and (max-width: 980px) {
.c-header-menu .menutrigger {display: block;width: 100%;height: 100%;}
.c-header-menu .menutrigger .is-line span {width: 22px;height: 2px;background-color: #000;display: block;position: relative;transition: opacity 0.3s ease;}
.c-header-menu .menutrigger span::before {content: '';width: 22px;height: 2px;background-color: #000;display: inline-block;position: absolute;top: -8px;left: 0;transition: transform 0.3s ease, top 0.3s ease;}
.c-header-menu .menutrigger span::after {content: '';width: 22px;height: 2px;background-color: #000;display: inline-block;position: absolute;top: 8px;left: 0;transition: transform 0.3s ease, top 0.3s ease;}
.c-header-menu .menutrigger span.is-show::before {transform: rotate(-45deg);top: 0;}
.c-header-menu .menutrigger span.is-show::after {transform: rotate(45deg);top: 0;}
.c-header-menu .menutrigger span.is-show {background-color: transparent;}
.smbFv {padding: 25vw 0 10vw;}
.smbFv .fvbg .tx {top: 19vw;left: 42vw;width: 40vw;}
.fvbtm{padding: 0 0 25vw;}
.fvbtm .txmain{padding: 8vw 0;}
.fvbtm .txmain h2{font-size: 5.6vw;}
.fvbtm .txmain p{font-size: 4vw;}
.fvbtm .txmain .char{top: -5vw;right: -3vw;width: 19vw;}
.fvbtm .point{margin: 10vw 0 0;}
.fvbtm .point .char{width: 40vw;top: -27vw;}
.fvbtm .point li{display: block;padding: 5vw;position: relative;}
.fvbtm .point .img,.fvbtm .point .txt{width: 100%;}
.fvbtm .point .img{margin: 0 0 4vw;}
.fvbtm .point .nmr{font-size: 13vw;width: 20%;}
.fvbtm .point .txt .tis{font-size: 5.5vw;}
.fvbtm .point .txt p{font-size: 4vw;}
}
@media screen and (max-width: 820px) {
.smbFv .fvbg .tx {top: 18vw;left: 40vw;width: 50vw;}
}
@media screen and (max-width: 430px) {
.text-outline{-webkit-text-stroke: 8px black;filter: drop-shadow(4px 4px 0px black);}
.fvbtm .txmain .char{width: 25vw;top: -15.5vw;}
.floating-banner{width: 45vw;bottom: 13vh;}
}
@media screen and (max-width: 375px) {
}