@charset "utf-8";


.wrap_btn {
  position: relative;
  margin: 0 auto 50px;
  width: 848px;
  height: 212px;
  z-index: 5;
}

.wrap_btn::before,
.wrap_btn::after {
  position: absolute;
  bottom: 0;
  display: block;
  z-index: -1;
  content: '';
  margin: 0 auto;
  width: 848px;
  height: 212px;
  border-radius: 20px;
  background: #ffcce6;
  animation-name: ripple;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.hdbtn .wrap_btn {
  height: 188px;
}

.hdbtn .wrap_btn::before,
.hdbtn .wrap_btn::after {
  height: 188px;
}

.wrap_btn::after {
  animation-delay: 0.6s;
  }

.wrap_btn:hover::before,
.wrap_btn:hover::after {
  animation-duration: 1.2s;
}

@keyframes ripple {
  0% {
    transform: scale(1,1);
    opacity: 0.8;
    }
  100% {
    transform: scale(1.2,1.3);
    opacity: 0;
  }
}



body {
	font-family: 'Century Gothic', "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	font-size:112.5%;/* 18px */
	line-height:1.7;
	background: url(../images/bg.jpg) fixed;
	color: #222;
  font-feature-settings: "palt";
}

h1 {position: relative;}

h2 {
	margin:50px auto 50px;
  padding: 0;
  color: #222;
	font-size: 2em;
	line-height: 1.5;
  text-align: center;
	}
	h2 img {
		filter: drop-shadow(0 0 5px rgba(0,0,0,1));
		filter: drop-shadow(0 0 5px rgba(8,82,166,1));
	}
img {
	display:block;
	margin:0 auto;
	max-width: 100%;
}

.larger {
	font-size: larger;
}

.large {
	font-size:125%;
	}

.xlarge {
	font-size:144%;
	}

.xxlarge {
	font-size:172.8%;
	}
.small {
	font-size:82.5%;
	}
.xsmall {
	font-size:62.5%;
	}
.xxsmall {
	font-size:56.25%;
	}	
.u {
	text-decoration:underline;
}
.red {
	color:#e8284a;
}
.blue {
	color: #0461ee;
}
.orange {
	color: #f52900;
}
strong.red {
	color:#e8284a;
	/* font-size:125%; */
}
strong.blue {
	color: #0461ee;
	/* font-size:125%; */
}


.red.larger,
.blue.larger {
	font-size: 144%;
}

.red.xlarge,
.blue.xlarge {
	font-size:144%;
}
.red.xxlarge,
.blue.xxlarge {
	font-size:172.8%;
}
.purple {
	color:#a877ea;
	color:#7a29cc;
	color:#e218f5;
}
.green {
	color: #198d77;
}

.txt_logo{
	display: inline-block;
	margin:0 0.3em;
	padding-top: 36px;
	width: 307px;
	max-width: 96%;
	height: 0;
	background: url("../images/txt_logo.png") 0 0 no-repeat;
	background-size: contain;
	overflow: hidden;
}

.txt_logo2{
	display: inline-block;
	margin:0 0.3em;
	margin: 0;
	padding-top: 36px;
	width: 152px;
	max-width: 96%;
	height: 0;
	background: url("../images/txt_logo2.png") 0 0 no-repeat;
	background-size: contain;
	overflow: hidden;
}

.img_mc{
	display: inline-block;
	margin:0 0.3em;
	padding-top: 36px;
	width: 139px;
	height: 0;
	background: url("../images/img_mc.png") 0 0 no-repeat;
	background-size: contain;
	overflow: hidden;
}


.highlight {
	background-color:#ffe566;
}
.marker{
	background:linear-gradient(transparent 60%, #ffcc66 60%);
	}

strong {
	font-weight: bold;
	font-size:125%;
}
.redhigh {
	color:#e8284a;
	background-color:#ffe566;
	}
.indent {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
.indent2 {
	display: inline-block;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.check01 {
	padding-left: 1.5em;
	background: url("../images/check01.png") left center no-repeat;
	background-size: auto 1em;
}
.check01.indent2 {
	padding-left: 1.5em;
	text-indent: 0;
	background-position:0 14%;
}
.miracle {
	display: block;
	text-align: center;
	font-size: 1.25em;
}
.pic_right{
	float: right;
	margin: 0;
}

.cc {
	padding-left: 1.5em;
	background: url("../images/circle.png") left center no-repeat;
	background-size: auto 100%;
}

.imgs {
	float: right;
	margin: 0 -4em 1em 1em;
	box-shadow: 0 0 3px rgb(0 0 0 / 20%);
}

.imgs.nofl {
	float: none;
	margin-left: 0;
}

.img_ps02 {
	margin-top: -18em;
}


.pconly{display: block;}
.sponly{display: none;}
strong {
	font-weight:bold;
	}

#wrapper {
	margin:0 auto;
	background: url("../images/bg_wrapper.png") center center repeat-y;
}
main {
}
.container{
}
footer {
	margin:4em auto 0;
	padding:20px 0 12em;
	background: #000;
	color: #fff;
	text-align:center;
	font-size: smaller;
}
footer a {
	color:#fff;
	text-decoration:underline;
}

footer a:hover {
}
address {
	font-style:normal;
}

.copys {
	display: flex;
	justify-content: space-between;
	margin: 20px auto 0;
	width: 900px;
	max-width: 100%;
}

/*
 *		共通
 */


section p {
	margin: 0 auto;
	padding: 50px;
	width: 940px;
	max-width: 100%;
}

.item {
	margin: 3em auto;
	filter: drop-shadow(0 0 3px rgba(0,0,0,1));
}



/*
 *		header
 */

 header {
	position: relative;
	padding: 10em 0 0;
	z-index: 0;
	overflow: hidden;
}

header h1 {
	padding: 380px 0 50px;
	padding: 0 0 50px;
	z-index: 9999;
}

header video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -500;
}

.movtv h3 {
	margin: 1em auto;
	padding: 0.8em;
	border-radius: 0.2em;
	background: linear-gradient(90deg, rgba(65,173,193,1) 0%, rgba(63,173,135,1) 100%);
	color: #fff;
	font-size: 1.25em;
	text-align: center;
	line-height: 1.4;
}

.movtv .to_apply,
.to_apply {
/*	position: absolute;
	top:1100px;*/
	display: block;
	margin: 1em auto 2em;
	width:780px;
	max-width: 100%;
	height: 144px;
	background: url("../images/button_toS.png") no-repeat;
	text-indent: -9999px;
	transition: all 0.1s;
	filter: drop-shadow(0 0 3px rgba(0 0 0 /100%));
}

.movtv .to_apply:hover,
.to_apply:hover {
	background: url("../images/button_toS_on.png") no-repeat;
	animation-name:btn-animation-tos;
	animation-iteration-count: infinite;
	animation-duration:0.5s;
	animation-timing-function: ease-in-out;
}

@keyframes btn-animation-tos {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(0.2em)
    }
    100% {
        transform: translateX(0)
    }
}




/*
 *	countdown timer
 */

 .wrap_timer {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top:0;
	left: calc( 50% - 490px );
	margin: 0 auto;
	width: 980px;
	height: 168px;
}

.img_spprice {
	position: relative;
	margin: 0;
}

.con_timer {
	position: relative;
	width: 480px;
	height: 170px;
	background: url(../images/bg_timer01.png) ;
}


.con_timer img {
	display: inline-block;
}

.countdown {
	position: absolute;
	top: 82px;
	right: 62px;
}

.countdown img {
	max-width: 25px;
}

.countdown .days {
	position: relative;
   	right: 160px;
}

.countdown .hours {
	position: relative;
    right: 102px;
}

.countdown .mins {
	position: relative;
    right: 40px;
}

.countdown .seconds {
	position: relative;
    right: 0px;
}

.kaiketsu {
	margin: 2.5em auto 0;
}

.ww_video {
	margin: 1.5em auto 2.5em;
	width: 880px;
	max-width: 96%;
	height: 495px;
	max-height: 54%;
}

main .ww_video {
	margin: 1em auto 3em;
}

.wrap_video {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-top: 56.25%;
}

.wrap_video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}





