countercounter@charset "UTF-8";
/* CSS Document */

/********** Setting ***********/
/*
window.FontAwesomeConfig = {
  searchPseudoElements: true
}
*/
html {
    width: 100%;
	height: 100%;
	font-size: 100%;
	line-height: 1.5em;
	scroll-behavior: smooth;
    background: #fef8eb;
}
body {
    width: 100%;
	height: auto;
	color: #000000;
	-webkit-text-size-adjust : 100%;
	font-family: "Noto Sans JP", sans-serif;
	background: #f0f0f0;
    background-size: contain;
    font-size: 16px;
    line-height: 1.5em;
    margin: 0 auto;
}

@media screen and (max-width: 770px) {
  body {
    width: 100%;
    color: #000000;
	-webkit-text-size-adjust : 100%;
	font-family: "Noto Sans JP", sans-serif;
	background: #f0f0f0;
    font-size: 16px;
    background-size: contain;
    }
}

a[href^="tel:"] {
    poinp_bannerter-events: none;
}

a {
    text-decoration: none;
}

* html body { /* for IE6 */
  font-size: small;
}

*:first-child+html body { /* for IE7 */
  font-size: small;
}

    ul,li{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    dl dd{
            margin-inline-start: 0px;

    }
   p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

img {
    max-width: 100%;
}

/**********Setting***********/


/*========= 郢晏€･繝｣郢敖€郢晢ｽｼ ===============*/
header{
    width: 100%;

}


/*========= top ===============*/
#top {
    width: 100%;
    height: 720px;
	background:#333333;


}

#top .inner{
    width: 1240px;
	margin: 0 auto;
	position: relative;
}

.video-pc {
  display: block;
}

.video-sp {
  display: none;
}

h1 {
	width: 365px;
	position: absolute;
	bottom: 50px;
  left: 50%;
  transform: translate(-50%);
	z-index: 100;
}

@media screen and (max-width: 768px) {
	#top {
    width: 100%;
    height: 80vh;
	background:#333333;
		overflow: hidden;
}

#top .inner{
    width: 100%;
	margin: 0 auto;
	position: relative;
}


  .video-pc {
    display: none;
  }
  .video-sp {
	  width: 100%;
    display: block;
  }


h1 {
	width: 200px;
	position: absolute;
	bottom: 40px;
  left: 50%;
  transform: translate(-50%);
	z-index: 100;
}


}



/*==================================================
郢ｧ�ｹ郢晢ｽｩ郢ｧ�､郢敖€郢晢ｽｼ邵ｺ�ｮ邵ｺ貅假ｽ∫ｸｺ�ｮcss
===================================*/
.slider img {
    width:100%;/*郢ｧ�ｹ郢晢ｽｩ郢ｧ�､郢敖€郢晢ｽｼ陷€�ｽ�ｽ騾包ｽｻ陷剃ｸ奇ｽ定ｮ難ｽｪ陝ｷ�ｽ100%邵ｺ�ｫ*/
    height:auto;
	margin: 10px auto 5px auto;
}

/*slick邵ｺ�ｮJS邵ｺ�ｧ隴厄ｽｸ邵ｺ荵晢ｽ檎ｹｧ荵昴■郢ｧ�ｰ陷€�ｽﾂ€竏壹○郢晢ｽｩ郢ｧ�､郢晉甥�ｷ�ｦ陷ｿ�ｳ邵ｺ�ｮ闖ｴ蜥丞項髫ｱ�ｿ隰ｨ�ｴ*/

.slider .slick-slide {
    margin:0 10px 0 0;/*郢ｧ�ｹ郢晢ｽｩ郢ｧ�､郢晉甥�ｷ�ｦ陷ｿ�ｳ邵ｺ�ｮ闖ｴ蜥丞項髫ｱ�ｿ隰ｨ�ｴ*/
}

