@charset "utf-8";


body {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:125%;/* 20px */
	line-height:1.7;
	background:#fff;
	color: #333;
  font-feature-settings: "palt";
  text-align: justify;
}
header {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #fff;
}
h1 {
	margin: 0 auto;
  height: 863px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
  background: url(../images/header.png) center center / auto 100% no-repeat;
   text-indent: -9999px;
	}
h2 {
	margin: 0 auto 1.5em;
	}
img {
	display:block;
	margin:0 auto;
	max-width: 100%;
}

.large {
	font-size:120%;
	}

.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:red;
	color: #ff0f4b;
}
.highlight {
	background-color:#fff266;
	background-color:#fff699;
}
.redhigh {
	color:red;
	color: #ff0f4b;
	background-color:#fff266;
	background-color:#fff699;
	}
.pic_right{
	float: right;
	margin: 10px -15px 10px 10px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.tbonly,.sponly{display: none;}
.pconly{display: block;}
.gv{vertical-align: super;}
strong {
	font-weight:bold;
	}
#wrapper {
	margin:0 auto;
/*	background: url("../images/bg_wrapper.png") center center repeat-y;*/
}
main {
}
.container{
}
footer {
	margin:0 auto;
	padding:20px 0;
	background: #6c6955;
	color: #fff;
	text-align:center;
	font-size: smaller;
}
footer a {
	color:#fff;
	text-decoration:underline;
}

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

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


/*
 *		form
 */

.form {
	margin: 0 auto;
	padding: 5em 0 2.5em;
	background: url(../images/bg_form.jpg) center center no-repeat fixed;
	background-size: cover;
}

.form h2 {
	position: relative;
	top:-50px;
	margin: 0 auto;
}

.submit {
	position: relative;
	margin: 0 auto;
	padding:20px 0 40px;
	width:900px;
	max-width: 96vw;
	box-shadow: 0 0 5px rgba(0,0,0,1);
	background: rgba(255,255,255,0.6);
	}
.submit .btn {
	display:block;
	margin:25px auto 0;
	max-width: 100%;
}
.deco {/* フォームの入力欄装飾用 */
	display:block;
	margin: 25px auto 0;
	margin-bottom: 20px;
	padding:10px 6px 4px;
	width: 800px;
	max-width: 100%;
	height:96px;
	border: 4px solid #ff0f4b;
	background:#fff;
	color:#1698c7;
	font-size: 1.5em;
	font-weight: bold;
	text-align:center;
}

.deco::placeholder {
	color: #AAA;
}

.btn {

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

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

.btn:hover {
	animation-duration:0.8s;	
}

@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)}
}




/*
 *		nayami
 */	

.nayami {
	padding: 2.5em 0;
	background: #DDD;
}

 .wrap_nayami {
	margin: 0 auto;
	width:820px;
	max-width: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	background: #f5f5f5;
}


.wrap_nayami ul {
	position: relative;
	margin: 0 auto;
	padding: 50px;
	max-width: 100%;
	background: #fff;
	list-style: none;
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 1.2em;
	font-weight: bold;
	z-index: 9999;
}


.wrap_nayami ul li {
	margin-top: 0.85em;
	padding-bottom: 0.5em;
	padding-left: 1.6em;
	background: url("../images/check01.png") left 0.25em no-repeat;
	background-size: 1em 1em;
	line-height: 1.4;
}


.wrap_nayami ul li:first-of-type {
	margin-top: 0;
}
	
.wrap_nayami ul li:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}


/*
 *		メリット
 */	

 .merit {
	padding: 2.5em 0;
}

.merit h2:first-of-type {
	margin-top: 0;
}

.merit.merit_st h2:first-of-type {
	margin-top: 2.5em;
}

.wrap_merit {
	margin: 0 auto;
	padding:30px 0 30px;
	width:820px;
	max-width: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	background: rgb(255,234,191);
	background: linear-gradient(90deg, rgba(255,234,191,1) 0%, rgba(255,255,255,1) 70%, rgba(255,234,191,1) 100%);
	background: #f5f5f5;
}


.con_merit {
	margin: 0 auto 30px;
	padding-top: 1em;
	width: 760px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background: #fff;
}

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

.con_merit h3 {
}

.con_merit p {
	padding: 30px;
}

.merit > p {
	margin: 2.5em auto 0;
	width: 760px;
	max-width: 100%;
}


/*
 *		video
 */	

.video {
	padding: 2.5em 0;
	background: #fff;
}


 .wrap_video {
	margin: 0 auto;
	width:800px;
	max-width: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	background: #f2f2f2;
	background: #fff;
}


.con_video {
	position: relative;
	margin: 0 auto;
	width: 760px;
	max-width: 100%;
	background: url("../images/bg_convideo_center.png") center center repeat-y #fff;
}

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

.con_video h3 {
	position: relative;
    padding-top: 1em;
    z-index: 9999;
}

.video ul {
	position: relative;
	margin: 30px auto 0;
	padding-bottom: 1em;
	width: 690px;
	max-width: 100%;
	list-style: none;
	/* font-family: 'Noto Serif JP', serif; */
	font-size: 1.3em;
	font-weight: bold;
	z-index: 9999;
}


.video ul li {
	margin-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.6em;
	border-bottom: 1px solid #CCC;
	background: url("../images/check01.png") left top no-repeat;
	background-size: 1em 1em;
	line-height: 1.4;
}
	
