@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:125%;/* 18px */
	line-height:1.7;
	background:url("../images/bg_collabo.png") fixed #f2f2f2;
	color: #222;
  font-feature-settings: "palt";
  overflow: hidden;
}

h2 {
	margin:50px auto 50px;
	margin: 0 auto;
  padding: 0;
  color: #222;
	font-size: 2em;
	line-height: 1.5;
  text-align: center;
	}
img {
	display:block;
	margin:0 auto;
	max-width: 100%;
}

.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;
}
.purple {
	color:#a877ea;
	color:#7a29cc;
}


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

strong {
	font-weight: bold;
}
.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;
	padding-left: 1em;
	text-indent: -1em;
}
.check01 {
	padding-left: 1.5em;
	background: url("../images/check01.png") left top no-repeat;
	background-size: auto 1em;
}
.check01.indent2 {
	padding-left: 1.5em;
	text-indent: 0;
	background-position:0 0.3em;
}
.pic_right{
	float: right;
	margin: 0;
}

.pic_left{
	float: left;
	margin: 0;
}

/*.mt30 {margin-top: .75em;}
.mb30 {margin-bottom: .75em;}
*/

.imgs {
	float: right;
	margin: 0 -6em 1em 1em;
}

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

.min { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.txtright {text-align: right;}
.txtcenter {text-align: center;}

.pconly{display: block;}
.sponly{display: none;}


.question {
	display: inline-block;
	padding: 1.5em;
	background: #f5f5f5;
}

#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: 960px;
	max-width: 100%;
}

/*section p:first-of-type {
	padding-top: 0;
}

section p:last-of-type {
	padding-bottom: 0;
}*/


/*
 *		header
 */

 .kettei {
	position: relative;
	margin: 0 auto;
	height: 120px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	background: url(../images/kettei.jpg) center center no-repeat;
	z-index: 100;
}

.wrap_header {
	position: relative;
	background: url(../images/bg_header.jpg) center top no-repeat;
	background-size:  cover;
	text-indent: -99999px;
}

header h1 {
	padding: 50px 0 50px;
/*	background: url(../images/bg_header.jpg) center top no-repeat;
	background-size:  cover;
	text-indent: -99999px;*/
}

.collabo {
	position: relative;
	padding: 1.5em 0 2.5em;
	background: url(../images/bg_collabo.png) fixed;
}

.collabo img {
	position: relative;
	z-index: 999;
}

.collabo::before {
	position: absolute;
	top:0;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/lt_bgcollabo.jpg) center top no-repeat;
	background-size: 100% auto;
	mix-blend-mode: screen;
}


/*
 *	countdown timer
 */

.timerand {
	display: flex;
	justify-content: space-between;
	box-sizing: content-box;
	margin: 0 auto;
	padding-left: calc( 50% - 500px ) ;
	padding-right: calc( 50% - 500px ) ;
	width: 1000px;
	max-width: 100%;
	height: 120px;
}

 .wrap_timer {
	position: relative;
	width: 434px;
	height: 139px;
	background: url("../images/bg_timer.png") left center no-repeat;
}


.timer {
	position: relative;
	display: flex;
	flex-direction: row;
	top:70px;
	left:28px;
}

.timer div {
	display: flex;
}

.timer div div {
	display: flex;
	justify-content: flex-end;
}


.timer .days {
	position: relative;
}

.timer .hours {
	position: relative;
	left:60px;
}

.timer .mins {
	position: relative;
	left:122px;
}

.timer .seconds {
	position: relative;
	left: 157px;
}





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


/*
 *		vidintro
 */	

.vidintro {
	padding: 4em 0;
	background: url(../images/bg_vidintro.jpg) center center no-repeat fixed;
	background-size: 100% auto;
}

.vidintro .wrap_video {
	margin-top: 0;
}

.vidintro .wrap_video:last-of-type .con_video {
	margin-bottom: 0;
}


/*.vidintro h2 {
	margin: 2.5em auto;
	font-size: 1em;
}

.vidintro .wrap_video:first-of-type {
	margin-bottom:5em;
}*/