@media screen and (max-width: 770px) {
.slider img {
    width:100%;/*郢ｧ�ｹ郢晢ｽｩ郢ｧ�､郢敖€郢晢ｽｼ陷€�ｽ�ｽ騾包ｽｻ陷剃ｸ奇ｽ定ｮ難ｽｪ陝ｷ�ｽ100%邵ｺ�ｫ*/
    height:auto;
	margin: 5px auto 5px auto;
}

/*slick邵ｺ�ｮJS邵ｺ�ｧ隴厄ｽｸ邵ｺ荵晢ｽ檎ｹｧ荵昴■郢ｧ�ｰ陷€�ｽﾂ€竏壹○郢晢ｽｩ郢ｧ�､郢晉甥�ｷ�ｦ陷ｿ�ｳ邵ｺ�ｮ闖ｴ蜥丞項髫ｱ�ｿ隰ｨ�ｴ*/

.slider .slick-slide {
    margin:0 5px 0 0;/*郢ｧ�ｹ郢晢ｽｩ郢ｧ�､郢晉甥�ｷ�ｦ陷ｿ�ｳ邵ｺ�ｮ闖ｴ蜥丞項髫ｱ�ｿ隰ｨ�ｴ*/
}
}

/*========= content01 ===============*/

#content01 {
	width:100%;
	height: 556px;
	background: url("../../image/lp/section01-bg.png");
	margin: 30px auto;
	overflow: hidden;
}
#content01 .inner{
	width: 1020px;
	height: 556px;
	margin: 0 auto;
	position: relative;
}

#content01 .inner .phone{
	width: 481px;
	position: absolute;
	top: 60px;
  left: 50%;
  transform: translate(-50%);
	z-index: 3;
}

#content01 .inner .text01{
	width: 982px;
	position: absolute;
	top: 40px;
  left: 50%;
  transform: translate(-50%);
	z-index: 4;
}

#content01 .inner .text02{
	width: 748px;
	position: absolute;
	top: 230px;
  left: 50%;
  transform: translate(-50%);
	z-index: 5;
}

@media screen and (max-width: 770px) {

#content01 {
	width:100%;
	height: 300px;
	background: url("../../image/lp/section01-bg.png");
	margin: 10px auto;
	overflow: hidden;
	background-size: cover;
}
#content01 .inner{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	padding: 20px;
}

	#content01 .inner .phone{
	width: 70%;
	position: absolute;
	top: 60px;
  left: 50%;
  transform: translate(-50%);
	z-index: 3;
}

#content01 .inner .text01{
	width: 90%;
	position: absolute;
	top: 60px;
  left: 50%;
  transform: translate(-50%);
	z-index: 4;
	margin: 0 auto;
}

#content01 .inner .text01 img{
	width: 100%;
}


#content01 .inner .text02{
	width: 90%;
	position: absolute;
	top: 130px;
  left: 50%;
  transform: translate(-50%);
	z-index: 5;
}
}

/*========= content02 ===============*/

#content02 {
	width: 100%;
}
#content02 .inner {
	width: 1020px;
	height: 769px;
	margin: 10px auto;
	position: relative;
}
#content02 .text01{
	width: 1004px;
	margin: 0 auto;
}
#content02 .inner .text02{
	width: 710px;
	margin: 0 auto;
	 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	z-index: 5;
}
#content02 .inner .bg{
	width: 1020px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}


@media screen and (max-width: 770px) {

#content02 {
	width: 100%;
}
#content02 .inner {
	width: 100%;
	height: 330px;
	margin: 10px auto;
	position: relative;
}
#content02 .text01{
	width: 100%;
	margin: 0 auto;
}
#content02 .inner .text02{
	width: 80%;
	margin: 0 auto;
	 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	z-index: 5;
}
#content02 .inner .bg{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}
}

/*========= content03 ===============*/

#content03 {
	width: 100%;
}
#content03 .inner {
	width: 1020px;
	height: 601px;
	margin: 10px auto;
	position: relative;
}
#content03 .inner .text01{
	width: 909px;
	margin: 0 auto;
	position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%);
	z-index: 3;
}
#content03 .inner .text02{
	width: 833px;
	margin: 0 auto;
	 position: absolute;
  top: 210px;
  left: 50%;
  transform: translate(-50%);
	z-index: 5;
}
#content03 .inner .bg{
	width: 1020px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}
