@charset "UTF-8";

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
 
.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

body{
	font-size: 18px;
	line-height:1.6;
	font-family: 'arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: #333;
    word-break: break-all;
}

img{
	display:block;
	margin: 0 auto;
}

p{
	text-align: justify;
	margin: 0 0 1.6em 0;
	word-break: break-all;
}

.pl{
	margin-bottom: 0;
}

.tyuui{
	text-align: right;
	margin-top: 15px;
}

.bold{
	font-weight: bold;
	font-size:1.2em;
}

.bold2{
	font-weight: bold;
}

.bold_u {
	font-weight: bold;
    border-bottom: 2px solid;
	font-size:1.2em;
}

.bold_back{
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,0)), color-stop(60%, #ff0), color-stop(100%, #ff0));
    background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0) 60%, #ff0 60%, #ff0);
    background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0) 60%, #ff0 60%, #ff0);
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0) 60%, #ff0 60%, #ff0);
    color: #0d0d0d;
	font-size:1.2em;
	font-weight:bold;
}

.large{
	font-size: 1.4em;
}

.red_large{
	font-size: 2.0em;
	color: #d20000;
	font-weight:bold;
}

.small_size{
	font-size:0.8em;
}

.red{
	color: #d20000;
	font-weight:bold;
	font-size:1.2em;
}

.red_u{
	color: #d20000;
	font-weight:bold;
	font-size:1.2em;
	border-bottom: 2px solid;
}

br{ display: block;}

/****ヘッダー****/
#header{
	display: block;
	width: 100%;
	min-width: 980px;
	height: 1354px;
	background:url(../images/header.jpg) no-repeat scroll center 0;
	margin: 85px auto 0 auto;
}

.header_sp{
	display: none;
	width: 0;
}

.top{
	position:fixed;
	min-width: 980px;
	box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
    width: 100%;
    height: 84px;
    background: #fff;
    top:0;
    border-top: 4px solid #0c0c0c;
    z-index: 1000;
}

.top_in{
	width: 930px;
	margin: 0 auto;
}

.logo{
	float: left;
	margin-top: 15px;
	display: block;
	width:206px;
}

.btn_t{
	margin-top: 13px;
	float: right;
}

.btn_t:hover{
	opacity: 0.6;
}

