@charset "utf-8";

/* RESET CSS */
article,aside,details,figcaption02,figure,footer,header,hgroup,img,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption02,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption02,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
img{margin:0 auto;padding:0;max-width:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*----------------------------------------------------------------------------------------------
button:hover
----------------------------------------------------------------------------------------------*/
@-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)}
}
.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,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}
/*----------------------------------------------------------------------------------------------
Basic
----------------------------------------------------------------------------------------------*/
html{ font-size:62.5%; overflow: scroll;}
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: #fff;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
#main{
	width: 960px;
	margin: 0 auto;
	box-shadow: 0 5px 15px #808080;
}

/* Float・Clearfix */
.clearfix:before,.clearfix:after{ content:" "; display:table; }
.clearfix:after{ clear:both; }
.clearfix{ *zoom:1; }
.img_right{ float:right; padding:0 0 2rem 2rem; }
.img_left{ float:left; padding:0 2rem 2rem 0; }
img.img_full{ width: 100%;}
.img_300{ width: 300px;}
.img_340{ width: 340px;}
.img_350{ width: 350px;}
.img_375{ width: 375px;}
.img_400{ width: 400px;}
.img_420{ width: 420px;}
.img_500{ width: 500px;}
.img_660{ width: 660px;}
.img_670{ width: 670px;}
.img_740{ width: 740px;}
.img_860{ width: 860px;}

