@charset "utf-8";

/* rest.css*/
article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,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}
*{ box-sizing:border-box; }
img{ padding:0; margin:0 auto; max-width:100%; }
/*----------------------------------------------------------------------------------------------
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}
/*----------------------------------------------------------------------------------------------
reflection
----------------------------------------------------------------------------------------------*/
@keyframes reflection{
	0%{transform:scale(0) rotate(45deg);opacity:0;}
	80%{transform:scale(0) rotate(45deg);opacity:.25;}
	81%{transform:scale(10) rotate(45deg);opacity:.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:.25;}
	81%{-webkit-transform:scale(10) rotate(45deg);opacity:.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:.25;}
	81%{-moz-transform:scale(10) rotate(45deg);opacity:.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:.25;}
	81%{-ms-transform:scale(10) rotate(45deg);opacity:.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:.25;}
	81%{-o-transform:scale(10) rotate(45deg);opacity:.35;}
	100%{-o-transform:scale(75) rotate(45deg);opacity:0;}
}
.reflection{position:absolute;top:-180px;left:0;height:100%;width:30px;background-color:#fff;opacity:0;transform:rotate(45deg);animation:reflection 2s ease-in-out infinite;-webkit-transform:rotate(45deg);-webkit-animation:reflection 2s ease-in-out infinite;-moz-transform:rotate(45deg);-moz-animation:reflection 2s ease-in-out infinite;-ms-transform:rotate(45deg);-ms-animation:reflection 2s ease-in-out infinite;-o-transform:rotate(45deg);-o-animation:reflection 2s ease-in-out infinite;}
/*----------------------------------------------------------------------------------------------
Basic
----------------------------------------------------------------------------------------------*/
html{
	font-size:62.5%;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;
}
body{
	margin:0;
	color:#3f3f3f;
	font-size:2.2rem;
	font-weight:500;
	line-height:1.7;
	-webkit-font-feature-settings:'palt' 1; font-feature-settings:"palt" 1;
	background:url(../img/base/bg.jpg);
}
#main{
	width:964px;
	padding:5rem 0 1rem;
	margin:0 auto;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	background:#FFF;
}