/*
 *		seminar
 */	

 .banner {
	 padding: 2.5em 0;
}

.seminar {
	padding-bottom: 2.5em;
	background: url(../images/bg_conbonus.jpg);
}

.seminar h2 {
	background: url(../images/bg_hd_seminar.png) center top no-repeat;
	font-size: 1em;
}

.seminar h3 {
	margin:2em auto 1em;
	width: 840px;
	max-width: 100%;
}

.seminar h3 img {
	display: inline;
	height: 36px;
}

.schedule table {
	margin:0 auto 2.5em;
	width: 960px;
	max-width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	background: #d1e3ff;
	font-size: 1em;
	text-align: center;
}

.schedule th {
	padding: 1em 0;
	background: #332600;
	color: #fff;
}

.schedule td {
	padding: 1em 0;
	background: #fff;
	color: #333;
}

.toss {
	display: block;
	margin: 2.5em auto;
	width:764px;
	max-width: 100%;
	height: 138px;
	background: url("../images/button_toSS.png") center top no-repeat;
	text-indent: -9999px;
}

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

.price_sem {
	margin:0 auto 2em;
	padding: 0;
	width: 980px;
	max-width: 100%;
}
/*
.price03 img {
	display: inline;
}*/


.about {
	margin:  0 auto;
	padding: 2em;
	width: 960px;
	max-width: 92vw;
	background: #fff;
}

.about p {
	padding: 1em;
	width: 100%;
}

.about h3 {
	margin: 1.5em auto 0.5em;
	padding-left: 0.5em;
	border-left: 4px solid #998b62;
	line-height: 1.2;
	font-size: 1.2em;
}

.sembtn01 {
	display: inline-block;
	width: 180px;
	height: 66px;
	background: url("../images/btn_semi01.png") center top no-repeat;
	background-size: cover;
	text-indent: -9999px;
}

.sembtn02 {
	display: inline-block;
	width: 180px;
	height: 66px;
	background: url("../images/btn_semi02.png") center top no-repeat;
	background-size: cover;
	text-indent: -9999px;
}

.sembtn01:hover,.sembtn02:hover{
	opacity: 0.7;
}

.sembtn03 {
	display: inline-block;
	width: 180px;
	height: 66px;
	background: url("../images/btn_semi03.png") center top no-repeat;
	background-size: cover;
	text-indent: -9999px;
}

.sembtn04 {
	display: inline-block;
	width: 180px;
	height: 66px;
	background: url("../images/btn_semi04.png") center top no-repeat;
	background-size: cover;
	text-indent: -9999px;
}


.sakini {
	display: block;
	margin:1em auto 3em;
	margin-left: 0;
	width:359px;
	max-width: 100%;
	height:69px;
	background: url("../images/button_toS2.png") center top no-repeat;
	background-size: cover;
	text-indent: -9999px;
}

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

.semdead {
	display: block;
	padding: 0.5em 0;
	background: #D00;
	color: #fff;
	text-align: center;
	font-size: 1.25em;
}


/*
 *		release
 */	

.release {
	padding: 2.5em 0;
	background: url(../images/bg_release.png);
}

.release h2 {
	margin-top: 0;
}

.release p {
	margin: 2.5em auto;
	padding: 0;
}

.release p:last-of-type {
	margin: 2.5em auto 0;
}

.release p:first-of-type img {display: inline;}

.awesome {
	text-align: right;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.33em;
	font-weight: bold;
}



/*
 *		imgs
 */	