.middle {margin: 2rem 0;}
.bottom {margin-top: 2rem;}
.top {margin-bottom: 2rem;}
.no_bottom {margin-bottom: 0;}
.img_center.middle {margin: 2rem 0;}
.img_center.arrow01 {margin-top: 5rem;}
.img_center.bottom {margin-top: 2rem;}
.img_center.top {margin-bottom: 2rem;}
.img_center {margin: 0 auto;}
img.middle {margin: 5rem 0;}
.img_bottom{margin-top: 1rem;}
img.top {margin-bottom: 5rem;}
img.bottom {margin-top: 5rem;}
img.s_bottom {margin-top: 2rem;}
/*画像キャプション*/
.caption02{
	background:#1d5b8a;
	color: #fff;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.4;
	padding: 1rem 0;
	text-align: center;
}
p.caption {
	max-width: 100%;
	padding: 1rem 0;
	margin: 0!important;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
span.cap_sub {
	color: #a5c7e0;
	font-size: 90%;
}
/*flex*/
.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex_center {align-items: center;}
.flex img{margin: 0;}
.flex.middle {margin: 2rem 0;}
.flex img.s_bottom {margin-top: 2rem;}
.flex_item{align-items: center;}

/* PC・SP表示調整 */
.display_pc{ display:block; }
.display_sp{ display:none; }
.pc{ display:block; }
.sp{ display:none; }
.display_inline_pc{ display:inline-block; }
.display_inline_sp{ display:none; }

/* Font */
.mb101 {
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	letter-spacing:-2px;
	color: #000;
}
.serif { font-family: Ryumin ExtraBold KL,serif;}
.sansserif { font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";}


.u{ text-decoration:underline;text-decoration-skip-ink: none; }
.b{ font-weight:bold; }
.r{ color:#bb131a; }
.rub{text-decoration:underline;text-decoration-skip-ink: none;font-weight:bold; color:#bb131a; }
.y {color: #f1f119;}
.blue{ color:#81e6ff; }
.blue02{ color:#2174ba; }
.orange{ color:#ff9f0e; }
.green{ color:#62c35d; }
.white {color: #ffffff;}
.black {color: #000;}
.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;
	text-shadow: none;
}
.text_c{ text-align:center; }
.text_r{ text-align:right; }
.text_l{ text-align:left; }
.txt_c {text-align: center;}
.xxxxsmall{ font-size:30%; }
.xxsmall{ font-size:67%; }
.xxsmall02 {
	display: block;
	line-height: 1.3;
	font-size:67%;
}
.xxsmall03{ font-size:70%; }
.xsmall{ font-size:80%; }
.small{ font-size:90%; }
.large110{font-size: 110%;}
.large115{ font-size:115%; }
.large{ font-size:120%;}
.xlarge{ font-size:125%; }
.xxlarge{ font-size:140%; }
.xxxlarge{ font-size:160%; }
.xxxxlarge{ font-size:180%; }
.xxxxxlarge{ font-size:190%; }
.lh_small{ line-height: 1.3;}
.bg_y{ background:#ffff94; }
.notice{
	padding-top: 1rem;
	font-size: 1.5rem;
	text-align: right;
	font-weight: 400;
	font-family: sans-serif;
}
.notice.out {padding: 1rem 5rem;}
.marker {background: linear-gradient(transparent 50%, #f1f119 50%);color: #bb131a;font-weight: bold;}
.marker_black {
	background: #000;
	color: #fff;
	font-weight: bold;
	padding: 1.5rem;
	line-height: 1;
	display: inline-block;
}
.marker_black_out {
	background: #1d5b8a;
	color: #fff;
	font-weight: bold;
	padding: 1.5rem;
	line-height: 1;
	display: inline-block;
}
.marker_y {
	background: #f1f119;
	color: #fff;
	font-weight: bold;
	padding: 1rem;
	line-height: 1;
	display: inline-block;
	color: #000;
	text-shadow: none;
}
.marker_y_out {
	background: #f1f119;
	color: #fff;
	font-weight: bold;
	padding: 1rem;
	line-height: 1;
	display: inline-block;
	color: #000;
	text-shadow: none;
	margin-bottom: 1rem;
}
.marker_y.r {color: #bb131a;}
.marker01 {
	background: #000;
	font-weight: bold;
	padding: 0.5rem;
	line-height: 1;
	display: inline-block;
}
.marker_r {
	background: #bb131a;
	color: #fff;
	font-weight: bold;
	padding: 0.5rem;
	line-height: 1;
	display: inline-block;
}

.text_stand_out.middle {
	font-size: 7rem;
	text-align: center;
	margin: 2rem 0;
	color: #bb131a;
	font-weight: bold;
}

/*bg背景*/
.bg_01 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f5e6+0,d1ccb1+100 */
	background: #f8f5e6; /* Old browsers */
	background: -moz-linear-gradient(left,  #f8f5e6 0%, #d1ccb1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f8f5e6 0%,#d1ccb1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f8f5e6 0%,#d1ccb1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f5e6', endColorstr='#d1ccb1',GradientType=1 ); /* IE6-9 */
}


/*----------------------------------------------------------------------------------------------
prihead
----------------------------------------------------------------------------------------------*/
#prihead{
	z-index:10;
	position:fixed;
	width:100%;
	font-size:2.4rem;
	font-weight:bold;
	text-align:center;
	background:#af0017;
	background:-moz-linear-gradient(to right, #520202 0%,#af0017 50%,#520202 100%);
	background:-webkit-linear-gradient(to right, #520202 0%,#af0017 50%,#520202 100%);
	background: linear-gradient(to right, #520202 0%,#af0017 50%,#520202 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#af0017', endColorstr='#af0017',GradientType=1);
}
#prihead #CDT{
	width:960px;
	padding:1rem 0;
	margin:0 auto;
	color:#fff;
	line-height:1.3;
	font-family: Century Gothic, "Courier New", Consolas, monospace;
}
#prihead #CDT .count_num{
	display:inline-block;
	padding:0 .4rem;
	margin:0 .4rem;
	border-radius:3px;
	color:#222;
	font-size:150%;
	background:#fff;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif,monospace;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #prihead #CDT .count_num{	/* IE11 */
		padding:1rem .4rem 0;
		line-height:1;
	}
}
/*フォント調整*/

/*----------------------------------------------------------------------------------------------
new btn
----------------------------------------------------------------------------------------------*/
.CTA{display: none;}
.toggleAtn02{display: none;}
#sc_btn_jump {position: relative;top: -70px;}
#sc_btn_jump02 {position: relative;top: -70px;}
.btn_wrap .toggleBtn{
	background: #4abcd3;
	background: -moz-linear-gradient(left, #4abcd3 0%, #2690d0 100%);
	background: -webkit-linear-gradient(left, #4abcd3 0%,#2690d0 100%);
	background: linear-gradient(to right, #4abcd3 0%,#2690d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abcd3', endColorstr='#2690d0',GradientType=1 );
	margin-bottom: 6rem;
	padding: 1.5rem 0;
	color: #fff;
	font-size: 4rem;
	line-height: 1.2;
	box-shadow: 3px 3px 0px 1px #5a8aa6;
	display: block;
	text-decoration: none;
}
.btn_wrap .toggleBtn:hover{opacity: 0.8;}
.btn_wrap .toggleArea, .CTA,.toggleArea02{
	padding: 0rem 5rem 0;
	overflow: hidden;
	background: #fff;
}
.btn_inner img{margin: 0 auto;}
/* btn */
.online_item_inner h3{display: inline-block;border-bottom: 1px solid #545454;line-height: 1.2;font-size: 3.2rem;}
.online_item_inner h4{
	margin: 2rem 0;
	font-size: 1.8rem;
	line-height: 1.3;
}
.online_btn a,.dvd_btn a{text-decoration: none;color: #fff;}
.online_item{width: 365px;padding: 2px; border: 3px solid #ccc;text-align: center;}
.online_item_inner{
	display: block;
	height: 100%;
	padding: 2rem .5rem;
	border: 1px solid #ccc;
	background: #fff;
	text-decoration: none;
	color: inherit;
}
.online_item_inner:hover{background: #eee;cursor : pointer;}
.online_btn{
	width: 90%;
	margin: .5rem auto 1rem;
	border-radius: 5px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f6787+17,112e4d+99 */
	background: #0f6787; /* Old browsers */
	background: -moz-linear-gradient(left,  #0f6787 17%, #112e4d 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0f6787 17%,#112e4d 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0f6787 17%,#112e4d 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f6787', endColorstr='#112e4d',GradientType=1 ); /* IE6-9 */
	color: #fff;
	line-height: 1.2;
	box-shadow: 2px 2px 0px 1px #304449;
	padding: 2.5rem 0;
}
.online_btn:hover,.dvd_btn:hover/*,.dvd_item:hover,.online_item:hover*/{opacity: 0.8;}
.btn_area{display: block;}
.online_item img {
	margin-top: 1rem;
	width: 252px;
}
.online_btn_top_img {
	padding: 2rem 0 1rem;
	display: block;
}
/*dvd*/
.dvd_item_inner h3{margin:1rem 0 2rem;padding-bottom: .5rem;display: inline-block;border-bottom: 1px solid #545454; font-size: 3.2rem;line-height: 1.2;}
.dvd_item{width: 480px;padding: 2px; border: 3px solid #ff2e2e;text-align: center;}
.dvd_item_inner{color: inherit; text-decoration: none; display: block; background: #fff; background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #fbffbf 46%, #f5ff70 100%); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#fbffbf 46%,#f5ff70 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#fbffbf 46%,#f5ff70 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5ff70',GradientType=1 ); height: 100%;padding: 2rem 0;border: 1px solid #ff2e2e; cursor: pointer;}
.dvd_item_inner:hover{background: #f5ff70;cursor : pointer;}
.dvd_btn{width: 80%;margin: 2rem auto 1rem;border-radius: 5px;background: #2690d0; background: -moz-linear-gradient(left, #2690d0 0%, #3c6bac 100%); background: -webkit-linear-gradient(left, #2690d0 0%,#3c6bac 100%);background: linear-gradient(to right, #2690d0 0%,#3c6bac 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2690d0', endColorstr='#3c6bac',GradientType=1 );
padding: 1.5rem 0;color: #fff;font-size: 3rem;line-height: 1.2;box-shadow: 3px 3px 0px 1px #2b548b;}
.dvd_btn a{color: #fff;}
.microCopy{font-weight: bold; font-size: 1.5rem;line-height: 1.2;}
.dvd_list{margin-top: 2rem;}
.dvd_list li{margin-bottom: 1rem;font-size: 2rem;font-weight: bold; text-align: left;line-height: 1.2;}
.dvd_list .fa-li{color: #f01136;}
.dvd_img{width: 68%;}
.dvd_item img.dvd_img {
	width: 260px;
}
img.dvd_ribon {
	width: 240px;
}
/* online_about */
.online_about_wrap{margin-bottom: 6rem;border-top: 3px solid #395961;border-bottom: 3px solid #395961;padding: 2px 0;}
.online_about {background: #f4f7f8; border-top: 1px solid #395961;border-bottom: 1px solid #395961;padding: 2rem 0;text-align: center;line-height: 1.3;}
.online_about h3{display: inline-block;margin: 2rem 0;padding: 1rem 2rem; border-top:2px solid #d00;border-bottom:2px solid #d00; color: #d00;text-align: center;font-size: 3.5rem;}
.online_about .blue{margin-bottom: 1rem;color: #333;font-size: 3rem;}
.online_about .catch{
	margin: 4rem 0;
	font-size: 3.1rem;
	font-weight: bold;
}
.online_about .online_btn{padding: 2rem 0; border-radius: 20px;font-size: 3.5rem;}
.online_balloon {
	position: relative;
	background: #c50000;
	display: inline-block;
	margin: 4rem 0 2rem;
	padding: 2rem 4rem;
	font-size: 2.5rem;
	color: #fff;
}
.online_balloon:after {
	position: absolute;
	content: "";
	bottom: -15px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #c50000 transparent transparent transparent;
	transform: translateX(-50%);
}
.online_notice{background: #fff; border: 2px dotted #eee;margin: 2rem 2rem 0;padding: 2rem;}
.online_notice li{text-indent: -1em;padding-left: 1em;text-align: left;font-size: 1.8rem;}
/* dvd_abaout */
.dvd_about_warp{margin: 0 0 6rem; border-top: 3px solid #ff2e2e;border-bottom: 3px solid #ff2e2e;padding: 2px 0;}
.dvd_about{background: #fff; background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #fbffbf 46%, #f5ff70 100%); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#fbffbf 46%,#f5ff70 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#fbffbf 46%,#f5ff70 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5ff70',GradientType=1 );border-top: 1px solid#ff2e2e;border-bottom: 1px solid #ff2e2e;padding: 2rem 0; text-align: center;}
.dvd_about h3{display: inline-block;margin: 2rem 0 3rem;padding: 0 2rem; border-top:2px solid #ff2e2e;border-bottom:2px solid #ff2e2e; color:#333;text-align: center;font-size: 3.5rem;}
.dvd_about .flex{margin:0 auto 3rem; padding:0 4rem; align-items: center;justify-content: space-around;}
.dvd_about .flex img{margin: 0; width: 27rem;}
.dvd_about_btn .dvd_btn{width: 100%;font-size: 4rem; padding: 1.5rem 2.5rem;}
.dvd_about .dvd_list{width: 80%;margin: 0 auto 3rem;padding-left: 13rem;}
/* アコーディオン */
.toggleBtn_sp{display: none;}
.toggleBtn {
	width: 70%;
	margin: 0 auto;
	border-radius: 5px;
	position: relative;
	background: #a3a3a3;
	padding: 1rem;
	text-align: center;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	box-shadow: 0px 4px #767474;
}
.toggleBtn:hover{opacity: 0.8;}
.toggleArea,.CTA {padding-right: 5rem;}
.toggleArea.top{padding-right: 0;}
.toggleMark {position: absolute;right: 1rem;transition: 0.3s;}
.toggleMark.active {transform: rotateX(-180deg);}
section.btn_wrap {overflow: hidden;}
/*ボタン矢印切り替え*/
.open i.fas.fa-chevron-circle-down.icon_down {display: none;}
i.fas.fa-chevron-circle-up.icon_up {display: none;}
.open i.fas.fa-chevron-circle-up.icon_up {display: inline-block;}


.online_btn_Wrap {
	background: #fff9e5;
	padding: 5rem;
}
.more_btn {
	text-align: center;
	font-size: 4rem;
	background: #fff;
	border-radius: 4px;
	padding: 1rem 0;
	font-weight: bold;
	color: #7d7d7d;
}
.open .more_btn {
	border: 0;
}
.more_info_wrap.open {
	border-radius: 1rem;
}
.more_info_wrap {
	margin-top: 3rem;
	border: 2px solid #e6e6e5;
	border-radius: 1rem;
	overflow: hidden;
}
.more_btn {
	font-size: 4rem;
}
/*----------------------------------------------------------------------------------------------
Countdown
----------------------------------------------------------------------------------------------*/
.timer p{ margin:.5rem 0;}
.timer01{ padding:.5rem 0; color:#fff; font-size:2.2rem; text-align:center; font-weight:bold; line-height:1; background:#222;}
.timer01 .timer_num{ color: #ffff55; font-size:140%; font-family: Century Gothic, "Courier New", Consolas, monospace;}
/*----------------------------------------------------------------------------------------------
Header
----------------------------------------------------------------------------------------------*/
header{ width:100%; margin:0 auto; background:url("../img/ueki_letter_head01_bg.jpg") no-repeat bottom;}
/*----------------------------------------------------------------------------------------------
Section
----------------------------------------------------------------------------------------------*/
/*section{ padding:5rem 0 0; }*/
.sec_inner{width: 960px; margin:0 auto;padding: 0 5rem 7rem;}
.sec_inner.full { padding: 0 0 7rem 0;}
.bg_black{padding: 7rem 0 0; background: #000;color: #fff;}
.bg_black .sub_head{margin: 0 auto 2rem;color: #fff;}
.bg_black.last{margin-bottom: 3rem;}
.paper{background: url("../img/base/footer_lodyas.jpg");background-attachment: fixed;padding-top: 7rem;}
.sec_gap{padding-top: 7rem;}
section.bg01 {
	color: #fff;
	background: url(../img/ueki_BG03.jpg);
	background-attachment: fixed;
	background-position: right center;
	text-shadow: 1px 1px 1px black;
}
/*----------------------------------------------------------------------------------------------
sub_head 
----------------------------------------------------------------------------------------------*/
.sub_head{
	color:#000;
	font-size: 5rem;
	line-height:1.2;
	text-align:center;
	letter-spacing:-2px;
	margin:0 auto 3rem;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	font-family: Ryumin ExtraBold KL,serif;
	font-weight: bold;
}
.sub_head .marker { background: linear-gradient(transparent 60%, #f1f119 60%,#f1f119 85%,transparent 85%);}
h3.sub_catch {
	color:#000;
	font-size: 5rem;
	line-height:1.2;
	text-align:center;
	letter-spacing:-2px;
	margin:0 auto 3rem;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
	font-weight: bold;
}
/*----------------------------------------------------------------------------------------------
ブレッド
----------------------------------------------------------------------------------------------*/
/* 共有 */
ul.check1 li {
	padding: 0 0 1rem 4rem;
	font-weight: bold;
	background: url(../img/base/check3.png) 0 .2rem no-repeat;
	font-size: 2.4rem;
	line-height: 1.3;
}
.check2 li {
	padding: 0 0 1rem 2.6rem;
	background: url(../img/base/check3.png) 0 0.1rem no-repeat;
	line-height: 1.3;
	background-size: 2rem;
}
.bullet_box01 {
	background: #f3f4f7;
	padding: 2rem;
	background: url(../img/bg02.png);
}
ul.check2 {margin: 2rem 0;}
.check3 li:nth-child(even) {background-color: #fffeec;}
.check3 li {
	padding: 2rem 5rem 2rem 6rem;
	border-bottom: 2px dotted #ccc;
	background: url(../img/base/icon_check05.png) 1.5rem 2.2rem no-repeat;
	background-size: 38px;
	font-weight: bold;
	letter-spacing: -0.4px;
}
/*reaf*/
.reaf_ttl{
	margin: 3rem auto 3rem;
	position: relative;
	text-align: center;
	line-height: 1.2;
	font-size: 3rem;
	font-family: Ryumin ExtraBold KL,serif;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	letter-spacing: -1px;
	font-weight: bold;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
}
.reaf_ttl::before {
	content: "";
	position: absolute;
	left: 6px;
	top: -2rem;
	width: 60px;
	height: 160px;
	background: url(../img/ico_laurel_left.png) no-repeat;
	background-size: 52px;
}
.reaf_ttl::after {
	content: "";
	position: absolute;
	right: -20px;
	top: -2rem;
	width: 70px;
	height: 160px;
	background: url(../img/ico_laurel_right.png) no-repeat;
	background-size: 52px;
}
.bullet_box01_txt {
	font-size: 2rem;
	padding-left: 170px;
}
.bullet_box01_caption02 {
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.4;
}
.bullet_box01 .sub_txt {
	font-size: 1.5rem;
	color: #94a5b1;
}
/*reaf02*/
.reaf02_ttl {
	margin: 4rem auto 6rem;
	position: relative;
	text-align: center;
	line-height: 1.2;
	font-size: 4.1rem;
	font-family: Ryumin ExtraBold KL,serif;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	letter-spacing: -1px;
	font-weight: bold;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
}
.reaf02_ttl::before {
	content: "";
	position: absolute;
	left: -10px;
	top: -1.2rem;
	width: 100px;
	height: 160px;
	background: url(../img/ico_laurel_left.png) no-repeat;
}
.reaf02_ttl::after {
	content: "";
	position: absolute;
	right: -20px;
	top: -1.2rem;
	width: 90px;
	height: 160px;
	background: url(../img/ico_laurel_right.png) no-repeat;
}
.reaf02_ttl.out {margin: 0 5rem 4rem;}
/* 証明proof
-------------------*/
.proof01{margin: 4rem 0;border-bottom: 5px solid #bb131a;}
.proof01.notop{margin: 0 0 4rem ;}
.proof01_ttl{
	position: relative;
	font-size: 5rem;
	font-family: 'Gothic MB101 Heavy',sans-serif;
	text-align: center;
	background: #bb131a;
	color: #fff;
	padding: 2rem 0;
	line-height: 1.4;
	letter-spacing: -2px;
}
.proof01_ttl img{position: absolute;top: -8px; left: 0px; width: 13%;}
.proof01_ttl .yellow{font-size: 5.5rem;}
.proof01_ttl .yellow.small{font-size: 5.1rem;}
.proof01_ttl .notice{font-size: 30%; padding-top: 0.5rem; padding-right: 5rem;}
.proof01.top{margin-top: 0;}
.proof01_inner{background: #f9f3d7;padding: 3rem 5rem;}
.proof01_right{width: 62%;}
.proof01_item1_wrap{align-items: flex-start;}
.proof01_item1{
	overflow: hidden;
	border: 2px solid #e79003;
	margin: 2rem 0 0;
	background: #fff;
}
.proof01_item1 p.notice {
	margin-right: 2rem;
	margin-bottom: 2rem;
}
.proof01_item1 dt{background: #e79003;padding: 1rem 2rem;font-size: 3.2rem; color: #fff;font-weight: bold;text-align: center;line-height: 1.4;}
.proof01_item1 dd{background: #fff;padding: 2rem; font-size: 2.2rem;line-height: 1.6; }
.proof01_item2{margin: 3rem 0 0; background: #fff;border: 2px solid #e79003;}
.proof01_item2.flex img{margin: 0; width: 17%;}
.proof01_item2 p{width: 80%;padding: 0 2rem 0 0;font-size: 2rem;line-height: 1.4;}
.proof01 .img_left {float: left; padding: 0 5rem 2rem 0;}
.proof01.last{margin: 4rem 0 14rem;border-bottom: none;position: relative;}
.proof01.last:after{
	content: "";
	bottom: -80px;
	position: absolute;
	border-style: solid;
	border-width: 80px 480px 0 480px;
	border-color: #f9f3d7 transparent transparent transparent;
}
.proof01_item1 span.b.large.u {
	font-size: 3.4rem;
	text-align: center;
	display: block;
	margin-bottom: 1rem;
}
.proof01_item1 span.b.xlarge.u {font-size: 3.4rem;}
.type02.proof01_item1 dd {text-align: center;}
/*吹き出し*/
.fukidashi {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
		margin: 2.5rem 0 ;
		font-size: 2.3rem;
		overflow: hidden;
}
.fukidashi img{margin: 0;padding: 0;}
.fukidashi_txt {
	position: relative;
		margin: 0;
	width: 45%;
		background: #fff;
		padding: 1rem;
	text-align: center;
	border-radius: 15px ;
}
.fukidashi_txt::after{
			content: "";
		position: absolute;
		top: calc(50% - 10px);
		left: -20px;
		border-style: solid;
		border-color: transparent #fff transparent transparent;
		border-width: 10px 20px 10px 0;
}
.fukidashi_txt.max {width: 66%; padding: 2rem; text-align: left;}
.fukidashi.notop{margin: 0 0 3rem;}
/*横ならびlist*/
.listBF{width: 47%; margin: 2rem 0;padding: 0; font-size: 3rem;background: #f4f8ff; }
.listBF p {text-align: center; font-weight: bold; background: #053f89;color: #fff;}
.listAF{position: relative;width: 47%; margin: 2rem 0; padding: 0 ; font-size: 3rem;background: #fff0f0;font-weight: bold;}
.listAF::before{
	content: "";
	top: 45%;
	left: -35px;
	position: absolute;
	border-style: solid;
	border-color: transparent transparent transparent #bb131a;
	border-width: 40px 0 40px 20px;}
.listAF p { text-align: center; font-weight: bold;  background: #bb131a;color: #fff;}
.listBF ul ,.listAF ul { padding: 0 2rem 2rem;}
.listBF ul li,.listAF ul li{text-indent: -2rem; padding: 1.5rem 0 0  4rem;}
.fa-check-circle:before {color: #bb131a;}
/*横ならび画像*/
.pic_list{position: relative;width: 400px; padding: 0; font-size: 3rem;}
.pic_list p{background: #fff;}
.pic_list.tri::before{
	content: "";
	top: 35%;
	left: -35px;
	position: absolute;
	border-style: solid;
	border-color: transparent transparent transparent #bb131a;
	border-width: 40px 0 40px 20px;}
/* 推薦の声
-------------------*/
.recommend_ttl{position: relative;font-family:Gothic MB101 Heavy,sans-serif;text-align: center;font-size: 7.5rem;line-height: 1.3;color: #000;}
.recommend_ttl::before {
	content: url(../img/ico_laurel_left.png);
	position: absolute;
	left: 69px;
	bottom: -15px;
	transform: scale(1);
}
.reco.notice{padding: 3.5rem 5rem 0 0;}
.recommend_ttl::after {
	content: url(../img/ico_laurel_right.png);
	position: absolute;
	right: 69px;
	bottom: -15px;
	transform: scale(1);
}
/*.recommend_box_wrap{padding: 2rem 5rem 0;}*/
.recommend_box{background: url( "../img/ueki_bg_bed.jpg");margin-top: 2rem; padding-top: 3rem;}
.recommend_box h4 { text-align: center;font-weight: bold;text-shadow: 2px 2px 2px #fff;}
.recommend_txt{ padding: 3rem 5rem 7rem;background: url( "../img/bg_grid.gif");}
.recommend_inner{padding: 1rem 5rem 3rem;}
.recommend_inner .img_left{width: 280px;}
.recommend_name{margin-bottom: 1rem;border-bottom: 2px solid #2d5180;display: inline-block; font-size: 5rem;font-weight: bold;font-family: Ryumin ExtraBold KL,serif;line-height: 1.4;color: #051830;text-shadow: 2px 2px 2px #fff;}

.recommend_item_ttl{
	position: relative;
	width: 80%;
	margin: 0 auto 2rem;
	padding: 1rem 0;
	color: #ffefcb;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	background: #bb131a;
	border-radius: 60px;
}
/* 結果×４ 
-------------------*/
.result .sub_head{font-size: 6.8rem;}
.result_card {
	width: 49%;
	margin: 2rem 0 0;
	padding: 2rem ;
	font-size: 2.8rem;
	font-weight: bold;
	border-radius: 3px;
	 /* border: 3px #222 solid; */
	list-style: none;
	background: #f3f4f7;
		
}
.result_card i{
	display: block;
	text-align: center;
	font-size: 5rem;
	margin-bottom: 1rem;
}
.result_card.bg_blue{color: #5970c7;}
.result_card.bg_pink{color: #e85858;}
.result_card.bg_yellow{color: #ff9f0e;}
.result_card.bg_green{color: #69a240;}

/* 講師紹介 
-------------------*/
.bg_space{background: url(../img/ueki_BG06.jpg); background-size: cover;}
.bg_space h3{
	text-align: center;
	font-weight: bold;
	font-size: 4.2rem;
	line-height: 1.4;
}

/*----------------------------------------------------------------------------------------------
text_box
----------------------------------------------------------------------------------------------*/
.text_box {
	background: #f2f5ff;
	padding: 2rem;
}
/*text_box02*/
.text_box02_ttl {
	background: #000;
	display: inline-block;
	color: #fff;
	padding: 1rem;
	font-weight: bold;
	font-family: Ryumin ExtraBold KL,serif;
	font-size: 3rem;
}
.text_box02 {
	background: #f2f5ff;
	padding: 5rem;
}
.text_box02_txt {margin: 2rem 0;}
.text_box02_txt_main {
	font-size: 2.6rem;
	line-height: 1.5;
	font-weight: bold;
	font-family: Ryumin ExtraBold KL,serif;
	margin-bottom: 2rem;
}
/*text_box03*/
	.text_box03_ttl {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5e5e5e+0,363535+100 */
	background: #5e5e5e; /* Old browsers */
	background: -moz-linear-gradient(left,  #5e5e5e 0%, #363535 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #5e5e5e 0%,#363535 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #5e5e5e 0%,#363535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#363535',GradientType=1 ); /* IE6-9 */

	display: block;
	color: #fff;
	padding: 1rem 1.5rem;
	font-weight: bold;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
	font-size: 2rem;
	text-align: center;
	line-height: 1.3;
}
.text_box03 {
	background: #fffeec;
	padding: 2rem;
	position: relative;
}
ul.bullet01 li:nth-child(even) .text_box03 {
	background: #fff;
	padding: 2rem;
	position: relative;
}
.text_box03_txt {
	margin: 1rem 0;
	font-size: 1.8rem;
}
/*text_box04*/
.text_box04_ttl {
	display: block;
	color: #fff;
	padding: 1.5rem;
	font-weight: bold;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
	font-size: 2.2rem;
	text-align: center;
	line-height: 1.3;
	background: #1d5b8a;
}
.text_box04 {
	background: #fff;
	padding: 2rem;
	position: relative;
}
.text_box04_txt {
	margin: 1rem 0;
	font-size: 1.8rem;
}

/*----------------------------------------------------------------------------------------------
eff
----------------------------------------------------------------------------------------------*/
.eff {
	margin-top: 7rem;
	background: #e3f4ed;
}
.eff_ttl {
	font-size: 4.2rem;
	line-height: 1.2;
	display: block;
	text-align: center;
	font-weight: bold;
	position: relative;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
}
.eff_bubble_wrap {
	position: absolute;
	top: -125px;
	left: 0;
	right: 0;
}
.eff_inner{
	margin-top: 2rem;
	padding: 0 5rem 5rem;
}
.eff_bubble {
	position: relative;
	background: #0074ba;
	padding: 2rem 1.5rem;
	color: #fff;
	font-size: 6rem;
	line-height: 1;
	width: 500px;
	margin: 0 auto;
}
.eff_bubble:after {
	position: absolute;
	content: "";
	bottom: -20px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 30px 0 30px;
	border-color: #0074ba transparent transparent transparent;
	transform: translateX(-50%);
}
.eff_ttl_inner {
	padding:0;
	letter-spacing: -1px;
	background: #000;
	color: #fff;
}
.eff_ttl_inner:after {
	content: "";
	display: block;
	height: 10px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#19fff4+0,2690d0+100 */
	background: #19fff4; /* Old browsers */
	background: -moz-linear-gradient(left,  #19fff4 0%, #2690d0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #19fff4 0%,#2690d0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #19fff4 0%,#2690d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19fff4', endColorstr='#2690d0',GradientType=1 ); /* IE6-9 */
	margin-top: 2rem;
}
.eff_ttl_inner:before {
	content: "";
	display: block;
	height: 10px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#19fff4+0,2690d0+100 */
	background: #19fff4; /* Old browsers */
	background: -moz-linear-gradient(left,  #19fff4 0%, #2690d0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #19fff4 0%,#2690d0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #19fff4 0%,#2690d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19fff4', endColorstr='#2690d0',GradientType=1 ); /* IE6-9 */
	margin-bottom: 2rem;
}
.eff_ttl .notice {margin: 0 5rem 2rem 5rem;}
.eff_box {margin-bottom: 6rem;}
.eff_box:last-child {margin-bottom: 0;}
.text_box07 {
	background: #fff;
	text-align: center;
	padding: 2rem 0;
	font-size: 3.4rem;
	font-weight: bold;
	line-height: 1.2;
	color: #2174ba;
}
/*----------------------------------------------------------------------------------------------
新voice
----------------------------------------------------------------------------------------------*/
.h4box.bubble_in {margin-top: 8rem;}
.bubble_wrap {
	position: absolute;
	top: -55px;
	left: -1px;
}
.bubble {
	position: relative;
	background: #2174ba;
	padding: 1rem 1.5rem;
	color: #fff;
	font-size: 3rem;
	line-height: 1.2;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
	font-weight: bold;
}
.bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color: #2174ba;
	border-bottom: 0;
	border-right: 0;
	margin-left: -160px;
	margin-bottom: -15px;
}
.h4box {position: relative;}
.voi {
	margin-top: 7rem;
	background: #ebf7ff;
}
h3.voi01_ttl{
	font-size: 4.2rem;
	line-height: 1.2;
	display: block;
	text-align: center;
	font-weight: bold;
	position: relative;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
}
.voi_ttl_txt {
	padding: 2rem 0;
	letter-spacing: -1px;
	background: #1d5b8a;
	color: #fff;
}
.voi_inner {
	margin-top: 2rem;
	padding: 0 5rem 5rem;
}
h4.voi_catch {
	text-align: center;
	margin-bottom: 2rem;
}
.voi_catch_txt01 {
	font-weight: bold;
	font-size: 4.8rem;
}
.voi_catch_txt02 {
	font-weight: bold;
	font-size: 2.8rem;
	line-height: 1.4;
}
.voi_sub_catch {
	font-weight: bold;
	text-align: center;
	margin-top: 2rem;
	font-size: 2.8rem;
	line-height: 1.4;
}
.voi:first-child {margin-top: 0;}
/*ルビ*/
rt {font-size: 1.3rem;}
h4.sub_ttl {
	border-left: 5px solid #bb131a;
	padding: .5rem 0 .5rem 1rem;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.3;
	color: #000;
	font-family: Gothic MB101 Heavy,sans-serif;
	letter-spacing: -1px;
	margin-top: 2rem;
	margin-bottom: 2rem;
	display: inline-block;
}
.side_element h4.sub_ttl {
	display: block;
	margin-left: 303px;
}
/*----------------------------------------------------------------------------------------------
exp
----------------------------------------------------------------------------------------------*/
.exp.exp_bg01 {
	color: #fff;
	background: url(../img/ueki_BG02.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center bottom;
}
.exp.exp_bg02 {
	color: #fff;
	background: url(../img/ueki_BG04.jpg);
	background-attachment: fixed;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.exp_ttl {
	background: rgb(47,133,197);
	background: linear-gradient(90deg, rgba(47,133,197,0.7) 0%, rgba(29,91,138,0.7) 100%);
	text-align: center;
	padding: 2rem 0;
	font-size: 5.5rem;
	line-height: 1.2;
	font-weight: bold;
	font-family: Ryumin ExtraBold KL,serif;
}
.exp_inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 5rem 7rem;
}
.exp_box01 .indep_txt {
	font-size: 8.5rem;
	text-align: center;
	margin: 4rem 0;
	font-weight: bold;
	font-family: Ryumin ExtraBold KL,serif;
	background: rgba(0,0,0,0.6);
}
.exp_box01 .indep_txt02 {
	font-size: 3.2rem;
	line-height: 1.5;
	font-family: Ryumin ExtraBold KL,serif;
}
.exp_box02 {margin-top: 7rem;}
.exp_box02 .indep_txt {
	font-size: 5.5rem;
	font-weight: bold;
	margin-bottom: 2rem;
	font-family: Ryumin ExtraBold KL,serif;
}
h4.exp_catch {
	background: #bb131a;
	display: inline-block;
	padding: 2rem 2rem 2rem 5rem;
	font-weight: bold;
	font-size: 3rem;
	margin: 0 0 2rem;
}
h4.exp_gap {
   margin: 8rem 0 2rem;
}
.text_box05 {
	background: rgba(255,255,255,0.25);
	overflow: hidden;
}
.text_box05 .text_box_ttl {
	text-align: center;
	font-weight: bold;
	font-size: 4rem;
	background: #1d5b8ac9;
	padding: 1rem 0;
	font-family: Ryumin ExtraBold KL,serif;
}
.text_box05 .text_box_main {
	padding: 5rem;
	overflow: hidden;
	font-family: Ryumin ExtraBold KL,serif;
}
.text_box05 .img_left {padding: 0 2rem 0 0;}
.text_box05 .text_box_item_ttl {
	font-weight: bold;
	text-align: center;
	font-size: 3.2rem;
	margin-bottom: 1rem;
}
.indep_txt.type02 {font-size: 4.1rem;}
.exp_item01 {
	text-align: center;
	font-size: 2.8rem;
	padding-left: 34rem;
}
.text_box06 {
	background: rgba(255,255,255,0.25);
	padding: 2rem;
	font-size: 2.2rem;
	margin-top: 2rem;
}
.exp_item01 img {margin: 1.5rem auto;}
.deco_reason {
	display: inline-block;
	position: absolute;
	padding: 7px 0;
	left: -52px;
	top: 19px;
	width: 190px;
	text-align: center;
	font-size: 26px;
	line-height: 34px;
	background: #d1032e;
	color: #fff;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(-45deg);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	font-family: "Gothic MB101 Heavy", "A-OTF ゴシックMB101 Pr6N";
}
.exp_catch02_main {
	line-height: 1.4;
	background: #2174ba;
	padding: 2rem 0;
	font-weight: bold;
	font-size: 3.5rem;
	text-align: center;
}
h4.exp_catch02 {
	position: relative;
	margin: 7rem 0 2rem 0;
}
.deco_reason:before, .ribbon02:after {
	position: absolute;
	content: "";
	border-top: 5px solid #c09ac0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: -5px;
}
.deco_reason:before {left: 0px;}
.deco_reason:before, .deco_reason:after {
	position: absolute;
	content: "";
	border-top: 5px solid #c09ac0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: -5px;
}
.deco_reason:after {right: 0px;}
.exp_inner p.text_c {text-align: inherit;}
/*----------------------------------------------------------------------------------------------
balloon 吹き出し
----------------------------------------------------------------------------------------------*/
.balloon01 {
	background: #005799;
	/* background: radial-gradient(circle, #2f85c5 0%, rgb(48 164 227) 100%); */
	margin-bottom: 3rem;
	position: relative;
	padding: 3rem 0;
	color: #FFF;
	font-family: Gothic MB101 Heavy, "A-OTF ゴシックMB101 Pr6N" ,sans-serif;
	font-size: 4.5rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
	text-shadow: 0 2px 3px rgba(0,0,0,0.5);
}
.balloon01:after {
	position: absolute;
	content: "";
	bottom: -20px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 30px 0 30px;
	border-color: #005799 transparent transparent transparent;
	transform: translateX(-50%);
}

/*----------------------------------------------------------------------------------------------
新recommend
----------------------------------------------------------------------------------------------*/
.reco {
	margin: 0 5rem;
	box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.reco_ttl {
	margin: 0 auto 6rem;
	position: relative;
	text-align: center;
	line-height: 1.2;
	font-size: 4.6rem;
	font-family: Ryumin ExtraBold KL,serif;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	letter-spacing: -1px;
	font-weight: bold;
}
.reco_ttl::before {
	content: "";
	position: absolute;
	left: 10px;
	top: -2rem;
	width: 90px;
	height: 160px;
	background: url(../img/ico_laurel_left.png) no-repeat;
}
.reco_ttl::after {
	content: "";
	position: absolute;
	right: 10px;
	top: -2rem;
	width: 90px;
	height: 160px;
	background: url(../img/ico_laurel_right.png) no-repeat;
}
.reco_inner {
	padding: 5rem 5rem 7rem 5rem;
	background: url(../img/bg02.png);
	-webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1);
	margin-bottom: 7rem;
}
h4.reco_sub_ttl {
	font-size: 4rem;
	line-height: 1.2;
	display: block;
	text-align: center;
	font-weight: bold;
	position: relative;
	font-family: Ryumin ExtraBold KL,serif;
	background: #17857c;
	color: #fff;
	padding: 2rem 0;
}
.reco_head {margin-top: 7rem;}
/*----------------------------------------------------------------------------------------------
メリット
----------------------------------------------------------------------------------------------*/
.merit {margin-bottom: 2rem;}
.merit:last-child {margin-bottom: 0;}
.merit_ttl {
	border-bottom: 1px solid #9f0000;
	margin: 0 0 3rem;
}
.merit .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: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.merit_ttl h3 {
	width: 85.5%;
	background: #fff;
	margin: 0;
	text-align: left;
	font-size: 2.9rem;
	font-weight: bold;
	font-family: Gothic MB101 Heavy, sans-serif;
	line-height: 1.4;
}
.merit_list {
	width: 105px;
	color: #fff;
	font-size: 7rem;
	text-align: center;
	background: #982d18;
	background: -moz-linear-gradient(left, #982d18 0%, #66110a 100%);
	background: -webkit-linear-gradient(left, #982d18 0%,#66110a 100%);
	background: linear-gradient(to right, #982d18 0%,#66110a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#982d18', endColorstr='#66110a',GradientType=1 );
	height: 137px;
	line-height: 137px;
}
.merit .r {color: #9f0000;}
.merit_list_ttl {
	font-size: 1.5rem;
	line-height: 1;
	margin-top: 27px;
	margin-bottom: .5rem;
	font-family: FB Agenda Bold Condensed;
}
.merit_list_number {
	line-height: 1;
	font-family: FB Agenda Bold Condensed;
}
/*----------------------------------------------------------------------------------------------
ブレッド
----------------------------------------------------------------------------------------------*/
ul.bullet01 li {
	padding: 2rem 5rem 2rem 6rem;
	border-bottom: 2px dotted #ccc;
	background: url(../img/base/check3.png) 1.5rem 2.2rem no-repeat;
}
ul.bullet01 li p {
	margin-top: 1rem;
	line-height: 1.4;
}
ul.bullet01 li img {margin: 1rem 0;}
.dvd_box_inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 5rem 7rem;
}
.dvd_box_ttl {font-weight: bold;}
.dvd_box_txt {
	background: #fffeec;
	font-size: 1.8rem;
	padding: 3rem;
	margin-top: 1rem;
	margin-right: 2vw;
}
ul.bullet01 li:nth-child(even) {background-color: #fffeec;}
ul.bullet01 li:nth-child(even) .dvd_box_txt {background-color: #fff;}
/*----------------------------------------------------------------------------------------------
special
----------------------------------------------------------------------------------------------*/
.special_wrap {
	padding-bottom: 5rem;
	margin-bottom: 7rem;
}
.special {padding: 3rem 0 0 0;}
#special .sub_head {
	margin: 0 auto;
	padding-top: 5rem;
}
.special_inner {
	background: #fff;
	margin: 0 5rem;
	padding: 5rem;
	box-shadow: 5px 5px 5px #c3bd9a;
}
.special_ttl {
	width: 900px;
	position: relative;
	left: -70px;
	top: -20px;
}
.check3 li:last-child {border-bottom: 0;}
.special_txt {margin-bottom: 2rem;}
.special_ttl:before {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 2rem transparent;
	border-left: solid 2rem #000;
}
.special_ttl:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 2rem transparent;
	border-right: solid  2rem #000;
}
/*special_prezent_img 特典画像*/
.special_prezent_img.bg_01 {padding: 5rem 0;}
/*----------------------------------------------------------------------------------------------
hoshou
----------------------------------------------------------------------------------------------*/
.hosho .img_left{width: 50%;}
/* 返金保証の流れ */
.hosho_step{
	margin: 2rem 0;
	-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 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: 15px auto 0; font-size: 70%; }
.hosho2_flow_list {margin: 0 auto;flex: 1;}
.hosho2_flow_list p{padding: 5px 20px;}
.hosho2_flow_wrap .large {font-size: 118%;}
/* オンライン */
.online_box{padding: 2rem;border: 2px dotted #CCC;margin: 1rem 0 0;font-size: 1.6rem;line-height: 1.3;background: #FFF;}
.online_box li{ padding-left: 1rem;text-indent: -1em;}
.online_caotion {
	line-height: 1.3;
	margin-top: 1rem;
}
/* Q&A */
#qa dt { color: #d71523; font-weight: bold; font-size: 2.5rem; border-bottom: 2px solid; }
#qa dd { line-height: 1.5; font-size: 2rem; margin: 20px 0 30px 0; }

/*----------------------------------------------------------------------------------------------
form
----------------------------------------------------------------------------------------------*/
.formWrap{width:100%;padding: 0 0 2rem;}
/* 料金 */
.price_box{ margin-top:2rem; }
.price_result{
	margin-top: 3rem;
	font-weight: bold;
	font-family: Arial, Helvetica, "sans-serif";
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.price_result_main{
	font-size:7rem;
	line-height: 1;
}
.price_month{
	float:left;
	padding-right: 1rem;
}
.price_month span {
	background: #bb131a;
	color: #fff;
	height: 80px;
	width: 80px;
	display: block;
	text-align: center;
	line-height: 80px;
	border-radius: 80px;
	font-size: 2rem;
}
.price_result_sub{
	font-size: 3rem;
	text-align:right;
}
.price_result_split {font-size: 3rem;}
.price_notice{
	padding:2rem;
	margin:1rem auto;
	background:#eaeaef;
	box-sizing:border-box;
	font-family: Ryumin ExtraBold KL,serif;
}
.price_notice p{
	padding-left:1em;
	font-size:2rem;
	text-indent:-1em;
}
/* 価格表 */
.price_table{ width:100%; margin: 2rem auto; border: 2px solid #040000; line-height: 1.4; }
.price_table th{ background: #040000; color: #fff; font-weight: bold; padding: .5rem; }
.price_table tr:nth-child(2n){ background: #f5f5f5; }
.price_table td{ padding: 10px; vertical-align: middle; }
.price_table td:nth-child(odd){font-size: 1.8rem; }
.price_table td:nth-child(even){ width: 30%; text-align: center; font-size: 2.5rem; border-left: 2px solid #040000; }
/*----------------------------------------------------------------------------------------------
フォーム
----------------------------------------------------------------------------------------------*/
.form{ width:100%; padding:0; margin: 0 auto; }
/*----------------------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------------------*/
footer{ background:#eaeaef; }
.footer_logo img{ max-width:300px; }
.footer_txt{
	padding:0 0 0 2rem;
	font-size:1.1rem;
	text-align:left;
	line-height:1.9;
}
#footer_wrap{
	display:flex;
	width:800px;
	padding:2rem 0;
	margin:0 auto;
	font-size:80%;
	justify-content:center;
}
#footer_wrap li{
	display:inline-block;
	padding:0 1rem 0;
	border-left:1px solid #aaa;
}
#footer_wrap li:first-child{ border:none; padding:0 1em 0 0; }
/*----------------------------------------------------------------------------------------------
scfooter
----------------------------------------------------------------------------------------------*/
#scfooter{
	z-index:1000;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:0;
	background:rgba(202,202,202,.7);
}
.scfooter_inner{
	display:block;
	width:80%;
	padding:1rem 0;
	margin:auto;
	border-radius:20px;
	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;
}
.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;
}
.btn_ft a p {
	color: #fff;
	padding: 1rem 0;
	text-align: center;
	font-family: "Gothic MB101 Heavy";
	line-height: 1;
	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;
	line-height: 1;
}
.btn_ft .top_txt {
	top: -3px;
	position: relative;
}
.btn_ft .bottom_txt {
	margin-top: 1rem;
	display: block;
	font-size: 2.7rem;
}
.btn_ft img{ border-radius:4px; }
.btn_ft a{ text-decoration:none !important; display: block; }

/*----------------------------------------------------------------------------------------------
index_normal.html用CSS
----------------------------------------------------------------------------------------------*/
#INDEX_NORMAL .reaf02_ttl::after {
    content: "";
    position: absolute;
    right: -40px;
    top: -18px;
    width: 68px;
    height: 139px;
    background: url(../img/ico_laurel_right.png) no-repeat;
    background-size: 69px;
}
#INDEX_NORMAL .reaf02_ttl::before {
    content: "";
    position: absolute;
    left: -40px;
    top: -18px;
    width: 68px;
    height: 139px;
    background: url(../img/ico_laurel_left.png) no-repeat;
    background-size: 69px;
}
#INDEX_NORMAL .reaf02_ttl {
    font-size: 5rem;
}




@media screen and (max-width:768px){ .btn_ft{width:75%;} }
@media screen and (max-width:425px){ .btn_ft{width:95%;} }

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px){
	/*----------------------------------------------------------------------------------------------
	Basic Style
	----------------------------------------------------------------------------------------------*/
	body{ width:100%; font-size:4.5vw; overflow: hidden;}
	#main{width: 100%;box-shadow: none;}
	img{ max-width:100%; width: 100%;}
	.img_300{ width: auto;}
	.img_340{ width: auto;}
	.img_350{ width: auto;}
	.img_375{ width: auto;}
	.img_400{ width: auto;}
	.img_420{ width: auto;}
	.img_500{ width: auto;}
	.img_660{ width: auto;}
	.img_670{ width: auto;}
	.img_740{ width: auto;}
	.img_860{ width: auto;}
	.s_img {width: 80%; margin: 0 auto;}
	/* p+img{margin: 1rem 0;} */
	img.bottom {margin-top: 3vw;}
	img.sp_bottom {margin-bottom: 0;}
	img.middle {margin: 6vw 0;}
	img.s_bottom {
		margin-top: 3vw;
	}
	.mb101{letter-spacing: -1px;}
	.sp_small{font-size: 90%;}
	.xslarge{ font-size:115%; }
	.xlarge{font-size: 125%;}
	.xxlarge{ font-size:140%; }
	.xxxlarge{ font-size:140%; }
	.large110 {font-size: 108%;}
	/* Float */
	.img_right{ float:none; padding:0; margin: 0 auto 1.5rem; width: 80%;}
	.img_left{
		float: none;
		padding: 0;
		width: 80%;
		margin: 0 auto 3vw;
	}
	.img_sp{width: 60%;}
	.img_center2{margin-top: 1.5rem;}
	.img_center .text_c.mb101{line-height: 1.3;}
	img.top {
		margin-bottom: 3vw;
	}
	
	/*flex*/
	.flex{display: block;}
	.flex img{
		margin: 0 auto;
	}
	.flex .img_area {
		margin-bottom: 3vw;
		width: 80%;
		margin: 0 auto 3vw;
	}
	.flex .img_area:last-child {
		margin: 0 auto;
	}

	.flex .img_area:last-child {
		margin-bottom: 0;
	}
	.flex_sp_img{width: 90%;margin: 0 auto;}
	.flex_3{width: 90%;margin: 0 auto;}
	.flex_3:first-of-type{margin-top: 1.5rem;}
	.flex .img_center{line-height: 1.3; margin: 0 auto 3vw;}
	.flex .img_center:last-child {
		margin-bottom: 0;
	}
	/*画像キャプション*/
	.caption02{
		width: 100%;
		font-size: 4vw;
		text-align: center;
		padding: 3vw 0;
		line-height: 1.2;
	}
	p.caption {
		font-size: 3.3vw;
	}
	/* PC/SP表示調整 */
	.display_pc{ display:none; }
	.display_sp{ display:block; }
	.pc{ display:none; }
	.sp{ display:block; }
	.display_inline_pc{ display:none; }
	.display_inline_sp{ display:inline-block; }
	/* 背景色つき見出し */
	.text-box span{width: 100%; padding: 1rem 0;font-size: 6vw;}

	.notice{text-align: left; line-height: 1.2; font-size: 3vw;}
	.notice.out { padding: 3vw;}

	.text_stand_out.middle {
		font-size: 4.4rem;
		text-align: center;
		margin: 2rem 0;
		color: #bb131a;
		font-weight: bold;
	}
	.marker_black {
		padding: 2vw;
		font-size: 6vw;
		margin-bottom: 1vw;
	}
	/*----------------------------------------------------------------------------------------------
	prihead
	----------------------------------------------------------------------------------------------*/
	#prihead{ font-size:4.2vw; }
	#prihead #CDT{width:100%;font-size:3.6vw;}
	/*----------------------------------------------------------------------------------------------
	countdown
	----------------------------------------------------------------------------------------------*/
	.timer01 { padding:.5rem 0; font-size:4.5vw; line-height:1.2; }
	.timer01 .timer_num { font-size:130%; }
	/*----------------------------------------------------------------------------------------------
	header
	----------------------------------------------------------------------------------------------*/
	header{padding-bottom: 0;background: none;}
	header h1{padding-top: 0;}
	header .headermv{
		width: 47%;
		height: auto;
		top: 58.5vw;
		right: 25%;
		transform: translateX(50%);
	}
	div#header_balloon {
		position: absolute;
		top: -26px;
		right: 0;
		transform: rotate(-7deg);
		width: 45vw;
	}
	/*----------------------------------------------------------------------------------------------
	section
	----------------------------------------------------------------------------------------------*/
	.sec_inner{width: 95%;padding: 0 0 12vw;}
	.sec_inner.full { padding: 0 0 12vw 0;}
	.sec_gap {
		padding-top: 12vw;
	}
	section.sec_gap.sec_gap_top {
		padding-top: 3vw;
	}
	section.sec_gap.sp_no_secgap {
		padding-top: 3vw;
	}
	/*----------------------------------------------------------------------------------------------
	sub_head
	----------------------------------------------------------------------------------------------*/
	.sub_head{
		padding:0 0 3vw;
		margin:0 auto ;
		font-size: 5.7vw;
		letter-spacing: -1px;
	}
	.sub_head .xxsmall02 {font-size: 80%;}
	.sub_head .sp_xxsmall02 {font-size: 111%;}
	h2.sub_head.not_only {
		padding: 0 2vw;
		margin-bottom: 3vw;
	}

	h3.serif{line-height: 1.3;}
	.sub_head_img {margin-bottom: 6vw;}
	.sub_head_inner {
		width: 95%;
		margin: 0 auto;
	}
	/*----------------------------------------------------------------------------------------------
	ブレッド
	----------------------------------------------------------------------------------------------*/
	/* 共有 */
	ul.check1 li,
	ul.check2 li,
	ul.check3 li{ background-size:8%; }
	ul.check1 li,
	ul.check2 li,
	ul.check3 li{ padding:1.2rem 0 1.2rem 3.5rem; }
	.check5,.check6{font-size: 5vw;padding-left: 1.5em;text-indent: -.7em;}
	.check7,.check8{font-size: 5vw;}
	.check7 .fas,.check8 .fas{font-size: 6vw;}
	ul.check2 {
		margin: 0;
	}
	/*SPfontサイズ調整*/
	.sp_txt01{font-size: 69%;}
	.sp_txt02{font-size: 7.8vw; line-height: 1;}
	.sp_txt03{font-size: 136%;}
	.sp_txt04{font-size: 104%;}
	.sp_txt05{font-size: 84%;}
	.sp_txt06{font-size: 99%; line-height: 1.2;}
	.sp_txt07{font-size: 188%;}
	.sp_txt08{font-size: 202%;}
	.sp_txt09{font-size: 108%;}
	.sp_txt10{font-size: 134%;}
	.sp_txt11{font-size: 115%;}
	.sp_txt12{font-size: 222%; line-height: 1.1;}
	.sp_txt13{font-size: 96%;}
	.sp_txt14{font-size: 170%; line-height: 1.2;}
	.sp_txt15{font-size: 163%;}
	.sp_txt16{font-size: 168%;}
	.sp_txt17{font-size: 170%;}
	.sp_txt18{font-size: 220%;}
	.sp_txt19{font-size: 170%;}
	.sp_txt20{font-size: 250%;}
	.indep_txt.type02.sp_txt21 {
		font-size: 8vw;
		line-height: 1.3;
	}
	.indep_txt.type02.sp_txt22 {
		font-size: 6vw;
		line-height: 1.3;
	}
	.sp_txt23{font-size: 92%;}
	.sp_txt24{font-size: 123%;}
	.sp_txt25{font-size: 150%;}
	.sp_txt26{font-size: 125%;}
	.sp_txt27{font-size: 147%;}
	.sp_txt28{font-size: 118%;}
	.sp_txt29{font-size: 117%;}
	.sp_txt30{font-size: 129%;}
	.sp_txt31{font-size: 120%;}
	.sp_txt32{font-size: 95%;}




	/* 固有 */
	ul.check1 li{ background-position:0 1.4rem; font-size: 5vw;}
	ul.check3 li{ background-position:0 1.4rem; line-height: 1.5;}
	ul.check4 li{ font-size:4.5vw; background-position:0 2vw; }
	ul.xlarge{font-size: 5.5vw;}
	ul.check1 li {
		background-position: 0 3vw;
		font-size: 5vw;
		background-size: 5vw;
		padding: 2vw 0 2vw 7vw;
	}
	ul.check2 li {
		background-position: 0 3vw;
		padding: 2vw 2vw 2vw 7vw;
		background-size: 5vw;
	}
	ul.bullet01 li p {
		margin-top: 0;
		line-height: 1.4;
	}
		/* proof
	-------------------*/
	.proof01_ttl{font-size: 5.9vw; padding: 2rem 0 1.5rem;}
	.proof01_ttl .yellow{font-size: 6vw;}
	.proof01_ttl .yellow.small { font-size: 5.2vw;}
	.proof01_ttl .notice { padding-top: 0.5rem; padding-left: 2vw;}
	.proof01_ttl img{ top: -4px; left: 0px; width: 17%;}
	.proof01_inner{margin: 0 auto; padding: 2rem 1rem;}
	.proof01_right{width: 100%;}
	.proof01_right .notice{margin-bottom: 1rem;}
	.proof01_item1{width: 100%;margin: 2rem auto 0;}
	.proof01_item1 dt{padding: 1rem .5rem;font-size: 4.8vw;}
	.proof01_item1 dd{padding: 2rem;font-size: 4.5vw;}
	.proof01_item2{padding: 1.5rem;margin-top: 2rem;}
	.proof01_item2 p{ margin-bottom: 1rem; padding: 0; font-size: 5vw; width: 100%;}
	.proof01_item2.flex img{width: 30%;margin: 0 auto;}
	.proof01 .img_left { float: none; padding: 0; margin: 2rem auto;}
	.proof01.last {
		margin: 4rem 0 6rem;
		border-bottom: none;
		position: relative;
	}
	.proof01.last:after {
		content: "";
		bottom: -30px;
		left: calc(50% - 100px);
		position: absolute;
		border-style: solid;
		border-width: 40px 100px 0 100px;
		border-color: #f9f3d7 transparent transparent transparent;
	}
	.proof01_item1 span.b.large.u {
		font-size: 2.4rem;
	}
	.proof01_item1 span.b.xlarge.u {
		font-size: 2.4rem;
	}
	/*	吹き出し*/
	.fukidashi {display: block;margin: 3rem 0 ; padding: 0; font-size: 4vw;}
	.fukidashi img {margin: auto; padding: 0;}
	.fukidashi_txt {
		margin: 2rem 0 0;
		width: 100%;
		font-size: 6vw;
		line-height: 1.5;
	}
	.fukidashi_txt.max { width: 100%; font-size: 4.5vw;}
	.fukidashi_txt::after {
		top: -15px;
		left: calc(50% - 10px);
		border-color: transparent transparent #fff transparent;
		border-width: 0 10px 20px 10px ;
	}
	/*---------横ならびlist-------*/
	.listBF{width: 100%; font-size: 4.5vw;margin: 1rem 0;}
	.listBF p ,.listAF p {font-size: 5vw;padding: .5rem 0;}
	.listAF{width: 100%;font-size: 4.8vw;}	
	.listAF::before{
		content: "";
		top: 45%;
		left: -35px;
		position: absolute;
		border-style: solid;
		border-width: 40px 0 40px 20px;}
	.listBF ul ,.listAF ul { padding: 0 1rem 2rem 2rem;}
	.listBF ul li,.listAF ul li{text-indent: -1rem; padding: 1rem 0 0 2rem;}

	/*---------横ならび画像-------*/
	.pic_list{width: 80%;  padding: 0; font-size: 4.8vw; margin: 0 auto;}
	.pic_list p{background: #fff;}
	.pic_list.tri {margin: 3rem auto 0;}
	.pic_list.tri::before {
		top: -12vw;
		left: calc(50% - 8px);
		transform: rotate(90deg);
		border-width: 30px 0 30px 15px;
	}
	
	/* 推薦の声
	-------------------*/
	.recommend_box {
		background: url(../img/ueki_bg_bed.jpg)center;
		background-size: cover;
		margin-top: 2rem;
		padding-top: 1.5rem;
	}
	.recommend_ttl{font-size: 8.1vw;}
	.recommend_ttl .xsmall{font-size: 5vw;}
	.recommend_ttl::before{top: 2vw; left: -3vw;transform: scale(0.5);}
	.recommend_ttl::after{top: 2vw; right: -3vw;transform: scale(0.5);}
	.recommend_box_wrap{width: 92%;margin: 0 auto; padding: 0;}
	.recommend_sub_ttl{margin: 0 -1rem 2.5rem;border-top: 2px solid #d3c355;padding: 1rem; font-size: 5vw;text-align: center;}
	.recommend_inner{padding: 0 1rem 2rem;text-align: center; font-weight: bold;}
	.recommend_name{display: block;font-size: 6.5vw;text-align: center;padding-bottom: 1rem;}
	.recommend_item_ttl{width: 100%;padding: .5rem; font-size: 5vw; line-height: 1.3; margin: 0 auto 1rem;}
	.recommend_txt { padding: 2rem 1rem 4rem; background: url(../img/bg_grid.gif);}
	.reco.notice { padding-top: 1.5rem; padding-right: 3rem;}
	.recommend_txt p.caption {font-size: 4.8vw;}
	/* 結果×４ 
	-------------------*/
	section.result{padding: 0 0 .1rem; margin-top: 6vw;}
	.result .sub_head { font-size: 7vw;}
	.result_card { 
		width: 100%;
		margin: 1rem 0;
		padding: 2rem 0;
		font-size: 4vw;
		border-radius: 3px;
		text-align: center;
		letter-spacing: -0.2px;
	}
	.result_card i { font-size: 3.5rem;}
	h3.sub_catch {
		font-size: 5.3vw;
	}
	/* 講師紹介 
	-------------------*/
	.bg_space h3{font-size: 5vw; margin: 1rem 0;}

	/*----------------------------------------------------------------------------------------------
	eff
	----------------------------------------------------------------------------------------------*/
	.eff_bubble {
		width: auto;
		margin: 3vw 2vw;
		font-size: 13vw;
	}
	.eff_ttl {
		font-size: 5vw;
	}
	.eff_inner {
		padding: 0 2vw 12vw;
	}
	.text_box07 {
		font-size: 6.5vw;
	}
	.eff_box {
		margin-bottom: 6vw;
	}
	.eff_ttl .notice {
		margin: 0 3vw 0;
	}
	/*----------------------------------------------------------------------------------------------
	voi
	----------------------------------------------------------------------------------------------*/
	.voi_inner {
		margin-top: 3vw;
		padding: 0 2vw 6vw;
	}
	.voi_catch_txt01 {
		font-size: 8vw;
		line-height: 1.3;
		margin-bottom: 3vw;
	}
	.voi_catch_txt02 {
		font-size: 5vw;
	}
	.voi_sub_catch {
		font-size: 5vw;
	}
	.img_center.arrow01 {
		margin-top: 3vw;
	}
	.text_box04 {
		padding: 2vw;
	}
	.text_box04_ttl {
		padding: 3vw 0;
		font-size: 5.5vw;
	}
	h4.sub_ttl {
		font-size: 5.7vw;
	}
	.voi {
		margin-top: 6vw;
	}
	/*吹き出し*/
	.bubble_wrap {
		position: relative;
		top: 0;
		left: 0;
	}	
	.bubble {
		font-size: 5.8vw;
		text-align: center;
		padding: 2vw 0;
	}
	.h4box.bubble_in {
		margin-top: 12vw;
	}
	.side_element h4.sub_ttl {
		margin-left: 0;
	}
	/*----------------------------------------------------------------------------------------------
	exp
	----------------------------------------------------------------------------------------------*/
	.exp.exp_bg01 {
		background-attachment: unset;
	}
	.exp.exp_bg02 {
		background-attachment: unset;
	}
	.exp_ttl {
		font-size: 6.7vw;
		padding: 3vw 0;
	}
	.exp_inner {
		width: auto;
		padding: 0 2vw 12vw;
	}
	.exp_box01 .indep_txt {
		margin: 3vw 0;
		font-size: 13vw;
		padding: 3vw 0;
	}
	.exp_box01 .indep_txt02 {
		font-size: 6.5vw;
		padding: 3vw 0;
	}
	.exp_box02 .indep_txt {
		margin-bottom: 3vw;
		line-height: 1;
		font-size: 13vw;
		text-align: center;
	}
	.exp_box02 {
		margin-top: 6vw;
	}
	h4.exp_gap {
		display: block;
		margin: 0 2vw 3vw 2vw;
		padding: 3vw 0;
		text-align: center;
		line-height: 1;
		font-size: 9vw;
	}
	h4.exp_catch{
		display: block;
		margin: 0 2vw 3vw 2vw;
		padding: 3vw 0;
		text-align: center;
		line-height: 1;
		font-size: 9vw;
	}
	.text_box05 .text_box_ttl {
		font-size: 8vw;
		padding: 3vw 0;
		line-height: 1;
	}
	.text_box05 .text_box_main {
		padding: 3vw 2vw;
	}
	.text_box05 .text_box_item_ttl {
		margin-bottom: 3vw;
		line-height: 1;
		margin-top: 4vw;
		font-size: 9vw;
	}
	.exp_item01 {
		padding-left: 0;
		font-size: 6.1vw;
	}
	.exp_item01 img {
		width: 47vw;
		margin: 2vw auto;
	}
	.text_box06 {
		font-size: 5vw;
		padding: 3vw 2vw;
		margin-top: 3vw;
		line-height: 1.4;
	}
	h4.exp_catch02 {
		overflow: hidden;
		margin: 3vw auto;
	}
	.exp_catch02_main {
		font-size: 5.5vw;
		padding: 3vw 0;
	}
	.deco_reason {
		font-size: 4vw;
		line-height: 2vw;
		left: -18vw;
		top: 2vw;
		width: 46vw;
		letter-spacing: -1px;
	}
	/*----------------------------------------------------------------------------------------------
	reco
	----------------------------------------------------------------------------------------------*/
	.reco_ttl {
		font-size: 6vw;
		margin-bottom: 6vw;
	}
	.reco_ttl::after {
		background-size: 15vw;
		width: 13vw;
		top: -5vw;
		right: 1vw;
	}
	.reco_ttl::before {
		background-size: 15vw;
		width: 13vw;
		top: -5vw;
		left: -1vw;
	}
	.reco_head {
		margin-top: 6vw;
	}
	.reco {
		margin: 0 2vw;
	}
	h4.reco_sub_ttl {
		font-size: 5.8vw;
		padding: 3vw 0;
	}
	.reco_inner {
		padding: 3vw 2vw 6vw 2vw;
		margin-bottom: 12vw;
	}
	/*----------------------------------------------------------------------------------------------
	balloon01
	----------------------------------------------------------------------------------------------*/
	.balloon01 {
		font-size: 5.3vw;
		padding: 3vw 0;
		letter-spacing: -1px;
	}
	/*----------------------------------------------------------------------------------------------
	merit
	----------------------------------------------------------------------------------------------*/
	.merit {
		margin-top: 6vw;
	}
	.merit:first-child {
		margin-top: 0;
	}
	.merit .flex {
		display: block;
	}
	.merit_ttl h3 {
		width: auto;
		font-size: 4.8vw;
		padding: 2vw 0;
		text-align: center;
	}
	.merit_list {
		width: 16vw;
		font-size: 5vw;
		margin: 0 auto;
		height: 16vw;
		text-align: center;
		vertical-align: middle;
		align-items: center;
		display: table;
	}
	.merit_list_ttl {
		margin-top: 0;
		font-size: 3vw;
	}
	.merit_list_ttl_inner {
		display: table-cell;
		vertical-align: middle;
	}
	.merit_list_number {
		font-size: 6vw;
	}
	.merit_ttle_main {
		font-size: 6vw;
	}
	/*----------------------------------------------------------------------------------------------
	ブレッド
	----------------------------------------------------------------------------------------------*/
	.dvd_box_inner {
		width: auto;
		padding: 2vw 2vw 6vw 2vw;
	}
	ul.bullet01 li {
		padding: 3vw 0vw 3vw 6vw;
		background-size: 5vw;
		background-position: left 0vw top 3vw;
	}
	ul.bullet01 li:nth-child(even) .text_box03 {
		padding: 3vw;
		margin: 3vw 0 2vw 0;
	}
	.dvd_box_txt {
		padding: 3vw 2vw;
		line-height: 1.5;
		margin-top: 3vw;
	}
	.bullet_box01 {
		padding: 2vw;
	}
	.bullet_box01_txt {
		padding-left: 0;
		font-size: 5vw;
	}
	.reaf_ttl {
		font-size: 6vw;
	}
	.reaf_ttl::before {
		left: -2vw;
		top: -3vw;
	}
	.reaf_ttl::after {
		right: -7vw;
		top: -3vw;
	}
	.dvd_box .img_area {
		width: 100%;
	}
	.reaf02_ttl.out {
		font-size: 5vw;
		margin: 0 auto 3vw;
	}
	.reaf02_ttl::after {
		right: -20px;
		top: -1vw;
		width: 56px;
		height: 70px;
		background-size: 9vw;
	}
	.reaf02_ttl::before {
		left: 0vw;
		top: -1vw;
		width: 56px;
		height: 70px;
		background-size: 9vw;
	}
	/*----------------------------------------------------------------------------------------------
	special
	----------------------------------------------------------------------------------------------*/
	.special_wrap {
		margin-bottom: 12vw;
	}
	.special {
		padding: 3vw 0;
	}
	.special_inner {
		margin: 0 auto;
		width: 95%;
		padding: 2vw;
	}
	.special_ttl {
		width: 100vw;
		position: relative;
		left: -4.6vw;
		top: 0vw;
	}
	.special img {
		width: 100%;
		margin-top: 2vw;
	}
	.special .special_ttl img {
		width: 100%;
	}
	.special img.img_full {
		width: 100%;
	}
	#special .sub_head {
		padding-top: 0;
	}
	.special .img_area {
		margin: 0 auto;
	}
	.special_about_sub_ttl {
		font-size: 5.2vw;
		text-indent: -2.4vw;
	}
	.special_about_txt {
		font-size: 4.7vw;
		margin: 3vw 0;
	}
	.special_ttl:before{
		display: none;
	}
	.special_ttl:after{
		display: none;
	}
	.special_txt {
		margin-bottom: 2rem;
		margin-top: 2vw;
	}
	/*----------------------------------------------------------------------------------------------
	hoshou
	----------------------------------------------------------------------------------------------*/
	/* 返金保証 */
	.hosho .img_left{width: 85%;}
	.hosho h2.sub_head {font-size: 7vw;}
	/* 返金保証の流れ */
	.hosho_step{ display: block; margin: 1rem 0; }
	.hosho_step .step_box{ width:100%; padding: 0; font-size:4vw; }
	.hosho_step h4{ font-size:5.4vw; }
	.hosho_step img{ margin-bottom: 1rem; }
	.hosho_step img.arrow{ width:6%; margin: -6vmin auto; transform: rotate(90deg); }
	.hosho h3 {font-size: 7vw;}
	/* 品質保証 */
	.hosho2_flow_wrap {display:block;width:100%; margin: 0 auto 15px; font-size: 4.5vw; }
	.hosho2_flow_list {width:100%;}
	.hosho2_flow_list img {width:55%; margin: 0 auto;flex: 1;}
	.hosho2_flow_list p{width: 95%;padding: 1rem 0;margin: 0 auto 15px;text-align: center;font-size: 4vw;line-height: 1.5;}
	.hosho2_flow_center{border-top:1px solid #BFBFBF; margin: 30px 0;padding:15px 0;}
	/*保証*/
	#qa .sub_head {
		width: 95%;
		margin: 0 auto;
	}
	#qa dt {
		line-height: 1.4;
		font-size: 4.6vw;
	}
	#qa dd:last-child {
		margin-bottom: 0;
		font-size: 4.5vw;
	}
	#qa dd {
		font-size: 4.5vw;
	}
	/*----------------------------------------------------------------------------------------------
	追伸
	----------------------------------------------------------------------------------------------*/
	.postscript {
		width: auto;
		padding: 12vw 2vw;
	}
	.postscript_title {
		font-size: 6.8vw;
		text-align: center;
		margin-bottom: 4vw;
	}
	.postscript p {
		/* background-size: auto 11vw;
		line-height: 11vw; */
		width: auto;
	}
	.postscript img {
		width: 70%;
	}
	.sato_img {
		position: relative;
		bottom: -10px;
		right: 2px;
	}
	/*----------------------------------------------------------------------------------------------
	form
	----------------------------------------------------------------------------------------------*/
	.formWrap{ margin:0; }
	/* 料金 */
	.price_result_main{ font-size: 7.5vw; }
	.price_result_main img{
		width:14vw;
		padding-right:1.4rem
	}
	.price_result_sub{
		font-size:5vw;
		margin-top: 2vw;
		display: inline-block;
	}
	.price_notice{ padding:1rem; }
	.price_notice p{ font-size:3.8vw; }
	.price_result {
		align-items: normal;
	}
	.price_box .large {
		font-size: 13vw;
	}
	.price_month span {
		height: 50px;
		width: 50px;
		display: block;
		text-align: center;
		line-height: 50px;
		border-radius: 80px;
		font-size: 3.5vw;
	}
	.price_month {
		padding-right: 0;
	}
	.price_result_split {
		font-size: 5vw;
	}
	.price_box .large {
		font-size: 13vw;
	}
	/* 価格表 */
	.price_table{ border-width: 1px; box-sizing: border-box; }
	.price_table td{ padding: .6rem; font-size: 4.2vw; }
	.price_table td:nth-child(odd){ font-size: 4vw; }
	.price_table td.top{font-size: 4.5vw;}
	.price_table td:nth-child(even){ border-width: 1px; font-size:4.4vw; }
	/*----------------------------------------------------------------------------------------------
	new btn
	----------------------------------------------------------------------------------------------*/
	.sec_last .sec_inner {padding: 0;}
	#sc_btn_jump {top: -22vw;}
	#sc_btn_jump02 {top: -22vw;}
	.btn_wrap .toggleBtn{width: 90%;margin-bottom: 2rem;font-size: 6vw;}
	.btn_wrap .toggleArea,.CTA{padding: 0}
	.btn_inner .flex{display: -webkit-flex;display: -moz-flex; display: flex;flex-wrap: wrap;justify-content: space-between;}
	/* 2カラムonline */
	.online_item{width: 46%;border: 2px solid #ccc;}
	.online_btn{width: 97%;margin: 2rem auto .8rem;padding: 1rem 0;font-size: 2.8vw;box-shadow: 1px 1px 0px 1px #304449;}
	.online_ribon{width: 80%;}
	.online_item_inner h3{font-size: 5vw;}
	.online_item_inner h4{ margin-bottom: 1rem; font-size: 3.3vw;}
	.online_item_inner{padding: 1rem 1vw;}
	.online_item img {
		margin: 5vw 0 2vw 0;
	}
	/* 2カラムDVD */
	.dvd_item{width: 52%;border: 2px solid #ff2e2e;}
	.dvd_btn{width: 95%;margin-bottom: .8rem;padding: 1rem 0; font-size: 3.8vw;box-shadow: 1px 1px 0px 1px #5a8aa6;margin-top: 3vw;}
	.dvd_item_inner h3{font-size: 3.6vw;margin-bottom: 3.9vw;}
	.dvd_item_inner{padding: 1.5rem 2vw;}
	.microCopy{font-size: 3vw;}
	.dvd_list {margin-bottom: 2rem;}
	.dvd_list.fa-ul{margin-left: 2rem;}
	.dvd_list li{font-size: 3.2vw}
	.dvd_img{width: 100%;}
	/* online */
	.online_about h3{padding: 1rem 0;font-size: 6vw;}
	.online_about .blue{font-size: 4.7vw;}
	.online_about .catch{margin: 2rem 0;font-size: 5vw;}
	.online_about .b {font-size: 3.8vw;}
	.online_balloon{margin: 2rem 0;padding: 1.5rem 1rem;font-size: 5vw;}
	.online_about .online_btn{width: 90%;margin-top: 1rem; padding: 1.5rem 0; border-radius: 5px;font-size: 5.5vw;}
	.online_about .online_btn .xlarge{font-size: 115%;}
	.online_notice{margin: 4vw 2vw 0;padding: 3vw;}
	.online_notice li{font-size: 4vw;}
	/* dvd */
	/* .dvd_about_warp{margin: 3vw 0 3vw} */
	.dvd_about{padding: 2rem 2vw;}
	.dvd_about .flex{display: block;margin-bottom: 2rem;padding: 0 3rem;}
	.dvd_about h3{margin:2rem 0; padding: 1rem; font-size: 5.5vw;}
	.dvd_about_btn .dvd_btn{font-size: 6.5vw;}
	.dvd_about .flex img.dvd_disc_sp{width: 85%;margin: 0 auto;}
	.dvd_about_ribon{width: 70%;}
	.dvd_about .dvd_list{width: 100%;padding-left: 0;}
	.dvd_about .dvd_list li{font-size: 3.5vw;margin-bottom: .6rem;}
	.online_about_wrap {margin-bottom: 6vw;}
	.online_btn_Wrap {padding: 12vw 2vw;}
	.dvd_about_warp {
		margin-bottom: 6vw;
	}
	.more_btn {
		font-size: 6.5vw;
	}
	
	/*----------------------------------------------------------------------------------------------
	footer
	----------------------------------------------------------------------------------------------*/
	.footer_logo img{ display:block; }
	.footer_txt{ padding:1rem; }
	#footer_wrap{
		display:block;
		width:100%;
	}
	/*----------------------------------------------------------------------------------------------
	scfooter
	----------------------------------------------------------------------------------------------*/
	.scfooter_inner{ width:100%; }
	.btn_ft .bottom_txt {
		font-size: 5vw;
		margin-top: 1vw;
	}
	.btn_ft .bg_wht {padding: 1vw; font-size: 100%;}




	/*----------------------------------------------------------------------------------------------
	index_normal.html用CSS
	----------------------------------------------------------------------------------------------*/
	#INDEX_NORMAL .reaf02_ttl {
		font-size: 6vw;
	}
	#INDEX_NORMAL .reaf02_ttl::after {
		top: -1.7vw;
		background-size: 7vw;
		width: 9vw;
		right: -1vw;
		height: 19vw;
	}
	#INDEX_NORMAL .reaf02_ttl::before {
		top: -1.7vw;
		background-size: 7vw;
		width: 9vw;
		left: 1vw;
		height: 19vw;
	}





}