/*
 *		text
 */
.imgtxt_l {margin-left: 0;}
.imgtxt_r {margin-right: 0;}

.eff {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}



/*
 *		tojo
 */	

.tojo {
}

.tojo .container {
	margin: 0 auto;
	width: 1100px;
	max-width: 100vw;
	background: url(../images/bg_tojo.png);
}

.mov_wtojo {
	margin: 2.5em auto;
	width: 880px;
	max-width: 96vw;
	aspect-ratio: 16/9;
}

.mov_wtojo iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.txt_tojo01 {
	margin-top: 2.5em;
	max-width: 96vw;
}

.txt_tojo02 {
	margin-top: 4em;
	max-width: 96vw;
}

.img_player {
	margin-top: 2.5em;
}


/*
 *		voice
 */	


.wrap_voice {
	margin: 0 auto;
	width: 940px;
	max-width: 100%;
	filter: drop-shadow(0 0 3px rgba(0 0 0 /40%));
}

.con_voice {
	position: relative;
	margin: 3em auto 0;
	border-radius: 4em;
	background: #dcf5e2;
}

.con_voice::after {
	position: absolute;
	bottom:-1em;
	right: 6em;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1em 1em 0 1em;
	border-color: #dcf5e2 transparent transparent transparent;
}

.con_voice p {
	padding: 4em;
	width: 100%;
}