.img_miracle {
	margin: 2.5em auto 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.img_benefit {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.congrats {
	padding-top: 0;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
}

.eva {
	padding-bottom: 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
}

.deadline {
	padding-top:0;
	padding-bottom: 0;
	text-align: right;
	font-weight: bold;
	font-size: 1.5em;
}

.changes {
	padding-bottom: 0;
	text-align: center;
	font-weight: bold;
}


/*
 *		shelly
 */	

.wrap_shelly {
	position: relative;
	margin: 0 auto;
	width: 860px;
	max-width: 100%;
	box-shadow: 0 0 5px #917950 inset;
	background: url(../images/bg_shelly.jpg) center center no-repeat;
}

.wrap_shelly h3 {
	position: relative;
	padding-top:1em;
	z-index: 999;
}

.wrap_shelly h3 img {
	margin: 0;
}

section .wrap_shelly p {
	padding: 1em 2em;
}

.con_shelly {
	display: flex;
	margin-top: 1em;
    padding-left: 2.5em;
}

.wrap_shelly::before {
	position: absolute;
	content: '';
	margin: 0.3em;
	width: calc( 100% - 0.6em);
	height: calc( 100% - 0.6em);
	border: 1px solid #917950;
}
.wrap_shelly::after {
	position: absolute;
	top:2.5em;
	right: 2.5em;
	content: url(../images/bg_wrapshelly.png);
}


.img_now {margin-top: 2.5em;}


/*
 *		program
 */	

.program {
	margin: 0 auto;
	padding-bottom: 2.5em;
	box-shadow: 0 0 20px 10px #dfbb7b inset;
	width: 1000px;
	max-width: 100%;
    background: #fffaf2;
}

.program h2 {
	margin: 0 -9px 50px;
}

.wrap_program {
	margin: 2em auto 0;
	width: 920px;
	max-width: 100%;
	box-shadow: 0 0 10px #dfbb7b;
}

.wrap_program:last-of-type {
	padding-bottom: 2em;
}

.wrap_program .img_miracle {
	box-shadow: none;
	width: 100%;
}

.program .wrap_program p {
	padding: 1em 2em 2em!important;
}

.con_program {
	margin: 1.5em auto;
	width: 94%;
	background: #f5f5ff;
}

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

.con_program.coming p {
	padding: 1em 2em!important;
}

.con_program h4 {
	position: relative;
	padding: 1em;
	background: rgb(10,10,51);
	background: linear-gradient(0deg, rgba(10,10,51,1) 0%, rgba(26,26,128,1) 100%);
	color: #fff;
	padding-left: 2.5em;
	text-indent: -1.5em;
}

.con_program h4::before {
	display: inline-block;
	content: '';
	margin-right: 0.66em;
	width: 1em;
	height: 1em;
	background: url(../images/chekc02.png) center center no-repeat;
	background-size: auto 0.875em;
}

.con_program h4::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	margin: 0.15em;
	width: calc( 100% - 0.3em);
	height: calc( 100% - 0.3em);
	border: 1px solid #917950;
}


.con_program h5 {
	margin-left: 2em;
	padding: 0.5em 1em;
	width: calc( 100% - 4em );
	border-radius: 0.2em;
	background: #000;
	background: linear-gradient(0deg, #000 0%, #333 100%);
	color: #fff;
	padding-left: 3em;
	text-indent: -2em;
}

.con_program h5::before {
	display: inline-block;
	content: '';
	margin-right: 0.66em;
	width: 1em;
	height: 1em;
	background: url(../images/chekc02.png) center 0.3em no-repeat;
	background-size: auto 0.75em;
}

.con_program h5.merit {
	background: rgb(204,0,17);
	background: linear-gradient(0deg, rgba(204,0,17,1) 0%, rgba(229,0,19,1) 100%);
}

.con_program h5 .blue {
	color: #ffe566;
}


.con_program h6 {
	margin-left: 2em;
	width: calc( 100% - 4em );
}

.con_program h4 + h5 {
	margin-top: 2em;
}

/*.con_program h5 + p {
	padding-top: 1em!important;
}

.con_program h5:nth-child(2) {
	margin-top: 1em;
}*/

.wrap_program p.movk  {
	padding: 1em!important;
	font-size: 75%;
	text-align: right;
}


/*
 *		voice
 */	

 .wrap_video {
	position: relative;
	margin: 2.5em auto 0;
	width: 880px;
	max-width: 100%;
	z-index: 9999;
}

 .con_video {
	position: relative;
	margin: 2em auto 4em;
	width: 100%;
	padding-top: 56.25%;
  }
.voice .con_video:last-of-type {
	margin-bottom: 1.5em;
}
  .wrap_video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
  }


.con_voice p {
	margin-bottom: 1.5em;
	padding: 2em;
	width: 900px;
	max-width: 100%;
	box-shadow: 0 0 20px #dfbb7b inset;
	background: #fffaf2;
	background: #fff;
	font-size: 0.9em;
}

/*.con_voice p:first-of-type,
.con_voice p:last-of-type {
	padding: 2em;
}*/

.con_voice p strong:first-of-type {
	display: block;
	margin-bottom: 0.75em;
	font-size: 1.25em;

	padding-left: 1.2em;
	background: url("../images/check01.png") left center no-repeat;
	background-size: auto 0.75em;
}


.con_voice p:nth-of-type(odd) strong:first-of-type {
	color: #19b3fa;
}

.con_voice p:nth-of-type(even) strong:first-of-type {
	color: #e50013;
}



/*
 *		bonus
 */	

.bonus {
	margin: 0 auto;
	width: 1000px;
	max-width: 100%;
}

.bonus h2 {
	margin: 50px -9px 0;
}

.wrap_bonus {
	margin: 0 auto 2.5em;
	width: 1000px;
	max-width: 100%;
}

.con_bonus {
	margin: 0 auto 1.5em;
	width: 920px;
	max-width: 100%;
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
/*	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0,0,0,0.1) inset;*/
}

.con_bonus p {
	padding: 2em;
	background: url("../images/bg_conbonus.jpg");
}
.scon_bonus {
	background: url("../images/bg_conbonus.jpg");
}
.scon_bonus:first-of-type {
	position: relative;
}
.scon_bonus:first-of-type::before {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	left: 0;
	content: '終了いたしました';
	padding-top: 2em;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 4em;
	font-weight: bold;
}

.scon_bonus:nth-of-type(2) {
	padding-top: 2em;
}

.pic_bonus01 {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.bonus h4  {
	padding: 2em 2em 0;
}

.bonus h4 img {
	display: inline;
	margin: 0;
}

.bonus P + P {
	padding-top: 0;
	padding-bottom: 1.5em;
}

.img_taikan {
	padding: 0;
}

.notice01 {
	font-weight: bold;
	font-size: 87.5%;
	text-decoration: underline;	
}

.notice02 {
	font-size: 75%;
}

.einsaid {
	display: inline-block;
	margin: 1em auto;
	text-align: center;
}



.box {
	float:right;
	margin-top: -15em;
	margin-right: -3em;
}


/*
 *		価格について
 */	


 .price h2 {
	margin: 50px auto;
}

.price p {
	padding:  0 50px;
}


.price h2:nth-of-type(2) + p {
	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;
}

.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: -2em;
}

/*
 *		faq
 */	

.faq h2 {
	margin-top: 50px;
}

.faq .container {
}

.con_faq {
	margin: 2em auto;
	width: 940px;
	max-width: 100%;
	background: #ffe5b2;
}

.con_faq h3 {
	padding: 0.75em 1em 0.75em 2.75em;
	min-height: 1em;
	border-radius: 0.2em;
	background: url("../images/q.png") 0.75em 0.75em no-repeat #023875;
	background-size: auto 1.5em;
	color: #fff;
	line-height: 1.5;
}

.con_faq h3 + p {
	padding: 0.75em 1.25em 1.25em 2.75em;
	background: url("../images/a.png") 0.75em 1em no-repeat #fff;
	background-size: auto 1.5em;
}


.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%;
}