.video .con_video:last-of-type ul li:last-of-type {
	border: none;
}



/*
 *		profile
 */	

.profile {
	padding: 50px 0;
	background: url(../images/bg_profile.jpg) center top no-repeat fixed;
	background-size: cover;
}

.profile h2 {
	margin-top: 0;
}

.con_profile {
	margin: 0 auto;
/*	padding: 30px;*/
	padding: 50px;
	width: 820px;
	max-width: 100%;
/*	border: 20px solid #f5f5f5;*/
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background: #fff;
	background: rgba(255,255,255,0.9);
}



.shd_profile {
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}

.shd_profile img {
	margin: 0;
}

.pic_profile {
	width: 220px;
}


.con_profile p {
	margin-top:1.5em;
	padding-top: 1em;
	border-top: 1px solid #DDD;
}

.recommend .book {
	display: inline-block;
	margin-top: 1em;
}


.flbtn {display: none;}

.optin {
	margin: 3em auto 0;
	padding: 1em;
	width: 800px;
	max-width: 100%;
	height: 8em;
	background: #f5f5f5;
	color: #333;
	font-size: 75%;
	overflow: scroll;
}




.timer{
	margin:1.5em auto 0;
	color:#3d3d3d;
	font-size:2.1em;
	font-weight:bold;
	text-align:center;
	line-height: 1;
}



/*
 *		特商法
 */	

/* Tokutei Table
------------------------------------------------------*/
.tb01{
	width:720px;
	margin:30px auto 30px;
	background:#ccc;
}
.tb01 .title{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color:#EBEBEB;
	padding:6px;
	width:25%;
}
.tb01 td{
	font-size: 12px;
	vertical-align: top;
	background-color:#FFFFFF;
	padding:6px;
}

.law #wrapper {
	margin: 0 auto 2em;
	padding: 3em;
	width: 800px;
	background: #fff;
	max-width: 100%;
	font-size: 75%;
}

.law #wrapper h2 {
	font-size: 2em;
}

.law #wrapper h3 {
	margin-top: 2em;
	font-size: 1.25em;
}

.law #wrapper h4 {
	margin-top: 2em;
}


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

	.pconly{display: none;}
	.sponly{display: none;}
	.tbonly{display: block;}
	.xlarge {font-size: 125%;}
	.xxlarge{font-size: 150%;}

	h1 {
		height:calc( 863 / 1000 * 100vw );
	}

	h2 img {
		max-width: 92vw;
	}

	.form {
		padding: 2em 0;
	}

	.form:first-of-type {
		padding-top: 8vw;
	}

	.form h2 {
		top: calc( 50 / 1000 * 100vw * 1.5 * -1  )
	}

	.form h2 img {
		width: calc( 560 / 1000 * 100vw * 1.5 );
	}

	.img_bonus { width: 96%; }

	.deco {
		width: 96%;
		font-size: 1em;
	}

	.submit .btn {
		width: 96%;
	}

	
	#wrapper {background: #fff;}

	.wrap_nayami,.wrap_merit,.wrap_bonus,.wrap_voice,.wrap_video,.con_profile {
		padding: 30px;
		width: 96vw;
	}

	.con_merit h3 img {
		width: 100%;
	}

	.merit > p {
		width: 90%;
	}

	.con_bonus,.con_voice,.con_video,.con_merit {
		width: 100%;
	}
	.con_bonus h3 img {width: 100%;}
	.con_voice h3 img {width: 100%;}
	
	.con_voice h3 {
		width: 90%;
	}

	.txtvoice {
		padding: 0.5em 1em;
	}


	.con_video,
	.con_video::before,
	.con_video::after {
		background-size: 96% auto;
	}

	.con_video h3 img {
		width: 100%;
	}
	
	.video ul {
		width: 100%;
		font-size: 1em;
	}


	.tt_profile {width: 64%;}
	.pic_profile {width: 30%;}

	.con_profile p {margin-top: 1em;}

	.optin {margin-top: 1.5em;}

  
}

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

	body { font-size: 4vw; }

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

	h2 {margin: 0 auto 6vw;}

	.form {padding-top: 2.4em;}
	.submit { padding: 4vw 0;}

	.timer {font-size: 4.5vw;}

	.deco {
		margin-top: calc( 25 / 1000 * 100vw );
		padding: calc( 10 / 1000 * 100vw ) calc( 6 / 1000 * 100vw ) calc( 4 / 1000 * 100vw );
		max-width: 92vw;
		height: calc( 96 / 1000 * 100vw * 1.5 );
	}

	.wrap_nayami,.wrap_merit,.wrap_bonus,.wrap_voice,.wrap_video,.con_profile {
		padding: 4vw;
	}

	.nayami { padding: 6vw 0;}

	.wrap_nayami ul {
		padding: 4vw;
	}

	.merit {padding: 6vw 0;}

	.con_merit {margin-bottom: 4vw;}

	.video {padding: 6vw 0;}

	.submit .btn {
		margin-top: calc( 25 / 1000 * 100vw );
	}

	.profile {padding: 6vw 0;}

	.shd_profile {
		flex-direction: column;
	}

	img.pic_profile {
		margin-top: 1em;
		width: 50vw;
	}

	footer {
		padding: 1em 0;
		font-size: 75%;
	}

}