.img_convoice {
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: 0;
}

.voice2 .img_convoice {
	border: 4px solid #fff;
}

/*
 *		shosai
 */	

.con_shosai {
	margin: 2.5em auto;
	width: 1000px;
	max-width: 96%;
	border-radius: 5em 5em 0.5em 0.5em;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	background: url(../images/bg_con_shosai.jpg) center center;
	background-size: cover;
}

.con_shosai h3 img {
	filter: drop-shadow(0 0 2px rgba(0,0,0,1));
}

.con_shosai p {
	width: 1000px;
}

.wrap_sconshosai {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.img_planetvibration {
	margin: 0 auto 2em;
}

.con_shosai .img_meta {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.5em;
}

.con_shosai .img_meta img {
	margin: 0;
	width: 49%;
}

.wrap_sconshosai .scon_shosai {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 5%;
	width: 45.5%;
}

.wrap_sconshosai .scon_shosai:nth-of-type(odd) {
	margin-left: 3%;
}
.wrap_sconshosai .scon_shosai:nth-of-type(even) {
	margin-right: 3%;
}

.wrap_sconshosai .scon_shosai h4,
.con_shosai h4 {
	padding: 0.5em 0.75em 0.36em;
	border-radius: 4px;
	background: rgb(178,18,154);
	background: linear-gradient(90deg, rgba(178,18,154,1) 0%, rgba(105,15,153,1) 100%);
}
.con_shosai.solfeggio h4 {
	background: rgb(65,173,193);
	background: linear-gradient(90deg, rgba(65,173,193,1) 0%, rgba(63,173,135,1) 100%);
}

.wrap_sconshosai .scon_shosai h4 img,
.con_shosai h4 img {
	display: inline;
}

.sirius .scon_shosai p {
	overflow: hidden;
}

.sirius .scon_shosai.moz p {
	overflow: visible;
}

.sirius .scon_shosai p img {
	width: 240px;
	max-width: 50%;
}

.con_shosai.sirius h4,
.con_shosai.earthbody h4,
.con_shosai.solfeggio h4 {
	margin: 0 auto;
	width: 900px;
	max-width: 96%;
}

.con_shosai.earthbody h4 {
	padding-bottom: 0.5em;
}

.con_shosai.sirius h4 + p,
.con_shosai.earthbody h4 + p,
.con_shosai.solfeggio h4 + p {
	padding-top: 1em;
}

.wrap_sconshosai .scon_shosai p {
	padding: 0.5em;
	font-size: 90%;
}

.wrap_sconshosai .scon_shosai strong {
	font-size: 100%;
}

.wrap_sconshosai .scon_shosai .wrap_video {
	position: relative;
	margin-top: auto;
	padding-top: 56.25%;
	width: 100%;
}

.wrap_sconshosai .scon_shosai .wrap_video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.con_shosai.secret {
	margin-top: 5em;
	box-shadow: none;
	border-radius: 0;
	background: none;
}

.con_shosai.secret h3 img {
	filter: none;
}

.con_shosai.secret p {
	padding: 50px 0;
	width: 100%;
}

.box_imgbonus + .wrap_btnf {
	margin-top: 7em;
}


.img_program {
	margin-bottom: 2em;
}

.img_bonus {
	float:right;
	margin: 0 -4em 1em 1em;
	box-shadow: 0 0 3px rgba(0 0 0 / 20%);
}

.con_shosai .note {
	padding-top:0;
	font-size: 75%;
}

.cross {
	margin: 1em auto;
}

.con_shosai .movtv {
	margin-bottom: 2.5em;
}
.con_shosai .movtv:last-of-type {
	margin-bottom: 0;
}

.con_shosai.impro {
	padding-bottom: 2.5em;
}

.sl {
	display: block;
	margin: 0 auto;
	width: 800px;
	max-width: 100%;
}

.sla,
.slt,
.slst,
.sls,
.stcu {
	padding: 0.5em 1em;
	display: block;
}

.sla {
	background: #e8284a;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.slt {
	background: #222;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.slst {
	background: #0461ee;
	color: #fff;
	font-weight: bold;
}

.slst::before {
	display: inline-block;
	content: '◇';
	margin-right: 0.5em;
}

.sls:nth-of-type(odd) {
	background: #f2f2f2;
}
.sls:nth-of-type(even) {
	background: #fff;
}

.stcu {
	display: block;
	margin: 0 auto;
	width: 800px;
	max-width: 100%;
	font-size: 75%;
}


/*
 *		bonus
 */	

.bonus {
}

.con_bonus {
	margin: 0 auto 3em;
	width: 940px;
	max-width: 96%;
	border-radius: 24px 24px 0.5em 0.5em;
/*	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0,0,0,0.1) inset;*/
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	background: url(../images/bg_con_shosai.jpg) center center;
	background-size: cover;

}

.con_bonus:first-of-type .movtv {
	margin-top: 2em;
}
.con_bonus.spbonus:first-of-type {
	margin-top: 5em;
}
.con_bonus.spbonus:first-of-type h3{
	position: relative;
	top:-2em;
}
.con_bonus h3 img{
	filter: drop-shadow(0 0 4px rgba(0,0,0,.8));
}

.con_bonus.effact h4 {
	margin: 0 auto;
	padding: 0.5em 0.75em 0.5em;
	width: 840px;
	max-width: 96%;
	border-radius: 4px;
	background: rgb(65,173,193);
	background: linear-gradient(90deg, rgba(65,173,193,1) 0%, rgba(63,173,135,1) 100%);
	color: #fff;
}

.con_bonus.effact h4 img {
	display: inline;
	display: block;
}

.con_bonus.effact h4 + p,
.con_bonus.effact .movbns03 + p {
	padding-top: 1em;
	font-weight: bold;
	font-size: 1.25em;
	text-align: center;
}

.con_bonus.spbonus {
	position: relative;
	top: 2em;
}

.con_bonus.spbonus h3 {
	position: relative;
	top:-2em;
	margin-bottom: -2em;
}

.con_bonus .note {
	padding-top: 0;
	font-size: 75%;
}

.con_bonus h4 + p + p {
	padding-top: 0;
}

.img_metatron {
	margin: 0 auto 2em;
	border: 3px solid #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
}

.img_bonus02 {
	margin: 0.5em auto;
	border: 3px solid #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
}

.img_bonus03 {
	margin: 0.5em auto 1em;
	border: 3px solid #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
}

.movbns03 {
	margin: 1.5em auto 0;
	width: 640px;
	max-width: 96%;
  }
.wrap_movbns03 {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-top: 56.25%;
  }
/* .wrap_movtv:last-of-type {
	margin-bottom: 0;
 }*/

.movbns03 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.img_kaz {
	margin: 0 auto 1em;
	border: 3px solid #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
}

.int_kaz {
	display: block;
	margin: 0 auto 2em;
	text-align: center;
}

.viva h4 {
	margin: 0 auto;
    padding: 0.5em 0.75em 0.5em;
    width: 840px;
    max-width: 96%;
    border-radius: 4px;
	background: #f52900;
	color: #fff;
}

.img_bonus07 {
	margin: 0 auto 2em;
	border: 3px solid #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 40%);
}


 

/*
 *		価格について
 */	

.price p:nth-of-type(2) {
	padding-top: 0;	
}

.arw,.price01,.price02,.price03 {
	display: inline;
}

.bull_price {
	display: inline;
}

.img_price {
	float: right;
	margin-top: -5em;
	margin-right: -5em;
	max-width: 400px;
	border: 4px solid #fff;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
}

.img_price:nth-of-type(2){
	margin-top: -8em;
}

.img_price:nth-of-type(4){
	margin-top: 5em;
}
.img_present {
	float: right;
    margin-top: -22em;
    margin-right: -5em;
}

.img_bun {
	float: right;
	margin-right: -5em;
}

/*
 *		who,future
 */	

.who .container p,
.future .container p {
	margin-bottom: 2em;
	padding: 0;
	width: 1018px;
	max-width: 100%;
}


/*
 *		faq
 */	


.faq {
	position: relative;
}


.faq  h2 {
	position: relative;
	z-index: 9999;
}

.faq .container {
	position: relative;
	top: -4em;
	margin: 0 auto;
	padding: 1em 0 2em;
	width: 1100px;
	max-width: 100%;
	background: url(../images/bg_faq.jpg) center center repeat-y;

	background: linear-gradient(270deg, #7ae4f5, #59dcad, #198d77);
	background-size: 600% 600%;

	-webkit-animation: bg_faq_anime 18s ease infinite;
	-moz-animation: bg_faq_anime 18s ease infinite;
	animation: bg_faq_anime 18s ease infinite;	
}


@-webkit-keyframes bg_faq_anime {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@-moz-keyframes bg_faq_anime {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}
@keyframes bg_faq_anime {
	0%{background-position:0% 50%}
	50%{background-position:100% 50%}
	100%{background-position:0% 50%}
}




.con_faq {
	margin: 2em auto;
/*	padding: 2em;*/
	width: 940px;
	width: 1000px;
	max-width: 100%;
/*	box-shadow: 0 0 5px rgba(0,0,0,0.5), 0 0 50px rgba(0,0,0,0.1) inset;*/
}

.con_faq:last-of-type {
	margin-bottom: 0;
}

.con_faq h3 {
	margin-bottom: 1em;
	padding: 1em 1em 1em 4em;
	min-height: 1em;
	border-radius: 0.4em;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background: url("../images/q.png") 0.75em center no-repeat #fff;
	background-size: auto 2.5em;
}

.con_faq h3 + p {
	padding: 0.75em 1.25em 1.25em 4em;
	width: 100%;
	border-radius: 0.4em;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background: url("../images/a.png") 0.75em 1em no-repeat #fff;
	background-size: auto 2.5em;
}


.img_faq {
	margin-top:1em;
}

.img_faq_m {
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
}
.img_faq_m:hover {
	opacity: 0.8;
}

.faq .note {
	font-size: 75%;
}

.faq .wrap_btnf {
	margin-top: -1em;
}


/*
 *		profile
 */	

.con_profile {
	margin:0 auto;
	width: 940px;
	max-width: 100%;
	box-shadow: 0 0 10px rgba(4,97,239,0.5), 0 0 100px rgba(0, 0, 0, 0.05) inset;
	background: url("../images/bg_profile.jpg");
}

.profile .con_profile {
	padding-top: 3em;
}

 .profile h2 {
	margin: 0 auto; 
	padding-left: 2em;
	font-size: 1em;
	text-align: left;
 }
 .profile h2 img {
	 display: inline;
 }

 .pic_prof {
	 float: right;
	 margin-top: -12em;
 }

.profile h3 {
	padding-left: 50px;
}
.profile h3 img {
	display: inline;
}

.profile h3 + p  {
	padding-top: 1em;
}

.profile h3 + p img {
	display: inline;
	margin-right: 1em;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.profile h3 + p img:hover {
	opacity: 0.8;
}

.profile .nolg {
	font-size: 1em;
}

.delight {
	width: 200px;
	max-width: 100%;
}




/***	customers		***/


.media h3 {
	margin: 0 auto 0.5em;
	color: #0079d6;
	font-size: 1.8em;
	text-align: center;
}

.wrap_customers {
	display: flex;
	justify-content: center;
	margin: 0 auto 2.5em;
	width: 1000px;
	max-width: 96vw;
}


.wrap_customers ul  {
	padding: 1em;
	width: 50%;
	font-weight: bold;
	line-height: 1.4;
	list-style: none;
}

.wrap_customers ul li {
	margin-bottom: 1em;
	padding-left: 1.5em;
	background: url(../images/check.png) left 0.15em / auto 1em no-repeat;
}
	

/***	media		***/

.wrap_media {
	margin: 0 auto;
	width: 1000px;
	max-width: 96vw;
}

.wrap_picmedia {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin-bottom: 1.5em;
}

.wrap_picmedia .con_media {
	margin-bottom: 0;
	width: calc( 50% - 0.5em );
	background: #f5f5f5;
}

.media .wrap_picmedia .con_media p {
	padding: 1em;
}

.wrap_picmedia .con_media img {
	margin-bottom: 1em;
}

.con_media {
	margin-bottom: 1.5em;
}

.con_media h4 {
	padding: 0.5em 1em;
	background: #96cffa;
}

.media .con_media p {
	padding: 0.5em;
	width: auto;
}



/*
 *		規約条件
 */	

.conditions {
}

.conditions h2 {
	font-size: 1.25em;
	color:#e8284a;
}

.conditions table {
	margin: 1.5em auto;
	width: 940px;
	max-width: 100%;
	background: #999;
	border-collapse: separate;
	border-spacing: 0.11em;
}

.conditions table th {
	padding: 1em;
	width: 20%;
	background: #DDD;
	color:#222;
	font-weight: bold;
	text-align:center;
}

.conditions table td {
	padding: 1em;
	background: #f2f2f2;
}

.conditions .note {
	margin:0 auto;
	padding: 2em;
	background: #f2f2f2;
	font-size: 0.75em;
}


/*
 *		申し込み
 */	

.item {
	margin-top: 4em;
}
.send {
	margin: 0 auto;
	padding: 0.5em 1em;
	width: fit-content;
	max-width: 96vw;
	border: 1em solid #C00;
	color: #C00;
	font-weight: bold;
}
.btn {
	display: block;
	margin: 2em auto;
	width:1000px;
	max-width: 100%;
	height: 336px;
	background: url("../images/button.png") center top no-repeat;
	text-indent: -9999px;

	filter: drop-shadow(0 0 5px rgba(0,0,0,1));
}

.btn02 {
	background: url("../images/button02.png") center top no-repeat;
}

.btn03 {
	background: url("../images/button03.png") center top no-repeat;
}

.btn:hover {
	background-position: center bottom;
}


.wrap_btnf {
	margin: 0 auto;
	width: 1100px;
	max-width: 100%;
}
.btn_f {
	display: block;
	margin: 0 auto 4em;
	margin-right: 1em;
	width:480px;
	max-width: 100%;
	height: 158px;
	background: url("../images/button_f.png") center top no-repeat;
	text-indent: -9999px;
	filter: drop-shadow(0 0 3px rgba(0,0,0,1));


	animation-name:btn-animation-j;
   animation-iteration-count: infinite;
   animation-duration:1s;
   animation-timing-function: ease-in-out;
}

.btn_f:hover {
	animation-duration:0.6s;
}

@keyframes btn-animation-f {
    0% {
        transform: scale(1, 1)
    }
    20% {
        transform: scale(1.02, 1.02)
    }
    40% {
        transform: scale(1, 1)
    }
    60% {
        transform: scale(1.02, 1.02)
    }
    80% {
        transform: scale(1, 1)
    }
    85% {
        transform: skewX(10deg)
    }
    90% {
        transform: skewX(-10deg)
    }
    95% {
        transform: skewX(10deg)
    }
    100% {
        transform: skewX(-10deg)
    }
}

@keyframes btn-animation-j {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(0.5em)
    }
    100% {
        transform: translateY(0)
    }
}


.flbtn{opacity: 0;}

.flbtn {
	position: fixed;
	bottom: 1em;
	display: flex;
	justify-content: center;
	width: 100%;
	z-index: 9999;
}

.flbtn a {
	display: block;
	width:400px;
	max-width: 100%;
	height: 150px;
	background: url("../images/button_f.png") center top no-repeat;
	background-size: 100% auto;
	cursor: pointer;
	filter: drop-shadow(0 0 3px rgba(0,0,0,1));

	animation-name:btn-animation-j;
	animation-iteration-count: infinite;
	animation-duration:2s;
}

.flbtn a:hover {
	animation-duration:1.2s;
}	


.movtv {
	margin: 0 auto;
	width: 880px;
	max-width: 96%;
  }
.wrap_movtv {
	position: relative;
	margin: 0 auto;
	width: 100%;
	padding-top: 56.25%;
  }

.movtv iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

section p.qrnote {
	padding: 1em;
	font-size: 90%;
}

.con_bonus .wrap_movtv {
	margin-bottom: 0;
}



@media screen and (min-width: 966px) and (max-width: 1099px) {
	/* .wrap_timer {
		display: block;
	   position: absolute;
	   top:0;
	   right: 0;
	   width: 480px;
	   max-width: 100%;
	   height: 171px;
	   background: url("../images/bg_timer.png") left top no-repeat;
	   z-index: 99999;
   } */

}

@media screen and (min-width: 769px) and (max-width: 965px) {



	.wrap_timer {
		display: block;
	   position: absolute;
	   top:0;
	   left: 0;
	   width: 100vw;
	   max-width: 100%;
	   z-index: 99999;
   }
   
   .img_spprice {
	   display: block;
	   position: absolute;
	   top:0;
	   left: 0;
	   width: calc( 96vw - 480px );
	   max-width: 100%;
   }

	.con_timer {
		position: absolute;
		right: 0;
		width: 480px;
	}
}

@media screen and (min-width: 768px) and  (max-width: 1200px) {


	.wrap_header {
		position: static;
	}

}


@media screen and (max-width: 1023px) {
	
	header h1 {padding-top: 0;}

	.conditions table {
		width: 96%;
	}

	.conditions table th,
	.conditions table td{
		display: block;
		width: 100%;
	}

	.btn {
		margin-bottom: 1em;
		width: 96vw;
		height: auto;
		background-size: 100% auto;
		aspect-ratio: 1000 / 336;
	}

	img.stone {display: block;}
	.imgs,.imgs.img_bonus {margin-bottom: 1em; margin-right: 0;}


	span.dia .arw {
		display: block;
		margin: 1em auto;
		transform: none;
	}

	.con_bonus .ws h4 + p {
		text-align: center;
	}

	.con_bonus .ws h4 {
		margin: 0 auto;
	}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {

	.pic_right {
		float: none;
		margin:0 auto 1em;
	}

	.img_program,
	.box,
	.img_price,
	.img_present,
	.img_bun,
	.pic_prof{
		float: none;
		margin:0 auto;
		max-width: 100%;
	}


}

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

	/*** reset	***/

	header {padding-top: 70vw;}

	.xlarge,.xxlarge {font-size: 125%;}

	h2 {
		margin:1em auto;
	}

	.pic_right {
		float: none;
		margin:0 auto 1em;
	}

	.imgs,.imgs.img_bonus,
	.img_program,
	.box,
	.img_price,
	.img_present,
	.img_bun,
	.pic_prof{
		float: none;
		margin:0 auto;
		max-width: 100%;
	}

	



	/***	header		***/

	header {
		position: relative;
	}

	header h1 {
		margin-top: 2em;
	}

	.wrap_timer {
		position: absolute;
		left: 0;
		width: 100%;
		height: 59.19%;
		background: url(../images/bg_timer_sp01.png) center top no-repeat;
		background-size: 100% auto;
	}
	.wrap_timer::after {
		display: none;
	}

	.img_spprice {display: none;}
	.con_timer {
		width: 100%;
		background: none;
	}

	.countdown {
		position: absolute;
		top: 15vw;
		right: 14vw;
	}
	.countdown .days {
		position: relative;
		right: 36vw;
	}

	.countdown .hours {
		position: relative;
		right: 22vw;
	}

	.countdown .mins {
		position: relative;
		right: 8vw;
	}

	
	.countdown img {
		max-width: 5vw;
	}
	

	.wrap_movtv {
		margin-bottom: 1.25em;
	}


	section p {
		overflow: hidden;
	}

	.con_voice {
		max-width: 96%;
	}


	.img_bun {
		margin-top: -2em;
		margin-bottom: 2em;
	}

	/***	bonus		***/

	.con_bonus h3 {margin-bottom: 1em;}

	.con_bonus:first-of-type h3 {margin: 1em auto;}
	.con_bonus:first-of-type h3 img {
		position: static;
	}

	.con_bonus:first-of-type p:first-of-type {
		padding-top: 0;
	}


	
	/***	price	***/

	.img_price{margin-bottom: 1em;}
	.img_price:nth-of-type(2) {margin-top: 0;}
	.img_price:nth-of-type(4) {
		margin-top: 0em;
	}

	.who .container p, .future .container p {
		padding: 0 2vw;
	}
	.who .container p img, .future .conditions p img {
		margin: 0 auto;
	}

	.faq .container {
		padding-top: 3em;
		padding-bottom: 2vw;
	}

	.con_faq {
		margin: 2vw auto;
		padding: 0 2vw;
	}

	.con_faq h3 {
		margin-bottom: 2vw;
	}

	/*** profile ***/
	.profile h2 {padding-left: 0;}
	.profile h2 img {display: block;}
	.pic_prof {
		margin:1em auto;
	}

	.profile h3 {
		padding-left: 0;
	}

	.profile h3 img {display: block;}

	.profile h3 + p img {
		display: block;
		margin-right: auto;
		margin-bottom: 1em;
	}

	/***	apply	***/

	.conditions h2{font-size: 1.1em;}
	.item {
		margin-top: 1em;
	}


	.box_imgbonus + .wrap_btnf {
		margin-top: 2em;
	}




	footer {
		padding: 1em 0.5em 20em;
		font-size: 50%;
	}

	.wrap_header {
		position: static;
	}

	.img_bonushd {
		display: none;
	}

	.hd_title {
		max-width: 96vw;
	}

	.movtv .to_apply,
	.to_apply {
		position: static;
		margin:  1em auto;
		width: 96vw;
		height: 19.45vw;
		background-size: 100% auto;
	}

	.movtv .to_apply:hover,
.to_apply:hover {
	background-size: 100% auto;
}



	.wrap_thub {
		padding-top: 18.73125vw;
	}

	.con_bonus .wrap_movtv {
		margin-bottom: 1.25em;
	}

}

@media screen and (min-width: 768px) and (max-width: 768px) {
	.timer {
		top: 15vw;
	}

}


@media screen and (max-width: 420px) {
	.pconly{display: none;}
	.sponly{display: block;}

	header h1 {
		margin-top: 1em;
		padding-bottom: 1em;
	}

	footer {padding-bottom: 14em;}

	.check01.indent2 {
		background-position: 0 6%;
	}

	.txt_tojo01 {
		margin-top: 1.25em;
	}
	.txt_tojo02 {
		margin-top: 2em;
	}

	.cu_tojo {font-size: 75%;}
	

	.movtv h3 {
		font-size: 4vw;
	}

	.movtv .to_apply {
		position: static;
		margin: 1em auto;
	}
	

	section p {
		padding: 2vw;
	}

	section .spbonus p {
		padding-top: 1em;
	}

	.con_voice {
		border-radius: 0.5em;
	}

	.con_voice p {
		padding: 4%;
		width: 100%;
	}

	.img_convoice {
		margin: 1.5em auto 0;
	}

	.con_voice::after {
		right: calc( 48% - 0.5em );
	}

	.wrap_sconshosai {
		flex-direction: column;
	}
	.wrap_sconshosai .scon_shosai {
		width: 96%;
	}

	.wrap_sconshosai .scon_shosai:nth-of-type(odd),
	.wrap_sconshosai .scon_shosai:nth-of-type(even) {
		margin: 6% auto 0;
	}

	.con_shosai.secret {
		margin-top: 6%;
	}

	.con_shosai.secret p {
		padding: 2% 0;
	}
	.con_shosai .movtv {margin-bottom: 1em;}
	.con_shosai .movtv:last-of-type .wrap_movtv {margin-bottom: 0;}
	.con_shosai.impro {padding-bottom: 1em;}

	.con_bonus.effact h4 + p {
		padding:  2vw 2vw 4vw;
	}

	.faq .wrap_btnf {
		margin-top: -4em;
	}

	.item {margin-bottom: 1em;}
	.send { font-size: 75%;}

	.btn_f {
		margin:  2em auto;
		width: 96vw;
		height: 36vw;
		width: 80vw;
		height: 30vw;
		background-size: 100% auto;
	}

	.flbtn a {
		margin:  0 auto;
		width: 96vw;
		height: 36vw;
		width: 80vw;
		height: 30vw;
		background-size: 100% auto;
	}

	section:nth-of-type(2) {
		margin-top: 0;
	}

	.slick-dots li {margin: 0;}

	.int_kaz {
		font-size: 3.8vw;
	}
	
	.con_shosai .img_meta {
		flex-direction: column;
		margin-bottom: 0;
	}

	.con_shosai .img_meta img {
		margin: 0 auto 1.5em;
		width: 66%;
	}

	.countdown {
		position: absolute;
		top: 13.5vw;
		right: 13vw;
	}

	.countdown img {
		max-width: 6vw;
	}

	.countdown .days {
		position: relative;
		right: 30vw;
	}

	.countdown .hours {
		position: relative;
		right: 18vw;
	}

	.countdown .mins {
		position: relative;
		right: 6.5vw;
	}

	
	/***	customers		***/

	.wrap_customers {
		flex-direction: column;
		margin: 0 auto 2.5em;
	}


	.wrap_customers ul  {
		margin: 0 auto;
		padding: 0;
		width: 96vw;
	}

	.wrap_customers ul li {
		margin-bottom: 1em;
		padding-left: 1.5em;
		background: url(../images/check.png) left 0.15em / auto 1em no-repeat;
	}
	

	/***	media		***/

	.wrap_picmedia {
		display: flex;
		flex-wrap: wrap;
		gap: 1em;
		margin-bottom: 1.5em;
	}

	.wrap_picmedia .con_media {
		margin: 0 auto;
		width: 96vw;
	}

	.con_bonus.effact h4 {
		margin-top: 0.75em;
	}


}