@charset "UTF-8";

/* CSS Document */



.local_bgG{
	background-image: url("/assets/images/bg-G.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.local_bgG > .in{width:100%; max-width: 750px; aspect-ratio: 375 / 908; margin: 0 auto;
display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.local_bgG img[src*="title."]{width:calc(1% * 696 / 7.5); margin: calc(1% * 10 / 3.75) auto calc(1% * 7 / 3.75);}
.local_bgG .cp{width:calc(1% * 610 / 7.5); position: relative; margin-bottom: calc(1% * 16 / 3.75);
display: flex; flex-direction: column; justify-content: center; align-items: center;}
.local_bgG .cp img{width:100%;}
.local_bgG .cp img[src*="end."]{position: absolute; inset: 0;}
.local_bgG img[src*="stamp."]{width:calc(1% * 672 / 7.5); margin-bottom: calc(1% * 20 / 3.75);}
.local_bgG .btn{width:calc(1% * 618 / 7.5);}
.local_bgG .btn img{width:100%;}

.local_bgY{background-color: #ffe200;}
.local_bgY > .in{width:100%; max-width: 750px; aspect-ratio: 375 / 1252; margin: 0 auto;
display: flex; flex-direction: column; justify-content: start; align-items: center;}
.local_bgY img[src*="sarani."]{width:calc(1% * 632 / 7.5); margin: calc(1% * 24 / 3.75) auto calc(1% * 40 / 3.75);}
.local_bgY .frame{background-color: #FFF; width:calc(1% * 632 / 7.5); aspect-ratio: 316 / 818;
display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.local_bgY img[src*="goods-title."]{width:calc(1% * 566 / 6.32); margin: calc(1% * -36 / 6.32) auto calc(1% * 40 / 6.32);}
.local_bgY img[src*="goods."]{width:calc(1% * 548 / 6.32); border-radius: min(24px,calc(1vw * 12 / 3.75));}

.local_kiyaku > .in{width:100%; max-width: 750px; font-size: min(20px,calc(1vw * 10 / 3.75)); margin: 0 auto;
padding: 1.5em 0 2em;
display: flex; flex-direction: column; align-items: center;}
.local_kiyaku h3{font-size: 1.5em; text-align: center;}
.local_kiyaku p{font-size: 1em; margin-top: 1em; width:calc(1% * 350 / 3.75); text-align: justify; white-space: pre-wrap;}

@media screen and (max-width: 767px) {
.l-footer-inner .footer .content {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.p-pagetop {
bottom: 115px !important;
z-index: 1001 !important;
}

}