@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); */

/* reset CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1.6; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } img { display: block; margin: 0 auto; } * { box-sizing: border-box; } li { list-style: none; } .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } .cf { zoom:1; }

/* PC CSS */
.pc { display: block; }
.sp { display: none; }
.pc2 { display: inline-block; }
.sp2 { display: none; }
html { font-size: 62.5%; }
body {
	width:100%;
	font-size:2.2rem;
	color:#222;
	line-height:1.7;
	-webkit-font-feature-settings:'palt' 1; font-feature-settings:'palt' 1;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	background: linear-gradient(to bottom, #fff 5%, #11173E);
	/*background: linear-gradient(to bottom, #222, #09203F 23%, #446683);*/
	background-attachment: fixed;
}
header {padding-top: 0 !important;-webkit-background-size: cover;background-size: cover;background: url( "../img/nunoyama_letter_bg1.jpg")center no-repeat; }
header img{margin-top:0px; }

/* プリヘッド */
#prihead{
	z-index:10;
	width:100%;
	font-size:3.7rem;
	font-weight:bold;
	text-align:center;
	background:#c00;
	
}
#prihead #CDT{
	width:960px;
	padding:1rem 0;
	margin:0 auto;
	color:#fff;
	line-height:1.3;
}
#prihead #CDT .count_num{
	display:inline-block;
	padding:0 .4rem;
	margin:0 .4rem;
	border-radius:3px;
	color: #c60000;
	font-size:110%;
	background:#fff;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