#content03 .text-box {
	width: 1020px;
	background: #fff;
	margin: 10px auto;
	border: solid 5px #222222;
	border-radius: 20px;
	padding: 20px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5;
}


@media screen and (max-width: 770px) {

#content03 {
	width: 100%;
}
#content03 .inner {
	width: 100%;
	height: 230px;
	margin: 10px auto;
	position: relative;
}
#content03 .inner .text01{
	width: 80%;
	margin: 0 auto;
	position: absolute;
	top: 10px;
  left: 50%;
  transform: translate(-50%);
	z-index: 3;
}
#content03 .inner .text02{
	width: 80%;
	margin: 0 auto;
	 position: absolute;
  top: 75px;
  left: 50%;
  transform: translate(-50%);
	z-index: 5;
}
#content03 .inner .bg{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}
#content03 .text-box {
	width: 100%;
	background: #fff;
	margin: 0px auto;
	border: solid 3px #222222;
	border-radius: 10px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
}


/*========= entry ===============*/

#entry {
	width: 100%;
	height: 730px;
	background: url("../../image/lp/entry-bg.png");
	margin: 30px auto;
	overflow: hidden;
}
#entry .inner{
	width: 1020px;
	height: 730px;
	margin: 0 auto;
}
#entry .inner .text{
	width: 726px;
	margin: 40px auto;
}

#entry .inner .btn{
	width: 900px;
	margin: 0px auto;
}
/* 郢晏生�ｽ郢ｧ�ｹ�ｽ螢ｹ笆�郢ｧ�ｽ�樣名蝓滄□邵ｺ�､郢晢ｽｫ郢晢ｽｼ郢晢ｿｽ */
.btn-loop {
  position: relative;
  display: inline-block;
  overflow: hidden;
  animation: btnPulse 1.6s ease-in-out infinite;
  transform-origin: center center;
}

.btn-loop img {
  display: block; /* 闖ｴ蜻ｵ�ｨ蛹ｻ竊鷹ｫｫ蜥惹ｿ｣雎ｸ蛹ｻ�� */
}

@keyframes btnPulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

/* shine 騾包ｽｨ邵ｺ�ｮ隰ｫ�ｬ闔ｨ�ｼ髫補悪�ｴ�ｽ */
.btn-loop::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 120%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.45) 50%,
    transparent 100%
  );
  transform: skewX(-25deg);
}

/* hover 隴弱ｅ竊楢怦蟲ｨ窶ｲ雎ｬ竏夲ｽ檎ｹｧ蜈ｷ�ｼ�ｽ�ｰ莉｣��隲｡�｡陞滂ｽｧ */
.btn-loop:hover::after {
  animation: shine 0.8s forwards;
}

.btn-loop:hover {
  transform: scale(1.08);
  transition: transform 0.25s ease;
}

@keyframes shine {
  0%   { left: -120%; }
  100% { left: 120%; }
}

@media screen and (max-width: 770px) {

#entry {
	width: 100%;
	height: 330px;
	background: url("../../image/lp/entry-bg.png");
	margin: 10px auto;
	overflow: hidden;
	background-size: cover;
}
#entry .inner{
	width: 100%;
	height: 330px;
	margin: 0 auto;
}
#entry .inner .text{
	width: 80%;
	margin: 20px auto 10px auto;
}

#entry .inner .btn{
	width: 80%;
	margin: 0px auto;
}
/* 郢晏生�ｽ郢ｧ�ｹ�ｽ螢ｹ笆�郢ｧ�ｽ�樣名蝓滄□邵ｺ�､郢晢ｽｫ郢晢ｽｼ郢晢ｿｽ */
.btn-loop {
  position: relative;
  display: inline-block;
  overflow: hidden;
  animation: btnPulse 1.6s ease-in-out infinite;
  transform-origin: center center;
}

.btn-loop img {
  display: block; /* 闖ｴ蜻ｵ�ｨ蛹ｻ竊鷹ｫｫ蜥惹ｿ｣雎ｸ蛹ｻ�� */
}

@keyframes btnPulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}
}




/*========= result ===============*/

.result{
    width: 100%;
    padding: 10px 0 0px 0;
    margin: 10px auto 0px auto;
}