/*
 *		profile
 */	

.con_profile {
	margin:0 auto;
	width: 940px;
	max-width: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,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 2em; 
	padding-left: 2em;
	font-size: 1em;
	text-align: left;
 }
 .profile h2 img {
	 display: inline;
 }

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

.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);
}

.con_profile p {
	padding: 0 50px;
}

.books {
	margin: 2.5em auto;
	padding-bottom: 2.5em;
	width: 780px;
	max-width: 100%;
}

.books h3 {
	margin-bottom: 1.5em;
	padding-left: 0;
}

.books h3 img {display: block;}

.con_books {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5em;
	justify-content: space-between;
	margin:  0 auto;
}

.con_books img {
	margin: 0;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}


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




/*
 *		規約条件
 */	

.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;
	background: #DDD;
	color:#222;
	font-weight: bold;
	text-align:center;
}

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

.conditions .note {
	margin:0 auto;
	padding: 2em;
	width: 940px;
	max-width: 100%;
	background: #f2f2f2;
	font-size: 0.75em;
}


/*
 *		申し込み
 */	

.item {
	margin-top: 4em;
}

.btn {
	display: block;
	margin: 2em auto;
	width:900px;
	max-width: 100%;
	height: 320px;
	background: url("../images/button.png") center top no-repeat;
	text-indent: -9999px;

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

.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:400px;
	max-width: 100%;
	height: 160px;
	background: url("../images/button_f.png") center top no-repeat;
	text-indent: -9999px;
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));


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

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

