@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

/* 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}img{margin:0 auto;padding:0;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
----------------------------------------------------------------------------------------------*/
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ font-size:62.5%; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-weight: 500; }
body{ margin:0; color:#3f3f3f; font-size:2.2rem; line-height:1.7; -webkit-font-feature-settings: 'palt' 1; font-feature-settings:"palt" 1; background:url(../img/base/bg.jpg); }
#main{ width:960px; padding:2rem 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; }

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

/* font */
.b{ font-weight:bold; }
.u{ text-decoration:underline; }
.rub{ font-weight:bold; border-bottom:2px solid #EB0003; }
.r{ color:#d00!important; }
.blue{ color:#171c77; }
.yellow{ color: #FFEE55; }
.purple{ color:#664984; }
.orange{ color:#ff5700; }
.gray{background:#eee;}
.navy{color: #161B7C;}
.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%!important; }
.large{ font-size:150% !important; }
.slarge{ font-size:130% !important; }
.ssslarge{ font-size:120% !important; }
.sslarge{ font-size:100% !important; }
.xxlarge{ font-size:200%!important; }
.xlarge{ font-size:180%!important; }
.material-icons{ vertical-align: middle; }
.mincho{ font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif !important; }
.mb101{ font-family:"Gothic MB101 DemiBold"; }
.border{
	display: inline-block;
	position: relative;            /* 打ち消し線の位置を調整する時の基準点になるようにする */
}
 
.border::before {
	content: '';                	/* 擬似要素に実体を持たせる */
	width: 100%;                	/* 打ち消し線の幅を指定する*/
	height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
	border-top: solid 1px #000;     /* 二重線の上側になる線をひく */
	position: absolute;            	/* 線の位置を自由に動かせるようにする */
	left: 0 ;                   	/* 線の位置を左に揃える */
	top: calc(50% - 3px);           /* 線の位置を真ん中から3px上にする */
}
 
.border::after {
	content: '';                	/* 擬似要素に実体を持たせる */
	width: 100%;                	/* 打ち消し線の幅を指定する*/
	height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
	border-bottom: solid 1px #000;  /* 二重線の上側になる線をひく */
	position: absolute;            	/* 線の位置を自由に動かせるようにする */
	left: 0 ;                    	/* 線の位置を左に揃える */
	bottom: calc(50% - 3px);        /* 線の位置を真ん中から3px下にする */
}

/* bg_color */
.bg_y{ background: #FFFDF7; }

/* box */
.note{
	padding:2rem;
	margin:2rem 0;
	border: 4px solid #05A469;
	background-image: -webkit-linear-gradient(transparent 80%, rgba(250, 250, 250, 1) 80%, rgba(250, 250, 250, 1) 100%),
					-webkit-linear-gradient(0deg, transparent 80%,rgba(250, 250, 250, 1) 80%, rgba(250, 250, 250, 1) 100%);
	background-image: linear-gradient(transparent 80%, rgba(250, 250, 250, 1) 80%, rgba(250, 250, 250, 1) 100%),
					liner-gradient(90deg, transparent 80%, rgba(250, 250, 250, 1) 80%, rgba(250, 250, 250, 1) 100%);
	background-color: #FFF;
	background-size: 10px 10px;
}
/*----------------------------------------------------------------------------------------------
section/letter
----------------------------------------------------------------------------------------------*/
h2.sub-head{
	padding:4rem 0 0;
	margin:0;
	text-align:center;
	color:#222;
	font-family:"Gothic MB101 Heavy";
	font-size: 5.3rem;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1.3;
}
h2.sub-head_w{
	width: 100%;
	padding:1.5rem;
	background: #00265e;
	margin:30px auto -25px;
	text-align:center;
	color:#FFF;
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif !important; ;
	font-size: 6rem;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 1.2;
	box-sizing: border-box;
	font-weight: bold;

}
.letter{ padding:2rem 5rem 3rem; }
.letter img{ display:block; max-width:100%; margin:0 auto; }
p + img{ margin-top:2rem !important; }
/*----------------------------------------------------------------------------------------------
prihead
----------------------------------------------------------------------------------------------*/
#prihead{ z-index:10; position:fixed; width:100%; font-size:2rem; 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, #4e0000 0%,#cc0000 50%,#4e0000 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/sekino3_header02.png) repeat-x center top; }
header h1{ margin:0 auto; }
.header_jb{background:url(../img/sekino3_header03.png) repeat-x; }
.header_jb img{padding:30px 0 35px;}
.header_b{background:url(../img/sekino3_header02_b.png) repeat-x center top; }
.header_b h1{ margin:0 auto; }
.header_b_jb{background:url(../img/sekino3_header03_b.png) repeat-x; }
.header_b_jb img{padding:30px 0 35px;}

/*----------------------------------------------------------------------------------------------
ブレッド
----------------------------------------------------------------------------------------------*/
/* 共有 */
ul.check1,
ul.check2,
ul.check3,
ul.check4,
ul.check5{ margin:2rem 0; }
ul.check1 li,
ul.check2 li{
	padding:1.4rem 0 1.4rem 5rem;
	border-bottom:1px dashed #ccc;
	font-weight:bold;
}

/* 固有 */
ul.check1 li{ background:url(../img/base/check1.png) 0 1rem no-repeat; }
ul.check2 li{ background:url(../img/base/check2.png) 0 1rem no-repeat; }
ul.check3 li{
	padding:1rem 0 1rem 4rem;
	font-weight:bold;
	background:url(../img/base/check3.png) 0 1.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.check5 li{
	padding:1.6rem 0 1rem 4rem;
	border-bottom:1px solid #aaa;
	font-size:2rem;
	font-weight:bold;
	line-height:1.3;
	background:url(../img/base/check4.png) 0 2rem no-repeat;
}
/* 共通 */
ul.check,
ul.check_02{ margin: 3rem 0; }
ul.check li,
ul.check_02 li{
	padding:15px 0 15px 4rem;
	border-bottom:1px dashed #aaa;
	font-size:3rem;
	font-weight:bold;
	line-height:1.4;
}
ul.check li:nth-child(2n),
ul.check_02 li:nth-child(2n){ background-color:#ffffcc4d; }
ul.check li p,
ul.check_02 li p{ font-size:2.2rem; font-weight:normal; padding-top:.8rem; }
ul.check4_02{ display:inline-block; margin: 2rem 0; }
ul.check4_02 li{ padding:0 0 1rem 4rem; background:url(../img/base/check4.png) 0 .6rem no-repeat; }
ul.check4_03 li{ display: table; width:100%; }
ul.check4_03 p{ display: table-cell; }
ul.check4_03 p:first-child{ width:14%; }

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

/* 固有 */
ul.bullet1 li{ padding:2rem 0 2rem 5rem; margin:0; border-bottom:2px dotted #ccc; font-size:2.8rem; font-weight:900; background:url(../img/base/check3.png) 1rem 2.4rem no-repeat; }
ul.bullet1 li:nth-child(even){ background-color:#ffffcc4d; }
ul.bullet1 li p{ padding:1rem 0 0; margin:1rem 0 0; border-top:1px dashed #aaa; }
ul.bullet1 img{ margin:2rem auto; }
ul.bullet1.num{ counter-reset: number; margin-top: 2rem; line-height: 1.3; }
ul.bullet1.num li:nth-child(odd){ background-color:#fff6f3; }
ul.bullet1.num li:nth-child(even){ background-color:#FFF; }
ul.bullet1.num li{ position: relative; padding-right: 2%; padding-left:10rem; background: none; }
ul.bullet1.num li:before{ position: absolute; left:2%; counter-increment: number; content: counter(number); width:6%; padding:1rem; border-radius: 50%; color: #FFF; font-size: 3rem; font-weight: normal; text-align: center; line-height: 1.6; background: #ff6434; }
ul.bullet2{ border:10px solid #704e23; }
ul.bullet2 li{ padding:2rem 4rem 2rem 6rem; border-bottom:2px dotted #f1dcc1; font-size:2.6rem; font-weight:bold; background:url(../img/base/check3.png) 1.5rem 2.2rem no-repeat; }
ul.bullet2 li:nth-child(even){ background-color:#fff7ec; }
ul.bullet2 li:last-child{ border:none; }
ul.bullet2 li p{ margin:.5rem 0 0; }
/*----------------------------------------------------------------------------------------------
voice
----------------------------------------------------------------------------------------------*/
/* 共通 */
.voice__wrap,
.voice2__wrap{
	width:100%;
	padding:4rem;
	margin:0 auto 3rem;
	background:#FFF;
	box-sizing:border-box;
}
.voice_sp_wrap{background:#FFF;}
.voice_sp{border:double 10px #BB9700!important;}
.voice_sp_tittle{position: relative; top: -42px;left: -42px;width: 111%;}

/* 各客声の画像と見出し */
.voice__box{ float:right; width:76%; margin:0; }
.voice__box_pt2{ float:right; width:76%; margin:0; }
.voice__box_pt3{ float:right; width:66%; margin:0;}
.voice__box_pt4{ float:left; width:66%; margin:0;}
.voice__box_pt3_wrap { border-bottom: 3px solid #C3C3C3; padding: 30px 0 25px;}
.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:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
.voice__box p{ margin:0 auto; color:#161964; font-size:3.2rem; font-weight:900; line-height:1.3; }
.voice__box_pt2 h2{ margin:.2rem 0 .5rem;font-size: 3rem; line-height: 1.3; color: #EB0003; font-weight:bold; font-family:"Gothic MB101 Heavy"; }
.voice__box_pt3 h2{ margin:.2rem 0 .5rem;font-size: 3rem; line-height: 1.3; color: #EB0003; font-weight:bold; font-family:"Gothic MB101 Heavy"; }
.voice__box_pt4 h2{ margin:.2rem 0 .5rem;font-size: 3rem; line-height: 1.3; color: #EB0003; font-weight:bold; font-family:"Gothic MB101 Heavy"; }
.voice__box_pt5 h2{ margin:.2rem 0 .5rem;font-size: 3rem; line-height: 1.3; color: #EB0003; font-weight:bold; font-family:"Gothic MB101 Heavy"; }
.voice__box_pt2 h4{ font-size: 1.6rem; text-align: right;}
.voice__box_pt2 p{ margin:0 auto; font-size:1.8rem; line-height:1.6; }
.voice__box_pt3 hr{height: 4px; background: #D90003; border:#D90003; }
.voice__box_pt4 hr{height: 4px; background: #D90003; border:#D90003; }
.voice__box_pt5 hr{height: 4px; background: #D90003; border:#D90003; }
.voice2_v2 .voice__box{ float: none; width:100%; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px dashed #c1c1c1; }
.voice2_v2 p{font-size: 2.2rem;}
.voice2_v2 h5{ text-align: right; font-size: 3rem; margin: 20px 0 0; line-height: 1.3; font-weight: bold;}
.voice2_v2 .voice__box ul{ width:90%; margin: auto; text-align: center; }
.voice2_v2 .voice__box li{ display:inline-block; padding: .5rem 1rem; background: #e6e6e6; }
.voice2_v2 h2{ margin:0; color:#02150B; font-size:2.8rem; font-weight: bold; text-align: center; line-height: 1.3; font-family:"Gothic MB101 Heavy"; }
.voice2_v2 h2 span.small{ font-size:3.4rem; }
.voice-red { background: url("../img/voice1-bg.jpg") center; -webkit-background-size: cover; background-size: cover; }
.voice-red h2{ text-align: center; color: #fff; padding: 30px 0; font-size: 3rem; text-shadow: 0 2px 3px rgba(0,0,0,0.5); font-weight: bold;line-height: 1.3; font-family:"Gothic MB101 Heavy"; margin: 30px 0 0;}

/* 固有 */
.voice__wrap{ border:4px double #508bb5; border-radius:15px; box-shadow:4px 2px 16px rgba(0, 0, 0, .3); }
.voice2__wrap{ border:1px solid #c1c1c1; box-shadow:5px 5px 1px rgba(165, 165, 165, .3); }
.voice3__wrap h3.ttl{ position: relative; padding:2rem 0; font-size:3rem; text-align: center; line-height: 1.3; font-family:"Gothic MB101 Heavy"; background: #FFE084; }
.voice3__wrap h3.ttl:before{ position: absolute; left: 50%; bottom: -60px; content: ''; transform: translateX(-50%); border: 40px solid transparent; border-top-color: #FFE084; }
.voice3__wrap .voice_case{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-start; justify-content: space-between; }
.voice3__wrap .voice_case .pic{ margin: 0 2rem 0 0 !important; }
.voice3__wrap .case{ width:72%; border: 1px solid #CCC; background: #FFF; }
.voice3__wrap .case dl{ padding: 1rem; }
.voice3__wrap .case dt{ padding: .4rem 1rem; margin-bottom: 1rem; color:#FFF; font-weight: bold; }
.voice3__wrap .case dd{ padding-left: 4rem; background: url(../img/base/check4.png) no-repeat left 0; }
.voice3__wrap .case .before dt{ background: #333; }
.voice3__wrap .case .after dt{ background: #fb6a51; }
.voice3__wrap .case .arrow{ width:36%; }
.voice3__wrap h4{ padding: .5rem 0; color: #FFF; font-size: 2.6rem; text-align: center; font-weight: bold; background: #fb6a51; }
.voice3__wrap ul{ counter-reset:number; padding: 2rem; }
.voice3__wrap li{ position: relative; padding: 0 0 .4rem 6%; margin-bottom: .4rem; border-bottom: 1px dotted #CCC; }
.voice3__wrap li:before{ position: absolute; left: 0; counter-increment: number; content: counter(number)".　"; }
.voice3__wrap .voice_ba{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content:space-between; margin-top: 1rem; }
.voice3__wrap .voice_ba .voice_ba_list{ width:270px; }
.voice3__wrap .voice_ba .voice_ba_list p{ margin-top: 1rem; line-height: 1.3; }
.voice4__wrap{ padding:2rem 0; margin: 2rem 0; border-top: 4px dashed #CCC; }
.voice4__wrap h3.ttl{ margin-bottom: 2rem; font-size:3.6rem; font-weight: bold; }
.voice4__wrap .arrow{ width:30%; margin: 1rem auto; }
.voice4__wrap .voice_msg{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-start; justify-content: center; padding:2rem; }
.voice4__wrap .voice_msg img{ width: 20%; }
.voice4__wrap .msg_txt{ padding-left: 2rem;}
.voice5__wrap .note{ float: right; width:70%; margin-top: 0; }

/* 下向きふきだし */
.speech { display: table; font-size: 3rem; position: relative; background: #c4ecff; padding: 20px; 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: 30px auto 40px 0; }
.speech:nth-child(odd) { margin: 30px 0 40px auto; }
/* 下向きふきだし */
.voice_fukidashi{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content:space-between; align-items: center; margin: 2rem 0; }
.voice_fukidashi img{ border-radius: 50%; }
.voice_fukidashi img.no_radiuse{ border-radius: 0; }
.voice_fukidashi dt{ width:20%; }
.voice_fukidashi dd{ position: relative; width:76%; padding: 1rem; border: 1px solid #CCC; }
.voice_fukidashi dd:before{ z-index: 2; content: ""; position: absolute; top: 50%; margin-top: -15px; border: 15px solid transparent; }
.voice_fukidashi dd:after{ z-index: 1; content: ""; position: absolute; top: 50%; margin-top: -15px; border: 15px solid transparent; }
.voice_fukidashi.left dd:before{ left: -29px; border-right: 15px solid #FFF; }
.voice_fukidashi.left dd:after{ left: -30px; border-right: 15px solid #CCC; }
.voice_fukidashi.left2 dt{ width:50%; }
.voice_fukidashi.left2 dd{ width:46%; }
.voice_fukidashi.right dt{ order: 2; }
.voice_fukidashi.right dd{ order: 1; }
.voice_fukidashi.right dd:before{ right: -29px; border-left: 15px solid #FFF; }
.voice_fukidashi.right dd:after{ right: -30px; border-left: 15px solid #CCC; }
/*----------------------------------------------------------------------------------------------
profile
----------------------------------------------------------------------------------------------*/
#profile{ width:100%; margin:0 auto;}
.profile__box{ width:960px; padding-top: 1rem; margin:0 auto; }
.profile__box2 h3{ margin:4rem 0 2rem; border-bottom:1px solid #01462C; color:#02150B; font-size:4rem; font-weight:bold; font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif; }
.profile__box2 h5{font-size:3.5rem; font-weight:bold; color: #003E92; text-decoration: underline; line-height: 1.3; padding: 30px 0 15px; font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif;}
.indent{ padding-left:2.2rem; text-indent:-2.2rem; }

/*----------------------------------------------------------------------------------------------
tokuten
----------------------------------------------------------------------------------------------*/
#tokuten{ margin:0; }
.tokuten-title{ margin:20px 0 0; }
.tokuten__box + .tokuten__box{ margin:2rem 0 0; }
.tokuten__box .text_c + p{ margin-top:2rem; }
.tokuten__box .letter h3{ font-size: 3rem; font-weight: bold; border-left: 12px solid #DC0003; line-height: 1.2; padding: 0 0 0 15px; margin: 10px 0 15px;}
.tokuten__box_contents{ padding:2rem; margin:0 0 2rem; background:#f7f7f7; }
.special_wrap{background:url(../img/sekino3_contents_b10.png); padding: 30px 0; margin:0; }
.tokuten_voice {
	position: relative;
	display: inline-block;
 	margin: 1.5em 0  0.5em;
	padding: 7px 30px;
	min-width: 120px;
 	max-width: 100%;
	box-sizing: border-box;
	background: #FFF2CC;
	border-radius:10px;
}

.tokuten_voice:before{
	content: "";
	position: absolute;
	top: -30px;
	left: 10%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #FFF2CC;
}

.tokuten_voice ul {
	margin: 0;
	padding: 0;
}

/*----------------------------------------------------------------------------------------------
hosyou
----------------------------------------------------------------------------------------------*/
.step_list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin: 2rem 0; }
.step_list .step_box{ width:30%; padding: 1.6rem; border:2px solid #FFD12F; font-size:2rem; text-align: center; letter-spacing: -2px; background: #FFFDF7; box-sizing: border-box; }
.step_list h3{ margin-bottom: 1rem; border-bottom: 1px solid #FFD12F; color:#DD0000; font-size:2.6rem; font-weight: bold; }
.step_list p{ font-size:80%; line-height: 1; }
.step_list img{ width:2%; margin: 0; transform: translate(-20%,70%); }
.hosyou__wrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items:center; }
.hosyou__wrap img{ flex:1; width:100%; height:100%; max-width:70%; max-height:380px; }
.hosyou__wrap p{ flex:1; padding:1rem; font-size:1.5rem; line-height:1.6; }
.hosho_step{ display: -webkit-flex; display: -moz-flex;display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin: 2rem 0; }
.hosho_step .step_box{ width:22%; padding: .4rem; font-size:1.8rem; box-sizing: border-box; }
.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%); }
.hosyou2__flow_wrap {width:90%; margin: 15px auto 0; font-size: 70%; }
.hosyou2__flow_wrap_box{display: flex;}
.hosyou2__flow_list {margin: 0 auto;flex: 1;}
.hosyou2__flow_list p{padding: 5px 20px;}
.hosyou2__flow_center{border-top:1px solid #BFBFBF; margin: 30px 0;padding:15px 0;}
/*----------------------------------------------------------------------------------------------
tsuishin
----------------------------------------------------------------------------------------------*/
#tsuishin{ padding:5rem; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",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:-330px 0 0 auto !important; }
/*----------------------------------------------------------------------------------------------
form
----------------------------------------------------------------------------------------------*/
.formWrap{ width:100%; margin:2rem 0 4rem; }

/* ボタン */
/* 共通 */
input.btn_submit,
input.btn_submit02,
input.btn_submit03,
input.btn_submit04{
	cursor:pointer;
	display:block;
	width:700px;
	height:160px;
	margin:auto;
	border:none;
	text-indent:-9999px;
}
input.btn_submit:hover,
input.btn_submit02:hover,
input.btn_submit03:hover,
input.btn_submit04:hover{opacity:.8;}

/* 固有 */
input.btn_submit{ background:url(../img/base/btn04.png) no-repeat 0 0; }
input.btn_submit02{ background:url(../img/base/btn01.gif) no-repeat 0 0; }
input.btn_submit03{ background:url(../img/base/btn03.gif) no-repeat 0 0; }
input.btn_submit04{ background:url(../img/btn.png) no-repeat 0 0; }


/* 料金 */
.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{ width:90%; padding:2rem; margin:1rem auto 0; background:#eee; box-sizing:border-box; }
.price__notice p{ padding-left:1em; font-size:2rem; text-indent:-1em; }
.product-tokuten{ width:90%; margin: 2rem auto; border: 2px solid #026C45; }
.product-tokuten h3{ background: #026C45; color: #fff; font-weight: bold; padding: 5px; text-align: center; font-size: 3rem; }
.product-tokuten .flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items:center; justify-content: space-between; padding: 2rem; }
.product-tokuten img{ width:46%; margin: 0 1rem; }
.price-table{ width:90%; margin: 2rem auto; border: 2px solid #960000; }
.price-table th{ background: #960000; 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 .small{ font-size: 60%; }
.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 #960000; }
/*----------------------------------------------------------------------------------------------
frame
----------------------------------------------------------------------------------------------*/
.frame01{
	width:860px;
	padding:6rem 4rem;
	margin:4rem auto;
	background:url(../img/base/g_frame01_01.jpg) top left no-repeat,
				url(../img/base/g_frame01_03.jpg) bottom left no-repeat,
				url(../img/base/g_frame01_02.jpg) top left repeat-y;
	box-sizing:border-box;
}
.frame02{
	width:860px;
	padding:6rem 4rem;
	margin:4rem auto;
	background:url(../img/base/frame02_01.png) top left no-repeat,
				url(../img/base/frame02_03.png) bottom left no-repeat,
				url(../img/base/frame02_02.png) top left repeat-y;
	box-sizing:border-box;
}
.frame03{
	width:860px;
	padding:6rem 4rem;
	margin:4rem auto;
	background:url(../img/base/frame03_01.png) top left no-repeat,
				url(../img/base/frame03_03.png) bottom left no-repeat,
				url(../img/base/frame03_02.png) top left repeat-y;
	box-sizing:border-box;
}
.frame04{
	width:860px;
	padding:6rem 4rem;
	margin:4rem auto;
	background:url(../img/base/frame04_01.png) top left no-repeat,
				url(../img/base/frame04_03.png) bottom left no-repeat,
				url(../img/base/frame04_02.png) top left repeat-y;
	box-sizing:border-box;
}
/*----------------------------------------------------------------------------------------------
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; 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; 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%;} }
/*----------------------------------------------------------------------------------------------
case_box
----------------------------------------------------------------------------------------------*/
.case_box{ margin:2rem 0; }
.case_box h3{ padding:.5rem 0; color:#FFF; font-size: 5rem; text-align: center; font-weight: bold; }
.case_box dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width:100%; align-items: center; padding: 2rem; }
.case_box dl + dl{ padding-top: 0; }
.case_box dt{ width:10%; padding: .5rem 1rem; font-size: 3rem; text-align: center; font-weight: bold; background: #FFF; }
.case_box .icon{ width:8%; padding: 0 1rem; text-align: center; }
.case_strong{ background: #f1f1f1; }
.case_strong h3{ background: #333; }
.case_soft{ background: #fff1ef; }
.case_soft h3{ background: #fb6a51; }





/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:768px){
	/*----------------------------------------------------------------------------------------------
	basic
	----------------------------------------------------------------------------------------------*/
	body{ background:none; font-size:4.5vw; }
	img{ max-width:100%; }
	.arrow{ width:60%; }

	/* Float / Clearfix */
	.side_photo{ width:50%; padding:0 0 1.4rem 1.4rem; }
	.side_photo2{ width:50%; padding:0 1.4rem 1.4rem 0; }
	.side_photo.name{ width:100%; }

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

	/* Font */
	.large{ font-size: 140% !important; }
	.sp_large{ font-size:150% !important; }
.xlarge{ font-size:110%!important; }
	
	/* Box */
	.note{ padding:1rem; border-width: 2px; }

	#main{ padding:0 0 1rem; width:100%; border:none; }
	/*----------------------------------------------------------------------------------------------
	section/letter
	----------------------------------------------------------------------------------------------*/
	section{ padding:2rem 0; }
	h2.sub-head{ width:100%; padding: 0 .5rem 1rem; margin: 0 auto; font-size: 5.8vw;letter-spacing:normal; }
	h2.sub-head_w{
	width: 90%;
	padding:1rem;
	margin:10px auto 5px;
	font-size: 2rem;
	border: 3px solid #313131;
}
	.letter{ width:94%; padding: 0 0 1rem; margin:0 auto; }
	/*----------------------------------------------------------------------------------------------
	prihead
	----------------------------------------------------------------------------------------------*/
	#prihead{ font-size:4.2vw; font-family:Century Gothic, "Courier New", Consolas, monospace; }
	#prihead #CDT{ width:100%; font-size:2.6vw; }
	/*----------------------------------------------------------------------------------------------
	header
	----------------------------------------------------------------------------------------------*/
	/*----------------------------------------------------------------------------------------------
	ブレッド
	----------------------------------------------------------------------------------------------*/
	/* 共有 */
	ul.check1,
	ul.check2,
	ul.check3,
	ul.check4,
	ul.check5{ font-size:5vw; }
	ul.check1 li,
	ul.check2 li,
	ul.check3 li{ background-size:8%; }
	ul.check1 li,
	ul.check2 li,
	ul.check4 li{ padding:1.2rem 0 1.2rem 4rem; }
	
	/* 固有 */
	ul.check1 li{ background-position:0 1.4rem; }
	ul.check2 li{ background-position:0 1.8rem; }
	ul.check3 li{ padding: .8rem 0 .8rem 4rem; background-position:0 1.4rem; }
	ul.check4 li{ font-size:5vw; background-position:0 1.6rem; }
	ul.check4_03 p:first-child{ width: 26%; }
	ul.check4_03 p.icon{ width:10%; font-size:4vw; }
	ul.check4_03 li{ background-position: 0 1rem; }

	/* 共有 */
	ul.bullet1 li,
	ul.bullet2 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; }
	ul.bullet2{ border-width:6px; }
	ul.bullet2 li{ padding:1.2rem 1.2rem 1.2rem 4rem; background-position:1rem 1.4rem; }

	ul.bullet1.num li{ padding-left: 18vw; }
	ul.bullet1.num li:before{ width:8%; height: 6.6vw; font-size: 4vw; }
	/*----------------------------------------------------------------------------------------------
	voice
	----------------------------------------------------------------------------------------------*/
	/* 共通 */
	.voice__wrap,
	.voice2__wrap{ padding:1.5rem; margin:0 auto 2rem; }

	/* 各客声の画像と見出し */
	.voice__box{ width:68%; }
	.voice__img{ width:30%;margin: 0 15px 0 0; }
	.voice__box h2{ font-size:4vw; }
	.voice__box p{ font-size:6.2vw; letter-spacing:.5px; }
	.voice2_v2 .voice__box{ padding-bottom: 1rem; margin-bottom: 1rem; }
	.voice2_v2 .voice__box li{ padding:.1rem .2rem; margin-bottom: .5rem; font-size: 3.4vw; }
	.voice2_v2 h2 span.small{ font-size:3.6vw;}
	.voice3__wrap h3.ttl{ font-size: 6vw; padding: 2rem 1rem; }
	.voice2_v2 p{font-size: 1.8rem;}
	.voice3__wrap h4{ font-size: 5vw; }
	.voice3__wrap .voice_case{ display: block; }
	.voice3__wrap .voice_case .pic{ width:100%; margin: 3rem auto 1rem !important; }
	.voice3__wrap .case{ width:100%; }
	.voice3__wrap .case dl{ padding: 1rem; }
	.voice3__wrap .case dd{ min-height: 9vw; background-position: 1rem 0; }
	.voice3__wrap ul{ padding: 1rem; }
	.voice3__wrap .voice_ba{ display: block; }
	.voice3__wrap .voice_ba .voice_ba_list{ width:100%; margin-bottom: 2rem; }
	.voice3__wrap .large.text_c{ font-size: 5.6vw !important; }
	.voice4__wrap h3.ttl{ font-size: 6vw; }
	.voice4__wrap .voice_msg{ padding: 1rem; }
	.voice4__wrap .msg_txt{ padding-left: 1rem; }
	.voice4__wrap .msg_txt .large{ font-size: 5vw !important; }
	.voice5__wrap .pic{ float: none; width:100%; padding:0; margin: 0 auto 1rem; }
	.voice5__wrap .note{ float:none; width:100%; }
.voice__box_pt3{ float:none; width:100%; margin:0;}
	.voice__box_pt3 h2{ margin:.2rem 0 .5rem;font-size: 2.3rem; line-height: 1.3; }
.voice__box_pt4{ float:none; width:100%; margin:0;}
	.voice__box_pt4 h2{ margin:.2rem 0 .5rem;font-size: 2.3rem; line-height: 1.3; }
	.voice2_v2 h5 img{ width: 25%;}
	.voice-red h2{padding: 10px; font-size: 2rem;  margin: 30px 0 0; box-sizing: border-box;}
.voice__box_pt2{ float:none; width:100%; margin:0; }
	.voice_float .side_photo{width:100%; float: none;}
	.voice_sp_tittle{position: relative; top: -17px;left: -17px;width: 110%;}
	.voice2_v2 h5{ text-align: right; font-size: 2rem; margin: 20px 0 0; line-height: 1.3; font-weight: bold;}

	.speech { font-size: 5vw; padding: 10px; margin: 30px auto!important; }
	.speech:before { border: 20px solid transparent; border-top-color: #c4ecff; bottom: -35px; }
	/*----------------------------------------------------------------------------------------------
	profile
	----------------------------------------------------------------------------------------------*/
	.profile__box{ width: 100%; }
	.profile__box2 h3{ font-size:5vw; }
	.profile__box2 h5{font-size:2rem;}
	.indent{ padding-left:4.5vw; text-indent:-4.5vw; }
	/*----------------------------------------------------------------------------------------------
	tokuten
	----------------------------------------------------------------------------------------------*/
	.tokuten__box .text_c + p{ margin-top:1rem; }
	.tokuten__box_contents{ padding:1.6rem; }
	.tokuten__box .letter h3{ font-size: 1.8rem;  border-left: 6px solid #DC0003; }
	/*----------------------------------------------------------------------------------------------
	hosyou
	----------------------------------------------------------------------------------------------*/
	.hosyou__wrap{ display:block; }
	.hosyou__wrap p{ padding:1rem 0; font-size:4vw; }
	.step_list{ display: block; margin: 1rem 0; }
	.step_list .step_box{ width:100%; border:1px solid #FFD12F; font-size:5vw; }
	.step_list h3{ margin-bottom: .6rem; font-size:5.4vw; }
	.step_list img{ width:6%; margin: -8vmin auto; transform: rotate(90deg); }
	.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); }
	.hosyou2__flow_wrap {width:100%; margin: 0 auto 15px; font-size: 4.5vw; }
	.hosyou2__flow_wrap_box{display: block;}
	.hosyou2__flow_list {margin: 0 auto;flex: 1;}
	.hosyou2__flow_list img {width:80%; margin: 0 auto;flex: 1;}
	.hosyou2__flow_list p{width:95%;padding: 5px 0; text-align: center; margin: 0 0 15px;}
	.hosyou2__flow_center{border-top:1px solid #BFBFBF; margin: 30px 0;padding:15px 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:4vw; background-size:auto 8.5vmin; }
	.tsuishin__name{ margin:0 0 0 auto !important; }
	/*----------------------------------------------------------------------------------------------
	form
	----------------------------------------------------------------------------------------------*/
	.formWrap{ margin:0; }

	/* ボタン */
	input.btn_submit,
	input.btn_submit02,
	input.btn_submit03,
	input.btn_submit04{
		width:100%;
		height:30vmin;
		padding:0;
		background-size: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; }
	.product-tokuten h3 { font-size: 5vw; margin: 0; width: 100%; line-height: 1.3; }
	.product-tokuten .flex{ display: block; padding: 1rem; }
	.product-tokuten img { width: 90%; height: auto; margin: 10px auto; }
	.price-table td { line-height: 1.3; }
	.price-table td:nth-child(odd) { font-size: 3.5vw; width: 55%; }
	.price-table td:nth-child(even) { font-size: 5vw;width: 45%; }
	/*----------------------------------------------------------------------------------------------
	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{ display: none; }
	.scfooter_inner{ width:100%; padding: .4rem 0; }
	/*----------------------------------------------------------------------------------------------
	case_box
	----------------------------------------------------------------------------------------------*/
	.case_box h3{ font-size: 6vw; }
	.case_box dl{ padding: 1rem; }
	.case_box dt{ width:22%; font-size: 5vw; }
	.case_box dd{ width: 64%; }
	.case_box .icon{ width:14%; font-size: 4vw !important; }
}