.result .text01{
	width: 798px;
	margin: 0 auto;
}

.result .inner{
    width: 1020px;
    margin: 10px auto 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.result .inner ul{
    width: 500px;
    border-radius: 20px;
    overflow: visible;
    background: #f0f0f0;
    margin-bottom: 20px;
}

.result .inner ul .plan-b{
    width: 100%;
	border-radius: 20px 20px 0 0 ;
	overflow: hidden;
}


.result .inner ul li img{
    width: 100%;
}



.result .inner ul li:nth-child(2){
    width: 100%;
    height: auto;
    background: #FFFFFF;
    text-align: center;
    padding: 0 10px 10px 10px;
    color: #222222;
    font-weight: bold;
	border-radius: 0 0 20px 20px;

}

.result .inner ul li:nth-child(2) p:nth-child(1){
    background: #222222;
	color: #ffff00;
	padding: 5px 0;
	border-radius: 100px;

}

.result .inner ul li:nth-child(2) p:nth-child(4){
    font-size: 2em;
    color: #cc0000;
	line-height: 1.25em;

}

@media screen and (max-width: 770px) {

.result{
    width: 100%;
    padding: 0px 0 0px 0;
    margin: 10px auto 0px auto;
}

.result .text01{
	width: 80%;
	margin: 0 auto;
}

.result .inner{
    width: 100%;
    margin: 0px auto 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	padding: 10px;
}

.result .inner ul{
    width: 100%;
    border-radius: 20px;
    overflow: visible;
    background: #f0f0f0;
    margin-bottom: 10px;
}

.result .inner ul .plan-b{
    width: 100%;
	border-radius: 20px 20px 0 0 ;
	overflow: hidden;
}


.result .inner ul li img{
    width: 100%;
}



.result .inner ul li:nth-child(2){
    width: 100%;
    height: auto;
    background: #FFFFFF;
    text-align: center;
    padding: 0 10px 10px 10px;
    color: #222222;
    font-weight: bold;
	border-radius: 0 0 20px 20px;

}

.result .inner ul li:nth-child(2) p:nth-child(1){
    background: #222222;
	color: #ffff00;
	padding: 5px 0;
	border-radius: 100px;

}

.result .inner ul li:nth-child(2) p:nth-child(4){
    font-size: 2em;
    color: #cc0000;
	line-height: 1.25em;

}
}


/*========= content04===============*/

#content04 {
	width:100%;
	height: 530px;

	margin: 0px auto;

}
#content04 .inner{
	width: 1020px;
	background: url("../../image/lp/section04-bg.png");
	height: 530px;
	margin: 0 auto;

}

#content04 .inner .text01{
	width: 856px;
	margin: 10px auto;
	padding-top: 30px;
}

#content04 .inner .text02,.text03,.text04{
	width: 960px;
	margin: 5px auto;
}

@media screen and (max-width: 770px) {
#content04 {
	width:100%;
	height: 280px;

	margin: 0px auto;

}
#content04 .inner{
	width: 100%;
	background: url("../../image/lp/section04-bg.png");
	height: 280px;
	margin: 0 auto;
	background-size: cover;

}

#content04 .inner .text01{
	width: 80%;
	margin: 10px auto;
	padding-top: 30px;
}

#content04 .inner .text02,.text03,.text04{
	width: 95%;
	margin: 5px auto;
}
}


/*========= content05===============*/

#content05 {
	width:100%;
	height: 400px;

	margin: 0px auto;

}
#content05 .inner{
	width: 1020px;
	background: url("../../image/lp/section05-bg.png");
	height: 400px;
	margin: 0 auto;
	position: relative;
}

#content05 .inner .text01{
	width: 313px;
	position: absolute;
	top:115px;
	left: 100px;
}

#content05 .inner .text02{
	width: 311px;
	position: absolute;
	top:115px;
	right: 100px;
}

#content05 .inner .text03{
	width: 625px;
	position: absolute;
	bottom:20px;
	left: 50%;
  transform: translate(-50%);
}