@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% {
    }
    92% {
        transform: translateY(0)
	}
    94% {
        transform: translateY(0.5em)
    }
    96% {
        transform: translateY(0)
	}
    98% {
        transform: translateY(0.5em)
    }
    100% {
        transform: translateY(0)
    }
}


.flbtn{opacity: 0;}

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

.flbtn a {
	display: block;
	width:400px;
	max-width: 100%;
	height: 160px;
	background: url("../images/button_f.png") center top no-repeat;
	background-size: 100% auto;
	cursor: pointer;

	animation-name:flbtn-animation-f;
	animation-iteration-count: infinite;
	animation-duration:2s;
}

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

@keyframes flbtn-animation-f {
    0% {
        transform: translateY(10px)
    }
    5% {
        transform: translateY(-10px)
    }
    10% {
        transform: translateY(10px)
    }
    15% {
        transform: translateY(-10px)
    }
    22% {
        transform: translateY(10px)
    }
	
	
	
    100% {
        transform: translateY(10px)
    }
}


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


	.conditions table {
		margin-top: 4vw;
		width: 96%;
	}

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

	.btn {
		margin-bottom: 2em;
		width: 96vw;
		height: 34.133vw;
		background-size: 100% auto;
	}

	img.stone {display: block;}


	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;
	}

	.seminar {
		padding: 4vw;
	}

	.seminar h2 {
		margin-top: 0;
		background: none;
	}

	.schedule table {
		margin-bottom: 1em;
		border-spacing:1vw;
		width: 100%;
	}

	.schedule tr:first-of-type {display: none;}

	.schedule th,
	.schedule td {
		display: block;
		margin-bottom: 1vw;
		padding: 0.5em;
		width: 100%;
	}

	.schedule tr td:first-of-type {
		background: #998b62;
		color: #fff;
	}

	.vidintro {
		padding: 1em 4vw;
		background: url(../images/bg_vidintro.jpg);
		background-size: auto 100%;
	}

	.vidintro .con_video {
		margin: 0 auto;	
	}
	
	.vidintro .wrap_video {
		margin-top: 0;
	}
	.vidintro .wrap_video:first-of-type {
		margin-bottom:8vw;
	}
	.vidintro .wrap_video:last-of-type {
		margin-bottom:4vw;
	}

	.voice .container {
		margin: 0 auto;
		max-width: 92vw;
	}

	.voice .wrap_video {
		margin: 4vw auto;
	}
	
	.voice .con_video {
		margin: 4vw auto 8vw;
	}
	

	.banner {padding: 6vw 0;}

	.sembtn01,
	.sembtn02,
	.sembtn03,
	.sembtn04 {
		width: 180px;
		height: 66px;
	}
	.about {
		padding: 4vw;
	}

	.about p {padding: 0;}

	.semdead {font-size: 1em;}

	
}

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

	.pic_right,
	.pic_left {
		float: none;
		margin:0 auto 1em;
		width: 20%;
	}

	.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) {


	.pconly{display: none;}
	.sponly{display: inline-block;}

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

	h2 {
		margin: 4vw auto;
	}

	.pic_right,
	.pic_left {
		float: none;
		margin:0 auto 1em;
		width: 50%;
	}


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

	.imgs {margin-bottom: 1em;}



	/***	header		***/

	header {
		position: relative;
	}

	.kettei {
		height: 12vw;
		background: url(../images/kettei.jpg) center center no-repeat;
		background-size: auto 100%;
	}



	header h1 {
		padding-top: 35vw;
		padding-bottom: 4vw;
	}

	.wrap_header {
		background: url(../images/bg_header.jpg) center top no-repeat;
		background-size: auto 100%;
	}
	
	

	.news {display: none;}

	.wrap_timer {
		position: relative;
		width: 100vw;
		height: 58.854vw;
		background: url("../images/bg_timer_sp.png") center top no-repeat;
		background-size: 100% auto;
	}

	section p {
		padding: 4vw;
	}

	.collabo {
		padding: 4vw 0;
	}

	.release {
		padding: 6vw 4vw;
	}


	.con_shelly {
		flex-direction: column;
		padding-left: 0;
	}

	section .wrap_shelly p {
		padding: 4vw 6vw;
	}


	.deadline {font-size: 1.3em;}


	/***	program		***/

	.con_program {margin: 0 auto;}

	.con_program h5 {
		margin: 0 auto;
		width: 96%;
	}

	.con_program h4 + h5 {
		margin-top: 4vw;
	}

	.program .wrap_program p {
		padding: 1em 4% 2em!important;
	}

	.con_program h6 {
		margin-left: 4vw;
		width: calc( 100% - 8vw );
	}



	/***	bonus		***/

	.bonus h2 {margin: 4vw auto 0;}

	.bonus h4,
	.con_bonus p {
		padding: 4vw;
	}

	.scon_bonus:first-of-type {
		padding-top: 4vw;
	}

	.pic_bonus01 {
		width: 92%;
	}
 

	.con_bonus p.notice02 { padding-top: 0;}

	.einsaid {
		display: inline-block;
		margin: 0 auto;
		text-align: left;
	}

	
	/***	price	***/

	.price h2 {margin: 4vw auto;}
	.price p {padding: 0 4vw;}

	.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 img, .future .conditions p img {
		margin: 0 auto;
	}

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

	/*** profile ***/

	.profile .con_profile {
		padding-top: 4vw;
	}

	.profile h2 {
		margin-bottom: 4vw;
		padding-left: 4vw;}
	.profile h2 img {width: 75%;}
	
	.con_profile p {padding: 0 4vw;}

	.con_books {
		justify-content: space-around;
		gap: 2vw;
		padding: 4vw;
	}

	.con_books img {
		width: 44vw;
	}

	.books {margin-bottom: 0;}

	.pic_prof {
		margin:1em auto;
	}

	.profile h3 {
		margin-bottom: 0;
		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;
	}



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

	footer {
		padding-bottom: 16em;
		font-size: 50%;
	}

	.wrap_header {
		position: static;
	}

	.wrap_header .to_apply {
		position: absolute;
		top:initial;
		left:2vw;
		bottom: 1.2em;
		width: 96vw;
		height: 19.45vw;
		background-size: 100% auto;
	}

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

	.timer {
		top: 17.5vw;
		left: 8vw;
	}
	.timer img {
		width: 5vw;
	}
	.timer .days {left: 0;}
	.timer .hours {left:15vw;}
	.timer .mins {left: 30vw;}
	.timer .seconds {left:41vw;}

	.scon_bonus:first-of-type::before {
		font-size: 10vw;
	}

}


@media screen and (min-width: 768px) and (max-width: 768px) {
	header h1 {
		padding-top: 46vw;
	}

	.flbtn a {
		margin:  0 auto;
		width: 40vw;
		height: 16vw;
		background-size: 100% auto;
	}


	

}