/****枠****/
.wrapper_box{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

.wrapper{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.mt55{
	margin-top: 65px;
}

.mt35{
	margin-top: 35px;
}

.mb55{
	margin-bottom: 65px;
}

.mb35{
	margin-bottom: 35px;
}

.pdt55{
	padding-top: 55px;
}

.photo{
	width: 325px;
	float: right;
	padding:7px;
    border:1px solid #ebebeb;
    background:#fff;
}


/****背景****/
.bg01{
	width: 100%;
	background-image: url(../images/bg01.png);
}

.sec01{
	width: 960px;
	margin-top: 35px;
	margin-bottom: 45px;
}

.sec01_sp{
	width: 0;
	display: none;
}

.header_u{
	width: 940px;
	padding-left: 20px;
	padding-right: 20px;
}

.sub_black{
	width: 100%;
	min-width: 980px;
	height: 193px;
	background-image: url(../images/black_bg.jpg);
	-webkit-box-shadow: 0px 1px 3px #aaa;
    -moz-box-shadow: 0px 1px 3px #aaa;
    -o-box-shadow: 0px 1px 3px #aaa;
    box-shadow: 0px 1px 3px #aaa;
}

.sub_orange{
	width: 100%;
	min-width: 980px;
	height: 193px;
	background:url(../images/orange_bggg.png) no-repeat scroll center 0;
	-webkit-box-shadow: 0px 1px 3px #aaa;
    -moz-box-shadow: 0px 1px 3px #aaa;
    -o-box-shadow: 0px 1px 3px #aaa;
    box-shadow: 0px 1px 3px #aaa;
}

.sub_blue{
	width: 100%;
	min-width: 980px;
	height: 193px;
	background-image: url(../images/blue_bg.jpg);
	-webkit-box-shadow: 0px 1px 3px #aaa;
    -moz-box-shadow: 0px 1px 3px #aaa;
    -o-box-shadow: 0px 1px 3px #aaa;
    box-shadow: 0px 1px 3px #aaa;
}

.sub{
	width: 960px;
}

#sec02{
	display: block;
	width: 100%;
	min-width: 980px;
	height: 1450px;
	background:url(../images/sec02.png) no-repeat scroll center 0;
}

.sec02_sp{
	display: none;
	width: 0;
}

/*体験者の声*/
.voice_body{
	margin-top: 65px;
	padding-bottom: 55px;
}

.voice_body2{
	padding-bottom: 55px;
}

.voice_t_sec{
	margin-top: 55px;
}

.pdb55{
	padding-bottom: 55px;
}

.voice_box{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/voice_bg.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 30px 60px 35px 60px;
}

.voice_box_sec{
	margin-top: 40px;
}

.voice{
	width: 100%;
	margin-top: 50px;
}

.voice_u{
	width: 100%;
}

.voice_photo{
	width: 193px;
	margin-left: 33px;
	float: right;
}

/*理由*/
.wrapper_t{
	width: 100%;
}

.wrapper2{
	background-image: url(../images/wrapper.png);
	-webkit-background-size: 100%;
	background-size: 100%;
	margin-top: 50px;
	
}

.wrapper_u{
	width: 100%;
}

.reason_t{
	width: 946px;
	margin-bottom: 30px;
}

.reason_photo{
	width: 100%;
	margin-bottom: 40px;
}

.reason_box{
	width: 860px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.reason_head{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 30px;
}

.reason04_2{
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}

.reason_u_wrapper{
	margin-top: 40px;
}

.service01_2{
	width: 100%;
	margin-top: 40px;
	margin-bottom: 30px;
}

.service04_2{
	width: 817px;
	margin-top: 40px;
	margin-bottom: 40px;
}

/*機能詳細*/
.point_box{
	width: 100%;
	border: 1px solid #d2d2d2;
	padding: 53px 57px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	margin-top: 47px;
}

.point{
	width: 100%;
	margin-bottom: 35px;
}

.point_photo{
	width: 100%;
	margin-top: 35px;
	margin-bottom: 35px;
}

.bullet_head{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #0da8ce;
	font-size: 24px;
	text-align: center;
	color: #fff;
	padding: 6px 10px 3px 10px;
	margin-bottom: 0;
}

.bullet_box{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 2px solid #e8e8e8;
	border-right: 2px solid #e8e8e8;
	border-bottom: 2px solid #e8e8e8;
	background: #f8f8f8;
}

.point_box_sec{
	margin-top: 40px;
}

.bullet_box li{
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: 20px 23px;
	padding: 20px 20px 18px 60px;
	font-size: 17px;
	border-bottom: 1px solid #e4e4e4;
}

.mt35{
	margin-top: 35px;
}

.point_box_last{
	margin-bottom: 55px;
}

.photo09{
	width: 100%;
	margin-bottom: 50px;
}

/*特典*/
.bonus_box{
	width: 100%;
	background: #fff;
	border: 1px solid #d2d2d2;
	padding: 57px;
	margin-top: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.bonus_photo{
	float: right;
	width: 320px;
}

.bonus{
	width: 100%;
	margin-bottom: 40px;
}

.space{
	height: 50px;
}


/*QA*/
.qa_bg{
	width: 100%;
	min-width: 980px;
	background-color: #f8f5e2;
	padding-bottom: 60px;
}

.sub13{
	width: 100%;
	padding-top: 65px;
	padding-bottom: 60px;
}

.qa_box{
	width: 100%;
	background: #fff;
	border: 1px solid #d2d2d2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.q_box{
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;
}

.q_icon_box{
	width: 98px;
	min-height: 100%;
	overflow: hidden;
	background-color: #e67e22;
	float: left;
	padding-bottom: 100px;
   	margin-bottom: -100px;
}

.q_head{
	float: left;
	font-size: 24px;
	font-weight: bold;
	padding: 25px 20px 20px 20px;
	line-height: 1.3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.q_icon{
	padding-top: 13px;
	width: 51px;
}

.q_icon_sec{
	padding-top: 28px;
}

.a_box{
	clear: both;
	padding: 30px 30px 35px 30px;
}

.qa_box_sec{
	margin-top: 30px;
}

/*フォーム*/
#form_box{
	width: 100%;
	background: #fff;
	border: 1px solid #d2d2d2;
	padding: 62px 57px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#form_scroll{
	position: absolute;
	top:650px;
}

.form_t{
	width: 827px;
}

.btn{
	width: 100%;
	max-width: 825px;
	margin-top: 20px;
}

.btn:hover{
	opacity: 0.6;
}

.form_textbox{
	margin-top: 30px;
	width: 100%;
	border: 4px solid #d8d8d8;
	background-image: url(../images/voice_pattern.png);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px;
}

.form_head{
	font-size: 24px;
	font-weight: bold;
	border-left: 6px solid #f69600;
	border-bottom: 1px solid #d8d8d8;
	background-repeat: repeat-y;
	padding: 1px 0 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 13px;
}

/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table_box{
	width: 100%;
	margin: -15px auto 10px auto;
}

.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-comparison{
	margin: 2em 0 2.5em 0;
	border-top: 0;
}

.table-comparison th,
.table-comparison td{
	padding: 10px 10px 10px 10px;
	text-align: left;
}

tbody tr th{
	padding: 10px 10px 10px 25px !important;
}

.table-comparison thead .highlight span{
	display: block;
	margin: -11px;
	margin-top: -25px;
	padding: 11px;
	padding-top: 25px;
	border: 1px solid #cfcfcf;
	border-radius: 8px 8px 0 0;
	text-align: center;
	
}

.table-comparison th.highlight,
.table-comparison th.highlight span{
	background: #fd9e24;
}

.table-comparison tfoot td,
.table-comparison tfoot td span{
	background: #f2f2f2;
}

table{
	font-size: 18px;
	width: 100%;
	margin: 1em auto 0 auto;
	padding: 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	width: 100%;
}

th,
td{
	padding: 1.25em 1em;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

th{
	background-color: #f6f6f6;
	font-weight: bold;
	text-align: left;
}

thead th{
	background-color: #025093;
	color: #fff;
	text-align: left;
	font-size: 18px;
}

.w25{
	text-align: center !important;
}

/***フッター***/
footer{
	margin: 0 0 0 0;
	width: 100%;
	background: #333;
	padding-bottom: 7px;
}

small{
	display:block;
	width: 100%;
	text-align:center;
	padding: 0px 0 10px 0;
}

.unei{
	color: #fff;
	font-size:12px;
}

.copy{
	display:block;
	color: #fff;
	font-size:14px;
	margin: 10px 0 0 0;
	line-height: 1.3;
}

.footer{
	width: 100%;
	text-align:center;
	font-size: 12px;
	color: #fff;
	margin-bottom: 8px;
	padding-bottom: 0px;
	padding-top: 23px;
	line-height: 1.3;
}

.link2{
	color:#fff;
}


/****TAB****/
@media screen and (max-width:780px){	
	body{
		font-size: 14px;
		line-height:1.6;
		color: #3b3b3b;
		background: none;
	}

	br{
		display: none;
	}

	table{
		font-size: 10px;
		width: 100%;
	}

	tbody tr th{
		padding: 10px 10px 10px 10px !important;
	}

	thead th{
		font-size:12px;
	}

	.table-comparison{
		margin: 2em 0;
	}

	.mt55{
		margin-top: 25px;
	}

	.mb55{
		margin-bottom: 25px;
	}

	.mt35{
	margin-top: 15px;
	}

	.mb35{
		margin-bottom: 15px;
	}

	.pdt55{
		padding-top: 25px;
	}

	/*.table-scroll:before{
		content: "※スマホの場合は、表の部分を右にスライドしてご覧ください※";
		font-weight:bold;
	}*/

	.table_box{
		width: 100%;
		margin: 0 auto;
	}

	.sb{
		display: block;
	}
	
	/*ヘッダー*/
	#header{
		display: none;
		width: 0;
	}
	
	.header_sp{
		display: block;
		width: 100%;
		height: auto;
		margin: 47px auto 0 auto;	
	}

	.top{
	    height: 45px;
	    top:0;
	    border-top: 3px solid #0c0c0c;
	    z-index: 1000;
	    min-width: 100px;
	    box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
	    -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
	    -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1);
	}

	.top_in{
		width: 97%;
	}

	.logo{
		width: 110px;
		margin-top: 7px;
	}

	.btn_t{
		width: 112px;
		margin-top: 5px;
		float: right;
	}


	/****枠****/
	.wrapper_box{
		width: 100%;
		min-width: auto;
	}

	.wrapper{
		width: 92%;
		min-width: auto;
	}

	.text_box{
		width: 88%;
	}

	/*写真*/
	.photo{
		width: 45%;
		float: right;
		margin-left: 15px;
		margin-bottom: 15px;
	}


	/****ヘッダー下****/
	.header_u{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.header_u_side{

		height: auto;
		background-image: none;
		-webkit-box-shadow: 0px 1px 2px #d5d5d5;
	    -moz-box-shadow: 0px 1px 2px #d5d5d5;
	    -o-box-shadow: 0px 1px 2px #d5d5d5;
	    box-shadow: 0px 1px 2px #d5d5d5;
	}

	.sec01{
		display: none;
		width: 0;
	}

	.sec01_sp{
		display: block;
		margin-top: 18px;
		margin-bottom: 25px;
		width: 100%;
	}

	.sub{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.sub_black{
		height: auto;
		min-width: auto;
		-webkit-box-shadow: 0px 1px 2px #d5d5d5;
	    -moz-box-shadow: 0px 1px 2px #d5d5d5;
	    -o-box-shadow: 0px 1px 2px #d5d5d5;
	    box-shadow: 0px 1px 2px #d5d5d5;
	}

	.sub_orange{
		height: auto;
		min-width: auto;
		-webkit-box-shadow: 0px 1px 2px #d5d5d5;
	    -moz-box-shadow: 0px 1px 2px #d5d5d5;
	    -o-box-shadow: 0px 1px 2px #d5d5d5;
	    box-shadow: 0px 1px 2px #d5d5d5;
	}

	.sub_blue{
		height: auto;
		min-width: auto;
		-webkit-box-shadow: 0px 1px 2px #d5d5d5;
	    -moz-box-shadow: 0px 1px 2px #d5d5d5;
	    -o-box-shadow: 0px 1px 2px #d5d5d5;
	    box-shadow: 0px 1px 2px #d5d5d5;
	}

	#sec02{
		display: none;
		width: 0;
	}

	.sec02_sp{
		display: block;
		width: 100%;
	}

	/*体験者の声*/
	.voice_body{
		margin-top: 25px;
		padding-bottom: 25px;
	}

	.voice_box{
		width: 100%;
		padding: 10px 0 15px 0;
	}

	.voice_text{
		width: 85%;
		margin: 0 auto;
	}

	.pdb55{
		padding-bottom: 25px;
	}

	.voice_box_sec{
		margin-top: 20px;
	}

	.voice{
		width: 100%;
		margin-top: 25px;
	}

	.voice_photo{
		width: 35%;
		margin-left: 2%;
	}

	/*理由*/
	.reason_photo{
		margin-bottom: 20px;
	}

	.reason_head{
		margin-top: 25px;
		margin-bottom: 10px;
	}

	.reason01_4{
		margin-bottom: 20px;
	}

	.reason02_3{
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.reason03_7{
		width: 100%;
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.reason04_3{
		width: 100%;
		margin-top: 20px;
		margin-bottom: 23px;
	}

	.reason05_3{
		margin-top: 20px;
		margin-bottom: 25px;
	}

	.wrapper_t{
		width: 100%;
	}

	.wrapper2{
		margin-top: 25px;
	}

	.wrapper_u{
		width: 100%;
	}

	.reason_t{
		width: 99%;
		margin-bottom: 20px;
	}

	.reason_photo{
		width: 100%;
		margin-bottom: 25px;
	}

	.reason_box{
		width: 90%;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.reason_head{
		width: 100%;
		margin-top: 50px;
		margin-bottom: 30px;
	}

	.reason04_2{
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.service01_2{
		width: 100%;
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.service04_2{
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/*機能詳細*/
	.point_box{
		padding: 22px 20px;
		margin-top: 20px;
	}

	.point_box_sec{
		margin-top: 20px;
	}

	.point{
		margin-bottom: 15px;
	}

	.point_photo{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.bullet_head{
		font-size: 16px;
	}

	.bullet_box li{
		-webkit-background-size: 23px;
		background-size: 23px;
		background-position: 20px 19px;
		padding: 20px 20px 16px 50px;
		font-size: 13px;
	}

	.mt35{
		margin-top: 20px;
	}

	.point_box_last{
		margin-bottom: 25px;
	}

	.photo09{
		margin-bottom: 25px;
	}

	/*特典*/
	.bonus_box{
		padding: 20px;
		margin-top: 25px;
	}

	.bonus_photo{
		width: 50%;
		margin-left: 15px;
	}

	.bonus{
		width: 100%;
		margin-bottom: 15px;
	}

	/*QA*/
	.qa_bg{
		min-width: auto;
		padding-bottom: 30px;
	}

	.sub13{
		width: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.q_icon_box{
		width: 15%;
		min-height: 100%;
		overflow: hidden;
		float: left;
		padding-bottom: 300px;
	   	margin-bottom: -300px;
	}

	.q_icon{
		padding-top: 7px;
		width: 30%;
	}

	.q_icon_sec{
		padding-top: 17px;
	}

	.q_head{
		float: right;
		width: 85%;
		font-size: 17px;
		font-weight: bold;
		padding: 15px 15px 10px 15px;
		line-height: 1.3;
	}

	.a_box{
		clear: both;
		padding: 20px 20px 22px 20px;
	}

	.qa_box_sec{
		margin-top: 30px;
	}

	/*フォーム*/
	#form_box{
		width: 100%;
		background: #fff;
		border: 1px solid #d2d2d2;
		padding: 30px 20px;
	}

	#form_scroll{
		position: absolute;
		top:0;
	}

	.form_t{
		width: 100%;
	}

	.btn{
		width: 100%;
		max-width: 825px;
		margin-top: 10px;
	}

	.form_textbox{
		margin-top: 20px;
		width: 100%;
		border: 4px solid #d8d8d8;
		background-image: url(../images/voice_pattern.png);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding: 25px 20px;
	}

	.form_head{
		font-size: 18px;
		font-weight: bold;
		border-left: 4px solid #f69600;
		border-bottom: 1px solid #d8d8d8;
		background-repeat: repeat-y;
		padding: 1px 0 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 13px;
	}

	.space{
		height: 30px;
	}

	.copy{
		font-size:12px;
	}

	.sp_b{
		display: block;
	}
	
}

/****SP****/
@media screen and (max-width:480px){

	/*写真*/
	.photo{
		width: 85%;
		float: none;
		margin-bottom: 20px;
		margin-left: auto;
		padding: 5px;
	}

	.merit_photo{
		width: 100%;
		float: none;
		margin-bottom: 15px;
		margin-left: 0px;
	}

	.bonus_photo{
		width: 90%;
		float: none;
		margin-bottom: 20px;
		margin-left: auto;
	}

	.q_icon{
		padding-top: 20px;
		width: 50%;
	}

	.q_icon_sec{
		padding-top: 32px;
	}

	.qa_head{
		min-height: auto;
	}

	.price{
		width: 90%;
	}
	
}