@media screen and (max-width: 770px) {

#content05 {
	width:100%;
	height: 180px;

	margin: 0px auto;

}
#content05 .inner{
	width: 100%;
	background: url("../../image/lp/section05-bg.png") center center;
	height: 180px;
	background-size: cover;
	margin: 0 auto;
	position: relative;
}

#content05 .inner .text01{
	width: 30%;
	position: absolute;
	top:20px;
	left: 20px;
}

#content05 .inner .text02{
	width: 30%;
	position: absolute;
	top:20px;
	right: 20px;
}

#content05 .inner .text03{
	width: 60%;
	position: absolute;
	bottom:10px;
	left: 50%;
  transform: translate(-50%);
}
}


/*========= content06===============*/

#content06  {
	width:100%;
	height: auto;

	margin: 20px auto 0 auto;

}


#content06 .text01{
	width: 980px;
	margin: 0 auto;
}

#content06 .text02{
	width: 980px;
	margin: 10px auto;
}

@media screen and (max-width: 770px) {
#content06  {
	width:100%;
	height: auto;
	margin: 10px auto 0 auto;
}
#content06 .text01{
	width: 95%;
	margin: 0 auto;
}

#content06 .text02{
	width: 95%;
	margin: 10px auto;
}
}

/*========= content06===============*/

#content07  {
	width:100%;
	height: auto;
	margin: 20px auto 0 auto;
}

#content07 .inner {
	width:1020px;
	height: 973px;
	background: url("../../image/lp/section07-bg.png");
	margin: 0px auto;
}


#content07 .inner .text01{
	width: 910px;
	margin: 0px auto 10px auto;
	padding-top: 40px;
}

#content07 .inner .text02{
	width: 973px;
	margin: 10px auto;
}
#content07 .inner .text03{
	width: 973px;
	margin: 10px auto;
}

#content07 .inner .text04{
	width: 973px;
	margin: 10px auto;
}
#content07 .inner .text05{
	width: 973px;
	margin: 10px auto;
}

@media screen and (max-width: 770px) {

#content07  {
	width:100%;
	height: auto;
	margin: 0px auto 0 auto;
}

#content07 .inner {
	width:100%;
	height: 420px;
	background: url("../../image/lp/section07-bg.png");
	margin: 0px auto;
	background-size: cover;
}


#content07 .inner .text01{
	width: 90%;
	margin: 0px auto 10px auto;
	padding-top: 20px;
}

#content07 .inner .text02{
	width: 95%;
	margin: 5px auto;
}
#content07 .inner .text03{
	width: 95%;
	margin: 5px auto;
}

#content07 .inner .text04{
	width: 95%;
	margin: 5px auto;
}
#content07 .inner .text05{
	width: 95%;
	margin: 5px auto;
}

}


.footer-legal {
    margin-top: 20px;
    padding: 10px 0 20px;
    font-size: 12px;
    color: #aaa;
    line-height: 1.6;
    text-align: center;
}