/* Float / Clearfix */
.clearfix:before,.clearfix:after{ content:" "; display:table; }
.clearfix:after{ clear:both; }
.clearfix{ *zoom:1; }
.side_photo{ float:right; padding:0 0 2rem 2rem; }
.side_photo2{ float:left; padding:0 2rem 2rem 0; }
.img_right{ float:right; width:420px; padding:0 0 2rem 2rem; }
.img_left{ float:left; width:420px; padding:0 2rem 2rem 0; }
.img_full{ width:860px; margin:auto; }
.caption{ max-width:100%; padding:1rem 0 1rem 1rem; margin:0!important; border-left:2px solid #040000; color:#040000; font-size:1.8rem; font-weight:bold; line-height:1.3; }
.side_photo img,.side_photo2 img,.img_full img{ margin:0!important; }

/* PC/SP表示調整 */
.display_pc{ display:block; }
.display_sp{ display:none!important; }

/* font */
.u{ text-decoration:underline; }
.b{ font-weight:bold; }
.r{ color:#DD0000; }
.o{ color:#F79905; }
.accent{ color:#FFFF84; }
.wht{ color:#FFF; }
.marker{ background:linear-gradient(transparent 80%,#ffff84 80%); }
.text_c{ text-align:center; }
.text_r{ text-align:right; }
.text_l{ text-align:left; }
.xxsmall{ font-size:30%; }
.xsmall{ font-size:60%; }
.small{ font-size:80%; }
.large{ font-size:130%; }
.xlarge{ font-size:150%; }
.xxlarge{ font-size:180%; }

.bg_g{ background:#f5f5f5; }
.bg_y{ background:#FFFFF0; }
.bg_b{ background:#F0FCFF; }
.attention_box{ padding:2rem 2rem 2rem 4rem; border:2px dotted #CCC; margin:3rem 0; font-size:1.8rem; line-height:1.3; text-indent:-1em; background:#FFF; }
.attention_box.normal{ padding:2rem; text-indent:0; }
.MB101{ font-family:Gothic MB101 DemiBold; }
.mincho{ font-family:Ryumin ExtraBold KL; }

/* FlexBox */
.flex{
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	flex-wrap:wrap;
}
.pic_list2{ margin-top:3rem; }
.pic_list2 li{ width:47%; margin:0 1rem; }
.pic_list2 img{ margin:0!important; }
/*----------------------------------------------------------------------------------------------
section/letter
----------------------------------------------------------------------------------------------*/
section + section{ margin-top:5rem; }
.sub-head{
	text-align:center;
	color:#040000;
	font-size:5.5rem;
	font-weight:900;
	letter-spacing:-2px;
	line-height:1.3;
	font-family:Gothic MB101 Heavy,sans-serif;
}
.sub-head .xsmall,.sub-head .small,.sub-head .large,.sub-head .xlarge{ display:inline-block; }
.sub-head .normal{ font-family:Gothic MB101 DemiBold,sans-serif; }

/* 見出しリスト */
.sub-head-list{
	margin:0 auto .6rem;
	color:#FFF;
	font-size:3rem;
	text-align:center;
	line-height:1.2;
	font-family:Gothic MB101 Heavy,sans-serif;
}
.sub-head-list li{
	display:inline-block;
	padding:1rem;
	margin:0 .6rem;
	background:#040000;
}

/* letter */
.letter{ padding:3rem 5rem; }
.letter img{ display:block; max-width:100%; margin:0 auto; }
/*----------------------------------------------------------------------------------------------
prihead
----------------------------------------------------------------------------------------------*/
#prihead{
	z-index:10;
	position:fixed;
	width:100%;
	font-size:2.4rem;
	font-weight:bold;
	text-align:center;
	background:#960000;
	background:-moz-linear-gradient(left,#960000 0%,#cf0404 50%,#960000 100%);
	background:-webkit-linear-gradient(left,#960000 0%,#cf0404 50%,#960000 100%);
	background:linear-gradient(to right,#960000 0%,#cf0404 50%,#960000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#960000',endColorstr='#960000',GradientType=1);
}
#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:#333;
	font-size:150%;
	background:#fff;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop,#prihead #CDT .count_num{	/* IE11 */
		padding:1rem .4rem 0;
		line-height:1;
	}
}
/*----------------------------------------------------------------------------------------------
header
----------------------------------------------------------------------------------------------*/
header{ background:url(../img/bg_header.jpg) no-repeat; background-size:cover; }
header h1{ margin:0 auto; }
.jb{
	padding:2rem 0;
	background:#102C53;
	background:-moz-linear-gradient(left,#0B1D37 0%,#102C53 50%,#0B1D37 100%);
	background:-webkit-linear-gradient(left,#0B1D37 0%,#102C53 50%,#0B1D37 100%);
	background:linear-gradient(to right,#0B1D37 0%,#102C53 50%,#0B1D37 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#102C53',endColorstr='#0B1D37',GradientType=1);
}
/*----------------------------------------------------------------------------------------------
ブレッド
----------------------------------------------------------------------------------------------*/
/* 共有 */
ul.check3,
ul.check4{ margin:2rem 0; }

/* 固有 */
ul.check3 li{
	padding:1rem 0 1rem 4rem;
	font-weight:bold;
	background:url(../img/base/check3.png) 0 .8rem no-repeat;
}
ul.check4 li{
	padding:1.6rem 0 1.6rem 4rem;
	border-bottom:1px solid #aaa;
	font-size:2.8rem;
	font-weight:bold;
	line-height:1.3;
	background:url(../img/base/check4.png) 0 2rem no-repeat;
}

/* 共有 */
ul.bullet1{ margin:3rem 0; }
ul.bullet1 li p{ font-size:1.8rem; font-weight:normal; }

/* 固有 */
ul.bullet1 li{
	padding:1.6rem 0 1.6rem 5rem;
	margin:0;
	border-bottom:2px dotted #ccc;
	font-size:2.8rem;
	font-weight:bold;
	line-height:1.3;
	background:url(../img/base/check3.png) 1rem 2rem no-repeat;
}
ul.bullet1 li:nth-child(even){ background-color:#FFFFF0; }
ul.bullet1 li p{
	padding:1rem 0 0;
	margin:1rem 0 0;
	border-top:1px dashed #aaa;
}
ul.bullet1 img{ margin:2rem auto; }

/* メリット */
.merit dt{
	padding:2rem 0 1rem;
	border-bottom:1px solid #AE0007;
	font-size:3rem;
	font-weight:bold;
	-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;
	-webkit-box-pack:justify; -moz-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
}
.merit dt .r{ color:#AE0007; }
.merit .num{
	position:relative;
	width:60px;
	height:60px;
	border-radius:50%;
	color:#FFF;
	text-align:center;
	line-height:1;
	background:#AE0007;
}
.merit .num span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.merit .ttl{ width:780px; line-height:1.3; }
.merit dd{ padding:2rem 0 1rem; border-bottom:1px dotted #CCC; }
.merit dt:nth-child(4n-1){ background:#FFFFF0; }
.merit dd:nth-child(4n){ background:#FFFFF0; }
/*----------------------------------------------------------------------------------------------
voice
----------------------------------------------------------------------------------------------*/
/* 共通 */
.voice__wrap,
.voice2__wrap{
	width:100%;
	padding:4rem;
	margin:3rem auto;
	background:#FFF;
	box-sizing:border-box;
}

/* 各客声の画像と見出し */
.voice__box{ float:right; width:76%; margin:0; }
.voice__img{ float:left; width:20%; }
.voice__img img{ max-width:100%; }
.voice__box h2{
	margin:.2rem 0 .5rem;
	color:#7d8c99;
	font-weight:bold;
	font-family:Ryumin ExtraBold KL,serif;
}
.voice__box p{
	margin:0 auto;
	color:#161964;
	font-size:3.2rem;
	font-weight:900;
	line-height:1.3;
}

/* 固有 */
.voice__wrap{ border:4px double #508bb5; border-radius:15px; box-shadow:4px 2px 16px rgba(0,0,0,.3); }
.voice2__wrap{ border:1px solid #7EA5DD; box-shadow:6px 6px 1px rgba(151,174,197,.3); }
.voice2__wrap .img_right{ width:250px; }
.voice2__wrap .img_left{ width:250px; }

/* 吹き出し */
.speech{ display:table; font-size:3rem; position:relative; background:#c4ecff; padding:2rem; border-radius:10px; font-weight:bold; color:#151965; }
.speech:before{ content:''; position:absolute; border:40px solid transparent; border-top-color:#c4ecff; left:50%; bottom:-60px; transform:translateX(-50%); }
.speech:nth-child(even){ margin:3rem auto 4rem 0; }
.speech:nth-child(odd){ margin:3rem 0 4rem auto; }

/* 吹き出しタイトル客声 */
.voice_arrow{ margin-top:3rem; }
.voice_arrow .img_right{ width:250px; }
.voice_arrow .img_left{ width:250px; }
.voice_ttl{
	position:relative;
	padding:3rem 0;
	color:#FFF;
	font-size:4.4rem;
	text-align:center;
	font-weight:bold;
	line-height:1.3;
	font-family:Gothic MB101 Heavy,sans-serif;
	background:#102C53;
}
.voice_arrow.red .voice_ttl{ background:#AE0007; }
.voice_ttl:after{
	position:absolute;
	content:"";
	bottom:-20px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:30px 30px 0 30px;
	border-color:#102C53 transparent transparent transparent;
	transform:translateX(-50%);
}
.voice_arrow.red .voice_ttl:after{ border-color:#AE0007 transparent transparent transparent; }
.voice_name{
	overflow:hidden;
	padding-bottom:1rem;
	margin-bottom:2rem;
	border-bottom:2px solid #3f3f3f;
	font-size:3.6rem;
	font-weight:bold;
	line-height:1.4;
	font-family:Gothic MB101 DemiBold,sans-serif;
}
.voice_txt{ padding:4rem 5rem; background:#F0FBFF; }
.voice_arrow.red .voice_txt{ background:#FFF0F0; }
.voice_txt .subttl{
	overflow:hidden;
	padding-left:1.4rem;
	margin:4rem 0 2rem;
	border-left:5px solid #DD0000;
	color:#DD0000;
	font-size:3rem;
	line-height:1.3;
	font-family:Gothic MB101 DemiBold,sans-serif;
}
.voice_box{ padding:3rem; margin-top:3rem; background:#FFF; }
.voice_box + p{ margin-top:3rem; }
.voice_box .ttl{
	padding-left:1.4rem;
	margin-bottom:2rem;
	border-left:5px solid #DD0000;
	color:#DD0000;
	font-size:3rem;
	line-height:1.3;
	font-family:Gothic MB101 DemiBold,sans-serif;
}

/* 境界線の客声 */
.voice_line{
	border-top:5px solid #20286E;
	margin-top:3rem;
	font-size:3.2rem;
	line-height:1.3;
	-webkit-box-pack:justify; -moz-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
	-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;
	font-family:Ryumin ExtraBold KL,serif;
}
.voice_line.red{ border-color:#AE0007; font-family:Gothic MB101 Heavy,sans-serif; }
.voice_line:nth-child(even){ background:#eafaff; }
.voice_line:last-child{ border-bottom:5px solid #20286E; }
.voice_line.red:nth-child(even){ background:#FFF0F0; }
.voice_line.red:last-child{ border-color:#AE0007; }
.voice_line + .voice_line{ margin-top:0; }
.voice_line img{ width:250px; }
.voice_line .txt{ width:610px; padding-left:2rem; }
.voice_line h3{ margin-bottom:1rem; }
.voice_line .small{ font-size:1.8rem; }

/* 背景色のみの客声 */
.voice_bg_box{ padding:3rem; margin-top:3rem; background:#FFF0F0; }
.voice_bg_box h3{ margin-bottom:2rem; font-size:3.2rem; line-height:1.3; }

/* アスリート推薦 */
.pro_voice{ background:#FFFFF0; }
.pro_voice_ttl{ padding:3rem 0; margin-bottom:3rem; background:url(../img/bg_voice.jpg); }
.pro_voice .voice_name{ font-family:Ryumin ExtraBold KL,serif; }

/* ベテラン推薦 */
.dr_voice h3{ margin-top:3rem; background:url(../img/bg_voice.jpg); }
.dr_voice .letter{ background:#F0FBFF; }

/* 油井 */
.abura{
	margin-bottom:3rem;
	-webkit-box-align:start; -moz-box-align:start; -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start;
}
.abura img{ margin:0 0 0 3rem; }
.abura_txt{ width:67%; }
.abura .fukidashi{
	position:relative;
	width:100%;
	padding:2rem;
	margin-bottom:1rem;
	color:#FFF;
	font-size:4.6rem;
	line-height:1.3;
	font-family:Gothic MB101 Heavy,sans-serif;
	background:#AE0007;
}
.abura .fukidashi:before{
	z-index:2;
	content:"";
	position:absolute;
	top:50%;
	right:-24px;
	margin-top:-12px;
	border:12px solid transparent;
	border-left:12px solid #AE0007;
}
.abura .name{
	margin-bottom:1rem;
	font-size:3rem;
	text-align:right;
	font-family:Gothic MB101 DemiBold,sans-serif;
}
/*----------------------------------------------------------------------------------------------
profile
----------------------------------------------------------------------------------------------*/
#profile{ width:100%; padding-top:0; margin:0 auto; background:#F0FBFF; }

/* 経歴 */
.prof_info{ padding:3rem 5rem; margin:0 auto 3rem; font-size:2rem; line-height:1.4; background:#102C53; }
.prof_info p{ width:5%; padding:1rem; margin-right:3rem; border:1px solid #FFFF84; color:#FFFF84; font-weight:bold; line-height:3.5; }
.prof_info ul{ width:91%; padding-left:3rem; list-style:outside square; color:#FFF; }

/* 第一弾DVD */
.dvd_info{
	margin:3rem 0;
	-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;
}
.dvd_info img{ margin:0 3rem 0 0; }
.dvd_info .fukidashi{
	position:relative;
	width:67%;
	padding:2rem;
	border:solid 3px #CCC;
	background:#FFF;
}
.dvd_info .fukidashi:before{
	z-index:2;
	content:"";
	position:absolute;
	top:50%;
	left:-24px;
	margin-top:-12px;
	border:12px solid transparent;
	border-right:12px solid #FFF;
}
.dvd_info .fukidashi:after{
	z-index:1;
	content:"";
	position:absolute;
	top:50%;
	left:-30px;
	margin-top:-14px;
	border:14px solid transparent;
	border-right:14px solid #CCC;
}

.prof_pic{ -webkit-box-pack:justify; -moz-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; }
.prof_pic li{ width:33%; }
.prof_pic img{ width:100%; margin:0; }
.caption + .prof_pic{ margin-top:3rem; }
/*----------------------------------------------------------------------------------------------
tokuten
----------------------------------------------------------------------------------------------*/
.tokuten_ttl{
	padding:3rem 0;
	margin-top:3rem;
	color:#FFF;
	font-size:4rem;
	text-align:center;
	line-height:1.3;
	font-family:Gothic MB101 Heavy,sans-serif;
	background:#cf0404;
	background:-moz-linear-gradient(top,#cf0404 0%,#960000 63%);
	background:-webkit-linear-gradient(top,#cf0404 0%,#960000 63%);
	background:linear-gradient(to bottom,#cf0404 0%,#960000 63%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404',endColorstr='#960000',GradientType=0 ); /* IE6-9 */
}
.tokuten_ttl .sub_ttl{ display:inline-block; padding:.6rem 1rem; margin-bottom:1rem; border:1px solid #FFF; }
.tokuten .letter{ background:#FFF0F0; }
.tokuten .img_full{ width:800px; }
/*----------------------------------------------------------------------------------------------
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:.5rem 2rem; }
.hosho2__flow_center{ border-top:1px solid #BFBFBF; margin:3rem 0; padding:1.5rem 0; }
/*----------------------------------------------------------------------------------------------
tsuishin
----------------------------------------------------------------------------------------------*/
#tsuishin{
	padding:5rem;
	font-family:Ryumin ExtraBold KL,serif;
	color:#3C3C3C;
	background:url(../img/base/bg_tsuishin.jpg);
}
.tsuishin__sub h2{
	margin:0 auto .5em;
	font-size:5rem;
	line-height:1.3;
}
.tsuishin__sub p{
	margin:0 !important;
	border-bottom:4px double;
	font-size:3rem;
	line-height:1.3;
	background-image:none !important;
}
.tsuishin__box{
	padding:5rem;
	box-shadow:0 3px 10px -2px rgba(0,0,0,.4);
	background:url(../img/base/bg_tsuishin__box.jpg);
}
.tsuishin__box p{
	margin:1em 0 0;
	font-weight:500;
	background-image:linear-gradient(#e5d6b6 1px,transparent 1px);
	background-size:auto 3.7rem;
	background-position:0 -3px;
}
.tsuishin__name{
	position:relative;
	display:block;
	margin:-412px 0 0 auto;
}
/*----------------------------------------------------------------------------------------------
form
----------------------------------------------------------------------------------------------*/
.formWrap{ width:100%; margin-top:2rem; }

/* ボタン */
input.btn_submit{ cursor:pointer; display:block; width:700px; height:160px; margin:auto; border:none; text-indent:-9999px; background:url(../img/base/btn04.png) no-repeat 0 0; }
input.btn_submit:hover{ opacity:.8; }

/* 料金 */
.form{ margin:0; }
.price__box{ margin-top:2rem; }
.price__result{
	width:90%;
	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__notice{ padding:3rem; margin:1rem auto 0; background:#eee; }
.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:1rem; vertical-align:middle; }
.price_table td:nth-child(odd){ width:60%; font-size:1.8rem; }
.price_table td:nth-child(even){ width:40%; text-align:center; font-size:2.5rem; border-left:2px solid #040000; }
/*----------------------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------------------*/
footer{ background:#ddd; }
.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:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;
	-webkit-box-pack:justify; -moz-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
	width:800px;
	padding:2rem 0;
	margin:0 auto;
	font-size:80%;
}
#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;
	margin:0 auto;
	text-align:center;
}
.scfooter_inner a{ text-decoration:none; }

.btn_ft{
	position:relative;
	overflow:hidden;
	width:480px;
	border-radius:4px;
}
.btn_ft img{ border-radius:4px; }
.btn_ft a{ text-decoration:none !important; }

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

/* 症状一覧 */
.symptom_list{ margin-top:3rem; border:1px solid #102C53; }
.symptom_list dt{
	padding:1rem;
	color:#FFF;
	text-align:center;
	background:#102C53;
}
.symptom_list dd{ padding:1rem; }

/* 治療効果 */
.effect_ttl{
	padding:3rem 0;
	margin-top:3rem;
	color:#FFF;
	font-size:4.6rem;
	text-align:center;
	font-weight:bold;
	line-height:1.3;
	font-family:Gothic MB101 Heavy,sans-serif;
	background:url(../img/bg_effect.jpg) repeat-y;
}
.effect_txt{ padding:3rem 5rem; background:#F0FBFF; }






/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px){
	/*----------------------------------------------------------------------------------------------
	basic
	----------------------------------------------------------------------------------------------*/
	body{ font-size:4.5vw; font-weight:normal; background:none; }
	#main{ padding:2rem 0; width:100%; border:none; }

	img{ width:100%; max-width:100%; }
	.arrow{ width:40%; }

	/* Float / Clearfix */
	.side_photo{ float:none; width:auto; padding:0; margin:0 auto 1rem!important; }
	.side_photo2{ float:none; width:auto; padding:0; margin:0 auto 1rem!important; }
	.img_right{ float:none; width:100%; max-width:100%; padding:0; margin:0 auto 1rem; }
	.img_left{ float:none; width:100%; max-width:100%; padding:0; margin:0 auto 1rem; }
	.img_full{ width:100%; }
	.caption{ padding:.6rem 0 .6rem .6rem; font-size:4vw; }
	.img_right img,.img_left img,.img_full img{ width:auto; margin:0 auto!important; }

	/* PC/SP表示調整 */
	.display_pc{ display:none!important; }
	.display_sp{ display:block!important; }

	.sp_small{ display:inline-block; font-size:4vw; }
	.sp_large{ display:inline-block; font-size:7vw; }
	.sp_small_p{ display:inline-block; font-size:90%; }
	.sp_large_p{ display:inline-block; font-size:120%; }

	.attention_box{ padding:1.5rem 1.5rem 1.5rem 2.5rem; border:2px dotted #CCC; margin:2rem 0; font-size:3.8vw; }
	.attention_box.normal{ padding:1.5rem; text-indent:0; }

	/* FlexBox */
	.flex{ align-items:center }
	.pic_list2{ margin-top:2rem; }
	.pic_list2 li{ width:100%; margin:0; }
	.pic_list2 li + li{ margin-top:2rem; }
	/*----------------------------------------------------------------------------------------------
	section/letter
	----------------------------------------------------------------------------------------------*/
	.sub-head{ width:100%; padding:0 .5rem 0; font-size:6vw; }

	/* 見出しリスト */
	.sub-head-list{ font-size:5vw; }
	.sub-head-list li{ padding:.6rem; margin:0 .1rem; }

	.letter{ width:100%; padding:1.5rem; margin:auto; }
	/*----------------------------------------------------------------------------------------------
	prihead
	----------------------------------------------------------------------------------------------*/
	#prihead{ font-size:4.2vw; }
	#prihead #CDT{ width:100%; padding:.4rem 0; font-size:3.6vw; font-family:Century Gothic,"Courier New",Consolas,monospace; }
	/*----------------------------------------------------------------------------------------------
	header
	----------------------------------------------------------------------------------------------*/
	.jb{ padding:1rem; }
	/*----------------------------------------------------------------------------------------------
	ブレッド
	----------------------------------------------------------------------------------------------*/
	/* 共有 */
	ul.check3,
	ul.check4{ font-size:5vw; }
	ul.check3 li{ background-size:8%; }
	ul.check4 li{ padding:1.2rem 0 1.2rem 3.2rem; }

	/* 固有 */
	ul.check3 li{ padding:1rem 0 1rem 4rem; line-height:1.3; background-position:0 .6rem; }
	ul.check4 li{ font-size:5vw; background-position:0 2vw; }

	/* 共有 */
	ul.bullet1 li{ font-size:5vw; background-size:8%; }

	/* 固有 */
	ul.bullet1 li{ padding:1.2rem 0 1.2rem 4rem; background-position:0 1.4rem; }
	ul.bullet1 img{ margin:1rem auto; }

	/* メリット */
	.merit dt{ padding:1.5rem 0 1rem; font-size:5vw; }
	.merit .num{ width:10vw; height:10vw; }
	.merit .ttl{ width:calc(100% - 12vw); }
	.merit dd{ padding:1rem 0 1.5rem; }
	/*----------------------------------------------------------------------------------------------
	voice
	----------------------------------------------------------------------------------------------*/
	/* 共通 */
	.voice__wrap,
	.voice2__wrap{ padding:1.5rem; margin:2rem auto; }

	.voice2__wrap .img_right,.voice2__wrap .img_left{ width:100%; }

	/* 各客声の画像と見出し */
	.voice__box{ width:68%; }
	.voice__img{ width:30%; }
	.voice__box h2{ font-size:5vw; }
	.voice__box p{ font-size:6vw; letter-spacing:.5px; }
	.speech{ font-size:5vw; padding:1rem; margin:3rem auto!important; }
	.speech:before{ border:20px solid transparent; border-top-color:#c4ecff; bottom:-35px; }

	/* 吹き出しタイトル客声 */
	.voice_arrow{ margin-top:2rem; }
	.voice_arrow .img_right,.voice_arrow .img_left{ width:100%; }
	.voice_ttl{ padding:1.5rem .5rem; font-size:4.8vw; }
	.voice_name{ margin-bottom:1rem; font-size:6vw; }
	.voice_txt{ padding:3rem 1.5rem 1.5rem; }
	.voice_txt .subttl{ padding-left:1rem; border-width:3px; font-size:5vw; }
	.voice_box{ padding:1.5rem; margin-top:2rem; }
	.voice_box + p{ margin-top:2rem; }
	.voice_box .ttl{ border-left:3px solid #dd0000; font-size:5vw; line-height:1.3; }

	/* 境界線の客声 */
	.voice_line{ padding:1.5rem; border-top:3px solid #20286E; margin-top:2rem; font-size:5.6vw; }
	.voice_line:last-child{ border-bottom:3px solid #20286E; }
	.voice_line .txt{ width:100%; padding:1.5rem 0 0 0; }
	.voice_line .small{ font-size:4vw; }

	/* 背景色のみの客声 */
	.voice_bg_box{ padding:1.5rem; margin-top:2rem; }
	.voice_bg_box h3{ margin-bottom:0; font-size:5vw; }

	/* アスリート推薦 */
	.pro_voice_ttl{ padding:3rem .5rem; margin-bottom:2rem; }

	/* ベテラン推薦 */
	.dr_voice h3{ padding:1.5rem; margin-top:2rem; }

	/* 油井 */
	.abura{ margin-bottom:2rem; }
	.abura img{ width:auto; margin:0 auto 2rem; }
	.abura_txt{ order:1; width:100%; }
	.abura .fukidashi{ padding:1.5rem; font-size:7vw; text-align:center; }
	.abura .fukidashi:before{ border:none; }
	.abura .fukidashi:after{
		z-index:2;
		content:"";
		position:absolute;
		top:-24px;
		left:50%;
		margin:0 0 0 -12px;
		border:12px solid transparent;
		border-bottom:12px solid #AE0007;
	}
	.abura .name{ font-size:4.5vw; }
	/*----------------------------------------------------------------------------------------------
	profile
	----------------------------------------------------------------------------------------------*/
	/* 経歴 */
	.prof_info{ width:100%; padding:1.5rem; margin:0 auto 1rem; font-size:4vw; }
	.prof_info p{ width:100%; padding:1rem; margin:0 0 1rem; text-align:center; line-height:1.4; }
	.prof_info ul{ width:100%; padding-left:2rem; }

	/* 第一弾DVD */
	.dvd_info{ margin-top:2rem; }
	.dvd_info img{ margin:0 auto 1rem; }
	.dvd_info .fukidashi{ width:100%; padding:1.5rem; border:solid 2px #CCC; }
	.dvd_info .fukidashi:before{ display:none; }
	.dvd_info .fukidashi:after{ display:none; }
	/*----------------------------------------------------------------------------------------------
	tokuten
	----------------------------------------------------------------------------------------------*/
	.tokuten_ttl{ padding:1.5rem .5rem; margin-top:2rem; font-size:5vw; }
	.tokuten_ttl .sub_ttl{ padding:.4rem .6rem; margin-bottom:.4rem; }
	.tokuten .img_full{ width:100%; }
	/*----------------------------------------------------------------------------------------------
	hosyou
	----------------------------------------------------------------------------------------------*/
	.hosho .side_photo2{ width:80%; }
	.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); }
	.hosho2__flow_wrap{ width:100%; margin:0 auto 1.5rem; font-size:4.5vw; }
	.hosho2__flow_wrap_box{ display:block; }
	.hosho2__flow_list{ margin:0 auto; flex:1; }
	.hosho2__flow_list img{ width:80%; margin:0 auto; flex:1; }
	.hosho2__flow_list p{ width:95%; padding:.5rem 0; text-align:center; margin:0 0 1.5rem; }
	.hosho2__flow_center{ border-top:1px solid #BFBFBF; margin:3rem 0; padding:1.5rem 0; }
	/*----------------------------------------------------------------------------------------------
	tsuishin
	----------------------------------------------------------------------------------------------*/
	#tsuishin{ padding:1rem; }
	.tsuishin__sub h2{ font-size:8vw; }
	.tsuishin__sub p{ font-size:5.2vw; }
	.tsuishin__box{ padding:2rem; }
	.tsuishin__box p{ font-size:5vw; background-size:auto 8.5vw; }
	.tsuishin__name{ margin:0 0 0 auto; }
	/*----------------------------------------------------------------------------------------------
	form
	----------------------------------------------------------------------------------------------*/
	.formWrap{ margin:2rem 0 0; }

	/* ボタン */
	input.btn_submit{
		width:100%;
		height:24vw;
		padding:0;
		background-size:100%;
	}

	/* 料金 */
	.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; }
	.price_table{ margin:0 auto 2rem; border-width:1px; }
	.price_table th{ padding:.5rem; }
	.price_table td{ padding:1rem; font-size:3.8vw!important; }
	.price_table td:nth-child(odd){ width:56%; }
	.price_table td:nth-child(even){ width:44%; }
	.price_table td .small{ display:inline-block; font-size:3.4vw; line-height:1.3; }
	/*----------------------------------------------------------------------------------------------
	frame
	----------------------------------------------------------------------------------------------*/
	.frame01,.frame02,.frame03,.frame04{
		width:90%;
		padding:2rem;
		margin:2rem auto;
		background-size:100%;
	}
	/*----------------------------------------------------------------------------------------------
	footer
	----------------------------------------------------------------------------------------------*/
	.footer_logo img{ display:block; }
	.footer_txt{ padding:1rem; }
	#footer__wrap{ display:block; width:100%; }
	/*----------------------------------------------------------------------------------------------
	scfooter
	----------------------------------------------------------------------------------------------*/
	.scfooter_inner{ width:100%; padding:.4rem; }

	/* 症状一覧 */
	.symptom_list{ margin-top:2rem; }
	.symptom_list dt{ padding:.6rem; }

	/* 治療効果 */
	.effect_ttl{ padding:1.5rem .5rem; margin-top:2rem; font-size:5vw; }
	.effect_txt{ padding:1.5rem; }
}