/*文字装飾*/
p { line-height: 1.6; text-align: justify; }
p+p { margin-top: .5rem; }
h3 + p { margin-top: 1rem; }
.KG { font-family: "Gothic MB101 Heavy"; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; line-height: 1.3;}
.mincho{ font-family: "リュウミン U-KL","Ryumin Ultra KL",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif !important; }
.red { color: #CC0000; }
.blue { color: #082d5a; }
.green { color: #495E3A; }
.yellow { color: #FFFF84;}
.purple{color: #7030A0;}
.white{color: #fff;}
.gray{color: #878787;}
.b{ font-weight: bold; }
.u{ text-decoration: underline; }
.ru{ border-bottom: 2px solid #c00; }
.rub{ border-bottom: 2px solid #c00; color: #c00; font-weight: bold; }
.attention{color: #c00; font-weight: bold;background-color:#ffff94; }
.marker{ background-color: #ffff94; }
.bg_yellow{ padding: 1.5rem; background: #FFFBDF;}
.bg_white{ margin-top: 2rem;padding: 1.5rem; background: #fff;color: #222;}
.bg_pink{background: #FFF6F6;}
.bg_black{background: #222; color: #fff;}
.bg_grade {
		background: linear-gradient(to bottom, #365f82, #102e54, #222);
		background-attachment: fixed;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
}
.bg_orange{background: #FFE699;}
.uchikeshi {text-decoration: line-through;}
.line{width: 960px;margin: 0 auto; border-top: 5px solid #1f4e79;}

.text_c { text-align: center; display: block;}
.text_r { text-align:right; }
.line-h1{line-height: 1.1;}

p.caption {
	max-width: 100%;
	padding: 1rem 0 1rem 1rem;
	margin: 0!important;
	border-left: 2px solid #040000;
	color: #040000;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
}
p.caption+p{margin-top: 2rem;}
.bg_black .caption{color: #fff;border-color: #fff;}
p.text_c.b.blue.KG { margin: 1.5rem;line-height: 1.3;}
.bg_grade .caption {color: #fff;border-left: 2px solid #fff;}

/* グラデテキスト */
.gradation_g{
	color:#A58D38;
	background:linear-gradient(90deg,#FFDE78 0%,#FFF5D6 50%,#FFDE78 100%);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	font-weight: bold;
}
@media all and (-ms-high-contrast:none){
	.gradation_g{ background:none; }	/* IE11 */
}

.small { font-size: 85%; }
.small2 { font-size: 67%; }
.small3 { font-size: 60%; }
.small4 { font-size: 55%; }
.large { font-size: 120%; }
.large2 { font-size: 150%; }
.large3 { font-size: 180%; }
.large4 { font-size: 200%; }
p.large,p.large2,p.large3 { line-height: 1.6; }
p+h3{margin-top: 2rem;}
img { max-width: 100%;}
/*img+p {margin:2rem 0 0 ;}*/
.img_right{ float:right; width:270px; padding:0 0 2rem 2rem; line-height:1.4; }
.name_right{ float:right; width:70%; padding:1.5rem 0 2rem 2rem; line-height:1.4; }
.img_left{ float:left; width:270px; padding:0 2rem 2rem 0; line-height:1.4; }
.img_left0{ float:left;  padding:0 2rem 0 0; line-height:1.4; }
.img_full{ width: 100%;line-height:1.4; }
.img_full2{ width: 100%;line-height:1.4; }
.pic_list{width: 250px; margin: 2rem 1rem 0;}
.pic2_list{flex-basis: 47%; margin: 2rem 0 0;}
.pic3_list{width: 30%; margin: 2rem 1rem 0;}
.img_c{margin: 2rem auto;padding: 0;}
.img_c img{margin:auto;padding: 0;}

/*ビフォアフ*/

.bef-aft {margin:  2rem 0; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.before { position: relative;width: 400px; }
.after { width: 400px; position: relative; }
.bef-aft_arrow { 
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 170px;
		z-index: 10;
}

/*月桂樹*/
.laurel{position: relative;}
.laurel:before {
	content: "";
	position: absolute;
	top:40px;
	left: -60px;
	width: 45px;
	height: 90px;
	background: url( "../img/image17.png") no-repeat;
}
.laurel:after {
	content: "";
	position: absolute;
	top:40px;
	right: -60px;
	width: 45px;
	height: 90px;
	background: url("../img/image16.png") no-repeat;
}

/* Float / Clearfix/flex */
.clearfix:before, .clearfix:after {	content: " "; display: table; }
.clearfix:after {clear: both;}
.clearfix { *zoom:1;}

.flex{
	margin: 0 0 2rem;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: flex-start;
	-webkit-justify-content: space-around;
	justify-content: space-around;}

/* チェック＿共通部分 */
ul.check,
ul.check_02,
ul.check_03,
ul.check_04,
ul.check_05{ margin: 3rem 0; }
ul.check li,
ul.check_02 li,
ul.check_03 li{
	padding:1.5rem 0 1.5rem 5rem;
	border-bottom:1px dashed #aaa;
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.4;
}
ul.check_04 li,ul.check_05 li{
	padding:1.5rem 0 1.5rem 4rem;
	font-size:2.3rem;
	font-weight:bold;
	line-height:1.4;
}
ul.check li:nth-child(2n),
ul.check_02 li:nth-child(2n),
ul.check_03 li:nth-child(2n){ background-color:#FFFFF0; }
ul.check li p,
ul.check_02 li p,
ul.check_03 li p{
	font-size:2.2rem;
	font-weight:normal;
	padding-top:.8rem;
}

/* チェック＿固有部分 */
ul.check li{ background:url( "../img/base/check4.png") 0 2rem no-repeat; }
ul.check_02 li{ background:url( "../img/base/check3.png") 0 2rem no-repeat; }
ul.check_03 li{ background:url( "../img/base/check02.png") 0 1.5rem no-repeat; }
ul.check_04 li{ background:url( "../img/base/check3.png") 0 2rem no-repeat; }
ul.check_05 li{ background:url( "../img/base/check6.png") 0 2rem no-repeat; }

/*section letter*/
.main{width: 960px; margin: auto;box-shadow: 0 20px 10px #aeb0bd;}
section{padding: 6rem 0; background: #fff;}
section.bg_gray {background: #eee;}
section.bg_pink .wide { width: 949px;} 
.sec_inner{margin: 4rem auto 0;padding: 0 6rem;}

/*サブヘッド*/
.sub-head{
	margin: 0rem auto 3rem;
	text-align: center;
	line-height: 1.3;
	font-size: 5.3rem;
	font-family:"Gothic MB101 Heavy";
	font-weight: bold;
	letter-spacing: -4px;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
.sub-head .small5{font-size: .5rem; text-align: right;display:block;letter-spacing: normal;line-height: 1;}
.sub-head_hand {
	position: relative;
	margin: 3rem 0 2rem;
	padding: 2rem 0 2rem 8rem;
	color: #c00;
	font-weight: bold;
	line-height: 1.3;
	border-top: 2px solid #c00;
	border-bottom: 2px solid #c00;
	font-family:'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.sub-head_hand:before {
	content: "";
	position: absolute;
	left: 20px;
	width: 40px;
	height: 75px;
	background: url( "../img/hand.png") no-repeat;
}
.sub-head .bg_black{padding:0 10px 0;margin:0 0.5rem 0.5rem;display: inline-block;}
.sub-head .bg_navy{padding:0 10px 0;margin:0 0.5rem 0.5rem;display: inline-block;background:#102e69;color: #fff;}
.sub-head .small2{letter-spacing: -2px; }

/*試験結果*/
.exam{
		border: 2px solid #5f943b;
		margin: 2rem 0;
		padding: 1.5rem;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.4;
		border-radius: 3px;
		background: #fff;
	}
.exam h3{
		display: inline-block;
		position: relative;
		background: #548235;
		padding: 0 2.5rem 0 1rem;
		margin-bottom: 1rem;
		font-size: 3rem;
		height: 60px;
		line-height: 60px;
		color: #fff;
}
.exam h3::after{
		position: absolute;
		content: " ";
		top: 0;
		right: 0;
		z-index: 2;
		border-width: 30px 15px;
		border-style: solid;
		border-color: transparent;
		border-right-color: #fff;

}
.exam .img_right{width: 55%;}

/*客声*/
/*ストライプサブヘッド*/
h2.red_stripe_ttl {
		margin: 0 auto;
		line-height: 1.3;
		font-size: 4rem;
		font-weight: bold;
		font-family:"Gothic MB101 Heavy";
		-webkit-font-feature-settings: 'palt' 1;
		font-feature-settings: 'palt' 1;
		text-align: center;
		letter-spacing: -1px;
}
.heading {
		display: block;
}
.stripe .heading {
		margin: 0;
		padding: 2rem 0;
		border: rgb(204, 0, 0) 5px;
		border-style: solid none;
		background: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(255, 246, 246) 3px, rgba(255, 246, 246) 6px);
}
.voice_txt0 {
		padding: 6rem;
	background: #fff;
}
/*赤い客声*/
.voice_red_box{
	margin: 4rem auto 0;
	border: 1px solid #c00;
}
h2.voice_red_ttl{
	margin: 0 auto;
	padding: 1.5rem 0 2rem;
	text-align: center;
	line-height: 1.3;
	color: #fff;
	font-size: 4.2rem;
	font-weight: bold;
	font-family:"Gothic MB101 Heavy";
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	background: #c00;
	letter-spacing: -1px;
	text-shadow: 1px 1px 1px #222;
}
.voice_txt { padding: 6rem; background: #fff6f6;}
.voice_name {
		padding: 0 0 1rem;
		font-size: 2.6rem;
		font-family: "Ryumin ExtraBold KL", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, "Sawarabi Mincho", メイリオ, Meiryo, serif !important;
		line-height: 1.3;
		border-bottom: 2px #222 solid;
		overflow: hidden;
}
.voice_sub_ttl {
		margin: 2.5rem 0 1.5rem;
		padding: 0 0 0 2rem;
		font-size: 2.4rem;
		line-height: 1.2;
		border-left: solid 5px #c00;
		overflow: hidden;
		font-family: "Gothic MB101 Heavy";
}
/*青い客声*/
.voice_blue_box{margin: 4rem auto 0;}
h2.voice_blue_ttl{
	margin: 0 auto;
	padding: 2rem 0;
	text-align: center;
	line-height: 1.3;
	color: #fff;
	font-size: 4.3rem;
	font-family:"Gothic MB101 Heavy";
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	background: #102e69;
	text-shadow: 2px 2px 2px #222;
}
.voice_blue_box .voice_txt {
		background: #F2FAFF;
}

/*黒い客声*/
.voice_black_list{padding: 0 0 2rem;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;}

.voice_black{
	width: 48%;
	margin-top: 3rem;
	}
.voice_black_face{float: left;}
.voice_black_face p{
		font-weight: bold;
		font-size: 1.5rem;
		text-align: center;
		margin: 1rem 0 0;
}
.voice_black_text {margin-left: 12rem;padding: 0 0 0 1rem;}
.voice_black_text h3{margin: 0;border-bottom: solid 2px #fff;overflow: hidden;font-size: 2rem;line-height: 1.2; padding-bottom: 1rem;}
.voice_black_text p{overflow: hidden; font-size: 1.5rem;}

/*推薦の声*/
.recommend{background: url(../img/reco-bg.png);}
.reco_box{margin: 0 auto;}
.reco_box+.reco_box{padding: 6rem 0 0;}
.reco_head{
	margin: 0 auto 6rem;
	position: relative;
	text-align: center;
	line-height: 1.5;
	font-size: 4.9rem;
	font-family:"Gothic MB101 Heavy";
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	letter-spacing: -1px;
}
.reco_head::before{
	content: "";
	position: absolute;
	left: -5px;
	top: 0;
	width: 90px;
	height: 160px;
	background: url(../img/ico_laurel_left.png) no-repeat;
}
.reco_head::after{
	content: "";
	position: absolute;
	right: -5px;
	top: 0;
	width: 90px;
	height: 160px;
	background: url(../img/ico_laurel_right.png) no-repeat;
}
.reco_body {
	margin: 0 5rem 5rem;
	padding: 5rem;
	background: #fff;
	box-shadow: 2px 2px 15px #ccc;
}
.reco_name h3{
	line-height: 1.3;
	font-size: 3.3rem;
	font-family:"Gothic MB101 Heavy";
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
.reco_name p{
	font-size: 2.5rem;
	font-family: リュウミン EB-KL,"Ryumin ExtraBold KL",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif !important; 
}
.reco_face{float: left;margin-right: 3rem;width: 30%;}
.reco_text h3{padding: 0 1rem;color: #c00;border-left: 3px solid #c00;}
.reco_img{max-width: 860px;box-shadow: 2px 2px 15px #ccc;}
img.reco_img+.reco_body { padding-top: 2.5rem;}

/*理由*/
.merit_list ol {counter-reset: my-counter;list-style: none;padding: 0;}
.merit_list li {padding:2rem 0 2rem 6.5rem;margin:0;border-bottom:2px dotted #ccc;font-size:3.4rem;line-height: 1.5;}
.merit_list li:nth-child(2n){background: #fffff0;}
.merit_list li p{font-size:2rem;border-top:solid 1px #d81e1f;padding-top: 1rem;}
.merit_list li p+p{border-top:none;}
.merit_list li:before {content: counter(my-counter);counter-increment: my-counter;background-color: #c00;color: #FFF;display: block;float: left;line-height: 50px;margin:2rem 0 0 -60px;text-align: center;height: 50px;width: 50px;border-radius: 50%;}
.merit_list .bullet1 .red{font-size: 3rem;font-family:"Gothic MB101 Heavy", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1;letter-spacing: -1px;}

/*----------特典--------------*/
.tokuten_box{margin: 0 auto ;}
h2.tokuten_ttl{
	margin: 0 auto;
	padding: 2.5rem 0;
	text-align: center;
	line-height: 1.3;
	color: #fff;
	font-size: 4.6rem;
	font-family:"Gothic MB101 Heavy";
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	background: url( "../img/tokute_bg.jpg") no-repeat center;
	border-top: #777777 solid 3px;
	border-bottom: #777777 solid 3px;
	text-shadow: #111 0 0 5px, #111 0 0 5px, #111 0 0 5px;
}
.tokuten_box .voice_txt {
		padding: 5rem;
		background: #fff;
}
.tokuten_ttl .bg_gold {
		padding: 0.5rem;
		background:linear-gradient(90deg,#F9FA81 0%,#ffffff 50%,#F9FA83);
		margin: 0 .5rem .5rem;
		display: inline-block;
		color: #c00;
	text-shadow: none;
}
.tokuten_txt{padding: 3rem 6rem;}
.tokuten_box .voice_yellow_body {
		margin: 2rem auto 0;
		padding: 3rem 4rem;
		background: #FFF;
}
.tokuten_box .voice_yellow_ttl.clearfix { margin-top: 1rem;}
.tokuten_box .voice_yellow_text { padding: 2rem 0 0; border-radius: 5px;}

.product{padding: 0;}
/*----------------------------------------------------------------------------------------------
scfooter
----------------------------------------------------------------------------------------------*/
#scfooter{
	z-index:1000;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:1rem 0;
	background:rgba(202,202,202,.7);
}
.scfooter_inner{
	display:block;
	width:80%;
	padding:1rem 0;
	margin:auto;
	border-radius:20px;
	margin:0 auto;
	text-align:center;
}
.scfooter_inner a{ text-decoration:none; }

.btn_ft { margin-left: auto;margin-right: auto;width: 480px;position : relative;overflow : hidden;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.btn_ft img { border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.btn_ft a { text-decoration: none !important;}
.btn_ft a p { 
	color: #fff;
		padding: 1rem 0;
		text-align: center;
		font-family: "Gothic MB101 Heavy";
		line-height: 1.5;
		background: #0088c9;
		border-radius: 50px;
}
.btn_ft .bg_wht {display: inline-block;background: #fff;color: #003fa7;font-size: 125%;font-weight: bold;padding: 0 .5rem;}
/*----------------------------------------------------------------------------------------------
hosyou
----------------------------------------------------------------------------------------------*/
.hosho .side_photo2{ width:40%; }
.hosho_step{
	margin:2rem 0;
	display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;
	flex-wrap:wrap;
	-webkit-box-align:start; -moz-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start;
	-webkit-box-pack:justify; -moz-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
}
.hosho_step .step_box{ width:22%; padding:.4rem; font-size:1.8rem; line-height:1.4; }
.hosho_step .step_box img{ margin-bottom:1rem; }
.hosho_step h4{ margin-bottom:1rem; border-bottom:1px solid #FFD12F; font-size:2rem; font-weight:bold; text-align:center; }
.hosho_step img.arrow{ width:2%; margin:0; transform:translate(-20%,80%); }
.hosho2__flow_wrap{width:90%; margin:1.5rem auto 0; font-size:70%; }
.hosho2__flow_wrap_box{ display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; }
.hosho2__flow_list{ margin:0 auto; flex:1; }
.hosho2__flow_list p{ padding:2rem 2rem 0; }
.hosho2__flow_center{ border-top:1px solid #BFBFBF; margin:3rem 0; padding:1.5rem 0; }
.hosyo-img{
	float: left;
	padding: 0 3rem 3rem 0;
}

/*----------------------------------------------------------------------------------------------
form
----------------------------------------------------------------------------------------------*/
.form_wrap { width: 100%; margin: 4rem 0 0; }
.form_wrap a {text-decoration: none;}
.form_wrap a p {
		width: 700px;
		margin: auto;
		color: #fff;
		padding: 0.5rem 0 2.5rem;
		text-align: center;
		font-size: 5.5rem;
		font-family: "Gothic MB101 Heavy";
		font-weight: bold;
		line-height: 1.2;
		background: #0088c9;
		border-radius: 100px;
		cursor: pointer;
		-webkit-transition: all .3s;
		transition: all .3s;
}
.form_wrap a p:hover {
		-webkit-transform: translateY(6px);
		-ms-transform: translateY(6px);
		transform: translateY(6px);
	background: #61b0d6;
}
.form_text{
	margin-top: 2rem;
	font-size: 2rem;
	text-align: center;
}

/*フッター*/
footer { background: #eee; }
.footer_logo img { max-width: 300px; }
.footer_txt { padding: 0 0 0 2em; line-height: 1.9; font-size: 12px; text-align: left; }
#footer__wrap { width: 800px; margin: 0 auto; font-size: 80%; padding: 2em 0; display: flex; justify-content: center; }
#footer__wrap li { display: inline-block; border-left: 1px solid #aaa; padding: 0 1em 0; }
#footer__wrap li:first-child { border: none; padding: 0 1em 0 0; }

/*DISC紹介*/
.list01 { font-size: 2.9rem; margin: 1em auto; }
.list01 li { background: url(../img/base/check01.png) no-repeat 10px 17px; padding: 20px 20px 20px 60px; font-weight: 600; border-bottom: 1px dashed #c2c2c2; line-height: 1.2; }
.list01 li:nth-child(even) { background: url(../img/base/check01.png) no-repeat 10px 17px #fffbe5; }
.list01 li p { font-weight: 400; font-size: 2.2rem; line-height: 1.5; margin: 10px 0 0; }
ul.list01 img {margin: 1rem 0 0;}
.product .letter{ padding: 2rem 0 0;}
/* 料金 */
.price-table { margin: 20px auto; border: 2px solid #333; }
.price-table th { background: #333; color: #fff; font-weight: bold; padding: 5px; }
.price-table tr:nth-child(2n) { background: #f5f5f5; }
.price-table td { padding: 10px; vertical-align: middle; }
.price-table td .small { font-size: 75%; }
.price-table td .small2 { font-size: 60%; }
.price-table td:nth-child(odd) { width: 60%; font-size: 1.8rem; line-height: 1.3;}
.price-table td:nth-child(even) {
		width: 34%;
		text-align: center;
		font-size: 2.2rem;
		border-left: 2px solid #2C3C3F;
}
.form{ margin:0; }
.price__box{margin:4rem auto 0; }
.price__result{
	margin:0 auto;
	font-weight:bold;
	font-family:Arial, Helvetica, "sans-serif";
}
.price__result_main{
	color:#d00;
	font-size:7rem;
	line-height: 1;
}
.price__result_main img{
	float:left;
	width:120px;
	padding-right:2rem;
}
.price__result_sub{
	font-size:6rem;
	text-align:right;
}
.price__result_sub {
	margin-top:0;
}
.price__notice{
	padding:3rem;
	margin:1rem auto 0;
	background:#eee;
}
.price__notice p{
	padding:0 0 0 1em;
	margin:0 auto;
	font-size:2rem;
	text-indent:-1em;
}
/* Countdown */
.timer p {margin: 5px 0;}
.timer01 {background: #222; padding: 5px 0; text-align: center; font-weight: bold; color: #fff; font-size: 28px; line-height: 1;}
.timer01 .timer_num {font-size: 140%; color: #ffe28c; font-family: Century Gothic, "Courier New", Consolas, monospace;}

/*scfotte- btn*/

.hvr-wobble-vertical { vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.reflection { height : 100%;width : 30px;position : absolute;top : -180px;left : 0px;background-color: #fff;opacity : 0;transform: rotate(45deg);animation: reflection 2.5s ease-in-out infinite;-webkit-transform: rotate(45deg);-webkit-animation: reflection 2.5s ease-in-out infinite;-moz-transform: rotate(45deg);-moz-animation: reflection 2.5s ease-in-out infinite;-ms-transform: rotate(45deg);-ms-animation: reflection 2.5s ease-in-out infinite;-o-transform: rotate(45deg);-o-animation: reflection 2.5s ease-in-out infinite;}
@media screen and (max-width:768px) { .btn_ft { width: 75%;} }
@media screen and (max-width:425px) { .btn_ft { width: 100%;} }
@-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px);} 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px);} 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px);} 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px);} 83.25% { -webkit-transform: translateY(1px);transform: translateY(1px);} 100% { -webkit-transform: translateY(0); transform: translateY(0);} }
@keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px);transform: translateY(8px);} 33.3% { -webkit-transform: translateY(-6px);transform: translateY(-6px);} 49.95% { -webkit-transform: translateY(4px);transform: translateY(4px);} 66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px);} 83.25% { -webkit-transform: translateY(1px);transform: translateY(1px);} 100% { -webkit-transform: translateY(0);transform: translateY(0);} }
@keyframes reflection { 0% { transform: scale(0) rotate(45deg);opacity: 0;} 80% { transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { transform: scale(75) rotate(45deg);opacity: 0;} }
@-webkit-keyframes reflection { 0% { -webkit-transform: scale(0) rotate(45deg);opacity: 0;} 80% { -webkit-transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { -webkit-transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { -webkit-transform: scale(75) rotate(45deg);opacity: 0;} }
@-moz-keyframes reflection { 0% { -moz-transform: scale(0) rotate(45deg);opacity: 0;} 80% { -moz-transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { -moz-transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { -moz-transform: scale(75) rotate(45deg);opacity: 0;} } 
@-ms-keyframes reflection { 0% { -ms-transform: scale(0) rotate(45deg);opacity: 0;} 80% { -ms-transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { -ms-transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { -ms-transform: scale(75) rotate(45deg);opacity: 0;} }
@-o-keyframes reflection { 0% { -o-transform: scale(0) rotate(45deg);opacity: 0;} 80% { -o-transform: scale(0) rotate(45deg);opacity: 0.25;} 81% { -o-transform: scale(10) rotate(45deg);opacity: 0.35;} 100% { -o-transform: scale(75) rotate(45deg);opacity: 0;} }

/* SP CSS */
@media screen and (max-width: 468px) {
	.pc { display: none; }
	.sp { display: block; }
	.pc2 { display: none; }
	.sp2 { display: inline-block; }
	body { font-size: 4.5vw; font-weight: normal;background: none;}
	header {background: none;}
		/* プリヘッド */

	#prihead #CDT{ width:100%; line-height: 1.6;}
	#prihead{ font-size:3.5vw;}

	
/*	基本装飾*/
	.large { font-size: 4.6vw;}
	.large3 { font-size: 6vw;}
	h3.large2 { font-size: 4.6vw;}
	.small2 { font-size: 65%; }
	p.caption { font-size: 3.7vw;}
	.line{width:100%;border-top: 3px solid #1f4e79;}
		
.img_right{ float:none; width:68%; margin: 2rem auto;padding: 0;}
.name_right{ float:none; width:80%; margin: 0 0 0 5rem;}
.img_left{ float:none; width:68%;margin: 2rem auto;padding: 0;}
.img_left0{ float:none; }
.img_full { width: 100%; line-height: 1.4; margin: 2rem auto;}
.img_full2 { width: 75%; line-height: 1.4; margin: 0 auto;}
	
.pic_list{width: 100%; margin: 1rem auto 0;}
.pic2_list{flex-basis: 100%; margin: 2rem auto ;}
.pic3_list{width: 68%; margin: 2rem auto;}
	
	.flex { flex-direction: column;margin: 0 0 2rem; }
	.flex:last-of-type {flex-direction: column;margin: 0 0 0rem;}
	
	.bg_grade { background: linear-gradient(to bottom, #365f82, #102e54, #222); background-attachment:none;}
	
	.list01 { font-size: 4.5vw; }
	.list01 li { background: url( "../img/base/check01.png") no-repeat 0 13px; background-size: 7vw; padding: 10px 10px 10px 8vw; }
	.list01 li:nth-child(even) { background: url( "../img/base/check01.png") no-repeat 0 13px #fffbe5; background-size: 7vw; }
	.list01 li p { display: none;font-size: 4.3vw; }
	
/* チェック＿共通部分 */
ul.check,
ul.check_02,
ul.check_03,
ul.check_04{ margin: 0 0 2rem; }
	ul.check_04+.clearfix>.img_right{margin-top: 0;}
ul.check li,
ul.check_02 li,
ul.check_03 li{
	padding:1.5rem 0 1.5rem 3.5rem;
	border-bottom:1px dashed #aaa;
	font-size: 4.8vw;
	font-weight:bold;
	line-height:1.4;
}
ul.check_04 li{
	padding:1.5rem 0 1.5rem 4rem;
	font-size: 4.8vw;
	font-weight:bold;
	line-height:1.4;
}
ul.check li:nth-child(2n),
ul.check_02 li:nth-child(2n),
ul.check_03 li:nth-child(2n){ background-color:#FFFFF0; }
ul.check li p,
ul.check_02 li p,
ul.check_03 li p{
	font-size:2.2rem;
	font-weight:normal;
	padding-top:.8rem;
}
	
/*	SECTION*/
	.main{width: 100%; margin: auto;box-shadow: none;}
	section{width: 100%;padding: 3rem 0;box-shadow:none;}
	.sec_inner {
		width: 95%;
		margin: 0 auto;
		padding: 0;
	}
	
	.sub-head {
		width: 99%;
		margin: 0 auto 2rem;
		padding: 0;
		font-size: 5.3vw;
		letter-spacing: 0;
	}
	
	.sub-head_hand{ padding: 2rem 0 2rem 6rem;}
	.sub-head_hand:before {
		left: 10px;
		width: 40px;
		background: url( "../img/hand.png") no-repeat;
	}
	.sub-head .small{ font-size: 4.5vw;}
	.sub-head .small2{ font-size: 3.7vw;letter-spacing: 0;}
	.sub-head .large{font-size: 6.4vw;}
	.sub-head .large2{font-size: 8vw;}
	.sub-head .large3{font-size: 12vw;}
	.sub-head .large4{font-size: 13vw;}
	.sub-head .mincho{letter-spacing: -1px;}
	
/*ビフォアフ*/

.bef-aft {margin: 2rem 0 ;  }
.bef-aft+.bef-aft {margin: 4rem 0 ;}
.before { position: relative;width: 400px; margin: 0 0 8rem;}
.after { width: 540px; position: relative; }
.after video { width: 100%; position: absolute; left: 0; bottom: 96px; }
.bef-aft_arrow {left: 50%;bottom: 43%;transform: translateX(-50%);}

	/*推薦の声*/
.reco_box{ padding: 0 2rem ;}
.reco_box+.reco_box{padding: 3rem 0 0;}
.reco_head{
	margin: 0 auto 2rem;
	font-size: 4.8vw;}
.reco_head::before{
	left: -5px;
	top: -10px;
	width: 40px;
	height: 80px;
	background: url( "../img/ico_laurel_left2.png") no-repeat;
}
.reco_head::after{
	right: -3px;
	top: -10px;
	width: 40px;
	height: 80px;
	background: url( "../img/ico_laurel_right2.png") no-repeat;
}
	.reco_head .large{
	font-size: 6.3vw;
	line-height: 1.3;
	}
	.reco_head+img{margin-top: 3rem;}
.reco_body {
	width: 100%;
	margin: 0 0 2rem;
	padding: 2rem;
}

.reco_name h3{font-size: 4.3vw;}
.reco_name p{font-size: 3.5vw;}
.reco_face{float: none; margin: 0 auto 2rem;width: 40%;}
.reco_img { max-width: 100%; box-shadow: none;}
	
/*試験結果*/
.exam{ border: 1px solid #5f943b; font-size: 4vw;}
.exam h3{
		padding: 0 2rem 0 1rem;
		margin-bottom: 1rem;
		font-size: 3.8vw;
		height: 40px;
		line-height: 40px;
}
.exam h3::after{
		top: 0;
		right: -1px;
		z-index: 2;
		border-width: 20px 15px;
}
.exam .img_right{width: 100%;margin: 0 auto 1rem;}
	
/* 客声 */
/*ストライプサブヘッド*/
h2.red_stripe_ttl {
	font-size: 4.2vw;
	letter-spacing: 0;
}
.heading { display: block; }
.stripe .heading{
	margin: 0;
  padding:1.5rem 0;
	border: rgb(204, 0, 0) 1px;
	border-style:none none solid ;
}
.voice_red_box0{margin: 2rem auto 0;}
.voice_txt0 { padding: 2rem;}
.voice_txt0 img { margin-top: 0;}
	
/*赤い客声*/
.voice_red_box{margin: 2rem auto 0;}
h2.voice_red_ttl{ padding: 1rem 0 1.5rem; font-size: 4.8vw;}
h2.voice_red_ttl .small4 { font-size: 2.7vw;}
.voice_txt { padding: 2rem;}
.voice_txt img{ margin-top: 0;}
.voice_name { font-size: 4.6vw; border-bottom: 1px #222 solid;}
.voice_name .small{font-size: 3.8vw;}
.voice_sub_ttl {
		margin: 1.5rem 0 1rem;
		padding: 0px 0 0 1rem;
		font-size: 4.3vw;
		border-left: solid 3px #c00;
}
/*青い客声*/
.voice_blue_box{margin: 2rem auto 0;}
h2.voice_blue_ttl{
	margin: 0 auto;
	padding: 1rem 0;
	font-size: 5.2vw;
}
/*黒客声*/
.voice_black{ width: 100%; margin-top: 3rem;}
	.voice_black_list .voice_black:first-of-type{margin: 0;}
.voice_black_ttl{
	margin: 0 auto;
	padding: 1rem 0;
	font-size: 5.2vw;}
.voice_black_text{ padding: 0 ; font-size: 4.2vw;}
.voice_black_text h3{ font-size: 5vw;padding-top: 0; border-bottom: solid 1px #fff;}
	.voice_black_text p.caption{ width: 90%;}
	.voice_black_text img{ max-width: 90%;}
	.voice_black_face { width: 30%;}
	.voice_black_face p {font-size: 3.7vw;}

	/*10の理由*/
	
	.merit_list ol {
		counter-reset: my-counter;
		list-style: none;
		padding: 0;
	}
	.merit_list li {
		font-size: 5.8vw;
		padding: 2rem 0 2rem 4.5rem;
		line-height: 1.4;
	}
	.merit_list li p{
		display: none;
		font-size:4.5vw;
		font-weight:normal;
		margin-bottom: 0rem;
	}
	.merit_list .bullet1 .red {font-size: 5vw;letter-spacing: 0;}
	.merit_list li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		color: #FFF;
		display: block;
		float: left;
		line-height: 35px;
		margin: 0 0 0 -40px;
		text-align: center;
		height: 35px;
		width: 35px;
		border-radius: 50%;
	}
	
/*----------特典--------------*/
.tokuten_box{margin: 0 auto ;}
h2.tokuten_ttl{
	margin: 0 auto;
	padding: 1rem 0;
	font-size: 5.4vw;
	border-top: #777 solid 3px;
	background: url(../img/tokute_bg.jpg) no-repeat right;
}
	.tokuten_box .img_right{margin:0 auto 2rem;}
.tokuten_box .voice_txt {padding: 5rem;background: #fff;}

.tokuten_ttl .bg_gold {
		padding: 0.5rem;
		margin: 0 .5rem .5rem;
		display: inline-block;
		color: #c00;
}
.tokuten_txt{padding: 2rem;}
.tokuten_box .voice_yellow_body {
		margin: 2rem auto 0;
		padding: 2rem;
		background: #FFF;
}
.tokuten_box .voice_yellow_ttl.clearfix { margin-top: 1rem;}
.tokuten_box .voice_yellow_text { padding: 1rem 0 0;}

	/*hosyo*/
	.hosyo-img{width: 85%;float: none;padding: 0 0 2rem 0;}
	.name-img{width: 80%;}
	h3.hosyou {font-size: 5vw; }
	
/*value-table*/
table.value-table th,table.value-table td{padding:.5rem;text-align: center;font-size: 3vw;}
table.value-table .table_mark{color: #c00;background: #FFF6F6;}
table.value-table th.table_mark,table.value-table td.table_mark{font-size: 3.2vw;}

	
	.product-price { margin: 30px 0; }
	.price-num01 { font-size: 7vw; }
	.price-num02 { font-size: 5vw; margin: 0 0 20px; }
	.product-price-box { padding: 20px; font-size: 4vw; }
	.product-price-box > ul > li > ul { padding-left: 0; }
	.product-list li { font-size: 3.5vw; padding: 5px; }
	.product-list-num { text-align: right; font-size: 5vw; width: 100%; }
	
	#footer__wrap { width: 100%; display: block; padding: 2em 0 0;}
	.footer_logo img { display: block; margin: 0 auto; }
	.footer_txt { padding: 1em 5%; }
	/*--------------------------------------------------
	form
-----------------------------------------------------*/
.form_wrap { width: 100%; margin: 3rem 0 0; }
.form_wrap a p {
		width: 95%;
		padding: 0.5rem 0 1.5rem;
		font-size: 8vw;
		border-radius: 100px;
}
.form_wrap a p:hover {
		-webkit-transform: translateY(6px);
		-ms-transform: translateY(6px);
		transform: translateY(6px);
}
.form_text{
	margin-top: 2rem;
	font-size: 4vw;
	text-align: center;
}
/*----------------------------------------------------------------------------------------------
scfooter
----------------------------------------------------------------------------------------------*/
.scfooter_inner{
	display:block;
	width:80%;
	padding:1rem 0;
	margin:auto;
	border-radius:20px;
	margin:0 auto;
	text-align:center;
}
.scfooter_inner a{ text-decoration:none; }

.btn_ft { margin-left: auto;margin-right: auto;width: 100%;}
.btn_ft a { text-decoration: none !important;}
.btn_ft a p { 
		width: 90%;
		margin: auto;
		padding: 1rem 0;
		background: #0088c9;
		border-radius: 50px;
		font-size: 4.2vw;
}
	
	.price-table {line-height: 1.3;}
	.price-table {width: 100%;margin: 20px auto;border: 2px solid #2C3C3F;}

	.price-table td:nth-child(even) {font-size: 2.0rem;}
	.price-table td:nth-child(odd) {font-size: 1.6rem;}

		.timer01 { padding: 5px 0; font-size: 4.5vw; line-height: 1.2; }
	.timer01 .timer_num { font-size: 130%; }
/* 料金 */
	.price__box{width: 95%;}
	.price__result{ width:100%; }
	.price__result_main{ font-size: 7.5vw; }
	.price__result_main img{ width:14vw; padding-right:1.4rem }
	.price__result_sub{ font-size:5.8vw; }
	.price__notice{ padding:1rem; }
	.price__notice p{ font-size:3.8vw; }
	
	.hosho_step{ display:block; margin:1rem 0; }
	.hosho_step .step_box{ width:100%; margin: 2rem 0; padding:0; font-size:4vw; }
	.hosho_step h4{margin-bottom: 1rem; font-size:5.4vw; text-align: center; border-bottom: 1px solid #FFD12F; font-weight: bold;}
	.hosho_step img{ margin-bottom:1rem; }
	.hosho_step img.arrow{ width:6%; margin:-6vmin auto; transform:rotate(90deg); }
	.hosho2__flow_wrap {width:100%; margin: 0 auto 1.5rem; font-size: 4.5vw; }
	.hosho2__flow_wrap_box{width:100%; display: block;}
	.hosho2__flow_list {margin: 0 auto;flex: 1;}
	.hosho2__flow_list img {width:50%; margin: 0 auto;flex: 1;}
	.hosho2__flow_list p{width:90%;padding:.5rem 0; text-align: center; margin: 0 auto 1.5rem;}
	.hosho2__flow_center{border-top:1px solid #BFBFBF; margin: 3rem 0;padding:1.5rem 0;}
	
}