/* 遯ｶ謚ｫﾂ€謚ｫﾂ€�ｽ 闕ｳ遏ｩﾎ夂ｸｺ�ｮ郢晁ｼ斐Ε郢ｧ�ｿ郢晢ｽｼ郢晢ｽｪ郢晢ｽｳ郢ｧ�ｯ驗抵ｽ､�ｽ逎ｯ�ｻ螳壹Ξ隴趣ｽｯ�ｽ�ｽ 遯ｶ謚ｫﾂ€謚ｫﾂ€�ｽ */
.site-footer{ background:#2d2f33; color:#fff; padding:28px 16px 120px; /* 120px: 陜暦ｽｺ陞ｳ螢ｹ繝ｵ郢晢ｿｽ縺｡郢晢ｽｼ邵ｺ�ｮ鬯ｮ蛟･��ｸｺ�ｶ郢ｧ隰趣ｽｽ蜥丞項 */ }
.footer-sections{ display:grid; grid-template-columns: 1fr; gap:20px; max-width:960px; margin:0 auto; }
@media(min-width:480px){ .footer-sections{ grid-template-columns: 1fr 1fr; gap:28px; } }
.footer-group h3{ font-size:14px; margin:0 0 10px; font-weight:700; }
.footer-links{ list-style:none; padding:0; margin:0; }
.footer-links li{ margin:8px 0; }
.footer-links a{ color:#e5e7eb; text-decoration:none; font-size:14px; }
.footer-links a:focus-visible{ outline:2px solid #22c55e; outline-offset:2px; border-radius:4px; }
.brand-lockup{ display:flex; justify-content:center; align-items:center; padding:20px 0 0; }
.brand-lockup img{ max-width:150px; height:auto; display:block; filter:}

/*========= 郢晏€･繝｣郢敖€郢晢ｽｼ02===============*/

.head-bar{
	width: 100%;
	height: 80px;
	background: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
}

.logo{
	width: 100px;
}

.contents_title{
	width: 100%;
	max-width: 1024px;
	margin:10px auto 0px auto;
	padding:10px 14px;
	text-align:center;
	font-weight:700;
	color:#333;
}

.wrap{
	width: 100%;
	max-width:1024px;
	margin:0 auto;
}


/* ---- 郢ｧ�ｳ郢晢ｽｳ郢晢ｿｽ繝ｪ ---- */
.sub-content{
	width: 100%;
  padding:0px;
  background: #ffffff;
	border-radius: 20px;
	margin-bottom: 20px;
}

@media (max-width: 480px){
.sub-content{
	width: 100%;
  padding:0px;
  background: #ffffff;
	border-radius: 0px;
	margin-bottom: 10px;
}
}


/* =============== 陋ｻ�ｩ騾包ｽｨ髫募��ｴ�ｽ =============== */

.teams{
	padding: 10px 20px 20px 20px;
	position: relative;
}

@media (max-width: 480px){
	.teams{
	padding: 5px 10px 10px 10px;
}
}

.tos__body{ color:#222; font-size:14px; line-height:1.8; }
.tos__body h3{ font-size:15px; margin:1.1em 0 .4em; font-weight:800; }
.tos__body p{ margin:.6em 0; }
.tos__body ol{ padding-left:1.25em; margin:.4em 0 .8em; }
.tos__body ul{ padding-left:1.25em; margin:.4em 0 .8em; }
.defs{ margin:.4em 0 .8em; }
.defs dt{ font-weight:700; }
.defs dd{ margin:0 0 .4em 0; }
.note{ background:#f7faff; border:1px solid #d9e6ff; border-left:4px solid #8fb6ff; border-radius:6px; padding:8px 10px; color:#223; margin:.6em 0; }
.tos__disclaimer{ margin-top:14px; font-size:12px; color:#666; }
@media (min-width: 900px){
  .tos{ width:min(900px, 100%); margin:16px auto; padding:20px; }
}

/* =============== 郢晏干ﾎ帷ｹｧ�､郢晁�縺咏ｹ晢ｽｼ =============== */

.privacy{
	padding: 10px 20px 20px 20px;
	position: relative;
}

@media (max-width: 480px){
	.privacy{
	padding: 5px 10px 10px 10px;
}
}

.pp__body{ color:#222; font-size:14px; line-height:1.8; }
.pp__body h3{ font-size:15px; margin:1.1em 0 .4em; font-weight:800; }
.pp__body p{ margin:.6em 0; }
.pp__body ol{ padding-left:1.25em; margin:.4em 0 .8em; }
.pp__body ul{ padding-left:1.25em; margin:.4em 0 .8em; }
.pp__disclaimer{ margin-top:14px; font-size:12px; color:#666; }

@media (min-width: 900px){
  .pp{ width:min(900px, 100%); margin:16px auto; padding:20px; }
}

/* =============== 霑夲ｽｹ陞ｳ螢ｼ閹夊愾髢€�ｼ蠅難ｽｳ霈披�陜難ｽｺ邵ｺ�･邵ｺ蜑ｰ�｡�ｨ髫ｪ�ｽ =============== */

.commerce{
	padding: 10px 20px 20px 20px;
	position: relative;
}

@media (max-width: 480px){
	.commerce{
	padding: 5px 10px 10px 10px;
}
}

.asct__body{ margin-top:8px; }
.asct-list{ margin:0; padding:0; }
.asct-list .row{ display:grid; grid-template-columns: 7.5em 1fr; gap:10px; align-items:start; padding:10px 0; border-bottom:1px dashed #e6ecf3; }
.asct-list dt{ font-weight:800; color:#222; }
.asct-list dd{ margin:0; color:#222; line-height:1.8; }
.asct-list a{ color:#1860d8; text-decoration:none; }
.asct-list .muted{ color:#667085; font-size:12px; }
.asct-list .sep{ height:8px; border-bottom:2px solid #eef2f7; margin:4px 0; }

@media (min-width: 900px){
  .asct{ width:min(900px, 100%); margin:16px auto; padding:20px; }
  .asct-list .row{ grid-template-columns: 10em 1fr; }
}

/* ===========================
   PC KV base
=========================== */
.kv-pc {
  width: 100%;
  background: #99ffcc;
}

.kv-pc__stage {
  position: relative;
  width: 100%;
  max-width: 1344px;
  margin: 0 auto;
  aspect-ratio: 1344/768;
  overflow: hidden;
}

.kv-pc__stage img {
  position: absolute;
  display: block;
  max-width: none;
  pointer-events: none;
}
/* ===========================
   繝代�繝��鄂ｮ�亥ｾｮ隱ｿ謨ｴ迚茨ｼ�
=========================== */

/* 閭梧勹 */
.kv-bg {
  inset: 0;
  width: 100%;
  height: 100%;
}

/* 鬨取焔�亥ｰ代＠荳翫↓��ｰ代＠蟆上＆縺擾ｼ� */
.kv-horse {
  width: 56%;      /* 60 竊� 56 縺ｧ蟆代＠蟆上＆縺� */
  left: 22%;       /* 荳ｭ螟ｮ蟇�○ */
  top: 2%;        /* 46 竊� 40 縺ｧ鬘斐ｒ繧ゅ≧蟆代＠隕九○繧� */
}

/* 繧ｳ繧､繝ｳ�亥ｰ代＠縺�縺台ｸ翫↓�� */
.kv-coin {
  width: 80%;      /* 42 竊� 40 縺ｧ闍･蟷ｲ謨ｴ逅� */
  left: 10%;
  bottom: -2%;     /* -5 竊� -2 縺ｧ縺｡繧�＞隕九○ */
}

/* 蟾ｦ繧ｹ繝槭��医ヰ繝翫�縺ｫ縺九�繧翫↓縺上￥&蜀��縺ｸ�� */
.kv-phone-l {
  width: 18%;      /* 20 竊� 18 */
  left: 8%;
  top: 35%;        /* 44 竊� 46 縺ｧ繧�ｄ荳九￡ */
}

/* 蜿ｳ繧ｹ繝槭� */
.kv-phone-r {
  width: 18%;
  right: 8%;
  top: 35%;
}

/* 邱代�蟶ｯ繧ｳ繝斐�1�亥ｰ代＠荳翫∈ & 蟆代＠遏ｭ縺擾ｼ� */
.kv-copy1 {
  width: 48%;      /* 50 竊� 60 縺ｧ蟾ｦ蜿ｳ縺ｫ莨ｸ縺ｰ縺呻ｼ医♀螂ｽ縺ｿ縺ｧ�� */
  left: 20%;       /* 荳ｭ螟ｮ蟇�○豌怜袖縺ｫ */
  top: 18%;        /* 23 竊� 20 縺ｧ荳翫↓ */
}

/* 邱代�蟶ｯ繧ｳ繝斐�2 */
.kv-copy2 {
  width: 60%;
  left: 20%;
  top: 26%;        /* 32 竊� 29 */
}

/* 螟ｧ縺阪＞繧ｿ繧､繝医Ν�域ｰ玲戟縺｡荳九￡縺ｦ蜈ｨ菴楢ｦ九○繧具ｼ� */
.kv-title {
  width: 74%;      /* 76 竊� 74 縺ｧ蟆代＠縺�縺大ｰ上＆縺� */
  left: 13%;
  top: 45%;        /* 46 竊� 48 縺ｧ蟆代＠荳九￡ */
}

/* 繝ｭ繧ｴ�亥ｰ代＠縺�縺大､ｧ縺阪￥��ｸ翫↓�� */
.kv-logo {
  width: 15%;      /* 16 竊� 18 縺ｧ隕九ｄ縺吶￥ */
  left: 41%;
  top: 80%;        /* 75 竊� 72 縺ｧ荳翫↓ */
}

/* ===========================
   CSS 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ
=========================== */

/* 縺ｵ繧上�繧丈ｸ贋ｸ� */
@keyframes float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.float {
  animation: float 2s ease-in-out infinite;
}
.float-delay {
  animation: float 2.4s ease-in-out infinite 0.5s;
}

/* 蟆上＆繧√�豬ｮ縺� */
@keyframes floatSmall {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.float-small {
  animation: floatSmall 0.5s ease-in-out infinite;
}

/* 繧ｹ繝�→蜈･繧具ｼ亥ｷｦ�� */
@keyframes slideLeft {
  0% { transform: translateX(-200px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}
.slide-in-left {
  animation: slideLeft 0.7s ease-out forwards;
}

/* 繧ｹ繝�→蜈･繧具ｼ亥承�� */
@keyframes slideRight {
  0% { transform: translateX(200px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}
.slide-in-right {
  animation: slideRight 0.7s ease-out forwards;
}

/* 繝昴Φ繝�→蜃ｺ繧� */
@keyframes pop {
  0% { transform: scale(0.5); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.pop {
  animation: pop 0.3s ease-out forwards;
}

/* 繧ｿ繧､繝医Ν縺ｮ繝峨け繝ｳ繝峨け繝ｳ */
@keyframes pulse {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}
.pulse {
  animation: pulse 0.8s ease-in-out infinite;
}


/* ============================
   繧ｹ繝槭�迚医�繝ｼ繧ｹ
============================ */
.kv-sp {
  width: 100%;
  background: #00deb7;
}

.kv-sp__stage {
  position: relative;
  width: 100%;
  max-width: 750px;
  aspect-ratio: 750/1334;
  margin: 0 auto;
  overflow: hidden;
}

.kv-sp__stage img {
  position: absolute;
  max-width: none;
  display: block;
  pointer-events: none;
}

/* ============================
   繝代�繝��鄂ｮ�医せ繝槭�譛€驕ｩ蛹厄ｼ�
============================ */

/* 閭梧勹�亥�菴難ｼ� */
.sp-bg {
  inset: 0;
  width: 100%;
  height: 100%;
}

/* 邱代�蟶ｯ繧ｳ繝斐�1�井ｸ奇ｼ� */
.sp-copy1 {
  width: 26%;
  top: 5%;
  left: 23%;
}

/* 邱代�蟶ｯ繧ｳ繝斐�2�井ｸ具ｼ� */
.sp-copy2 {
  width: 30%;
  top: 5%;
  left: 8%;
}

/* 縲後せ繝槭�縺ｧ繧ｵ繧ｯ繝�→�∫ｧ帝€溽噪荳ｭ!!縲� */
.sp-title {
  width: 65%;
  left: 30%;
  top: 5%;
}

/* 鬨取焔 */
.sp-horse {
  width: 95%;
  left:0%;
  top: 70%;
}

/* 繧ｳ繧､繝ｳ */
.sp-coin {
  width: 140%;
  left: -5%;
  bottom: -10%;
}

/* 蟾ｦ繧ｹ繝槭� */
.sp-phone-l {
  width: 35%;
  left: -4%;
  top: 60%;
}

/* 蜿ｳ繧ｹ繝槭� */
.sp-phone-r {
  width: 35%;
  right: -4%;
  top: 60%;
}

/* 繝ｭ繧ｴ */
.sp-logo {
  width: 38%;
  left: 31%;
  bottom: 6%;
}

/* PC迚医ｒ繝�ヵ繧ｩ繝ｫ繝郁｡ｨ遉ｺ */
.kv-pc { display: block; }
.kv-sp { display: none; }

/* 繧ｹ繝槭�迚医〒縺ｯSP縺�縺題｡ｨ遉ｺ */
@media (max-width: 480px) {
  .kv-pc { display: none; }
  .kv-sp { display: block; }
}