@charset "UTF-8";

html{
	font-size:62.5%;
}
body{
	width:100%;
	overflow:hidden;
	background:#d5f0f1;
	font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:16px; font-size:1.6em;
	line-height:150%;
	color:#4a4a4a;
	-webkit-text-size-adjust:100%;
}
body.white{
	background:#fff;
}

.inner{
	width:1116px;
	margin:0 auto;
	padding:0 46px 60px;
}

.bgGrade{
	height:20px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f2f2f2), color-stop(0.00, #fff));
	background:-webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background:-moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background:-o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background:-ms-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background:linear-gradient(top, #fff 0%, #f2f2f2 100%);
}

h2,
#company h1,
#privacy h1{
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif ;
	font-size:40px; font-size:4.0rem;
	line-height:120%;
	color:#1e1e1e;
	text-align:center;
	padding-top:40px;
	margin-bottom:40px;
}
h2 img{
	width:316px;
	height:auto;
	vertical-align:text-bottom;
	padding-right:5px;
}
h2.typeA, h2.typeB{
	padding:0 0 10px;
	margin-top:0;
}
h2.typeA{
	background:url(../images/bg_tab2.gif) center bottom no-repeat;
}
h2.typeB{
	background:url(../images/bg_tab1.gif) center bottom no-repeat;
}

.btn{
	position:relative;
	display:inline-block;
	padding:11px 42px;
	text-align:center;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7200), color-stop(0.00, #ffa800));
	background:-webkit-linear-gradient(top, #ffa800 0%, #ff7200 100%);
	background:-moz-linear-gradient(top, #ffa800 0%, #ff7200 100%);
	background:-o-linear-gradient(top, #ffa800 0%, #ff7200 100%);
	background:-ms-linear-gradient(top, #ffa800 0%, #ff7200 100%);
	background:linear-gradient(top, #ffa800 0%, #ff7200 100%);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.btn:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffa800), color-stop(0.00, #ff7200));
	background:-webkit-linear-gradient(top, #ff7200 0%, #ffa800 100%);
	background:-moz-linear-gradient(top, #ff7200 0%, #ffa800 100%);
	background:-o-linear-gradient(top, #ff7200 0%, #ffa800 100%);
	background:-ms-linear-gradient(top, #ff7200 0%, #ffa800 100%);
	background:linear-gradient(top, #ff7200 0%, #ffa800 100%);
}
.btn a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
}


/* col2 */
.col2{
	display:table;
	width:100%;
}
.col2-1, .col2-2{
	display:table-cell;
	width:50%;
}
.col2-1{
	padding:0 46px 0 50px;
}
.col2-2{
	padding:0 50px 0 46px;
}

/* col3 */
.col3{
	display:table;
	width:100%;
}
.col3-1, .col3-2, .col3-3{
	display:table-cell;
	width:33%;
}


.imgBox{
	clear:both;
	overflow:hidden;
}
.imgBox img{
}
.imgBox .txt{
	width:246px;
}

.tbl{
	display:table;
	width:100%;
}
.tbl dl{
	display:table-row;
}
.tbl dt, .tbl dd{
	display:table-cell;
}
.tbl dt{
	font-weight:bold;
}

/* -- float -- */
.left{
	float:left;
}
.right{
	float:right;
}

/* -- font -- */
.bold{
	font-weight:bold;
}
.red{
	color:#d70038;
}


/* -- margin -- */
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb40{
	margin-bottom:40px;
}




/* ===== tagline ===== */
#tagline{
	background:#e5e5e5;
	padding:4px;
	text-align:center;
}
#tagline .inner{
	padding:0;
}
/* ===== kv ===== */
#kvWrap{
	position:relative;
	background:url(../images/bg_tab1.gif) center bottom no-repeat;
	padding-bottom:53px;
	margin-bottom:33px;
}
#kv{
	background:#fff;
}
#kv .inner{
	padding-bottom:0;
}
#kv .sp{
	display:none;
}
.kv_img{
	position:relative;
	bottom:-53px;
	margin-top:-53px;
}
#kv .btn{
	position:absolute;
	bottom:-30px;
	left:50%;
	margin-left:-172px;
	width:345px;
	padding:21px;
	border:solid 3px #fff;
}


/* ===== about ===== */
#about{
	text-align:center;
}
#about .image{
	clear:both;
	overflow:hidden;
	margin-bottom:25px;
}
#about .line1{
	font-size:32px; font-size:3.2rem;
	line-height:120%;
	margin-bottom:30px;
}
#about .line2{
	font-size:22px; font-size:2.2rem;
	line-height:150%;
	color:#d70038;
	margin-bottom:25px;
}
#about .line3{
	font-size:18px; font-size:1.8rem;
	line-height:150%;
}
#about .line2 span,
#about .line3 span{
	display:block;
}

/* ===== example ===== */
#example{
	background:#fff;
}
#example .line1{
	font-size:26px; font-size:2.6rem;
	line-height:150%;
	font-weight:bold;
	margin-bottom:5px;
}
#example .line2{
	font-size:18px; font-size:1.8rem;
}
#example .col2-1 .line2{
	margin-bottom:40px;
}
#example .col2-2 .line2{
	margin-bottom:15px;
}
#example .line3{
	font-size:20px; font-size:2.0rem;
	text-align:center;
	margin-bottom:3px;
}
#example .line3 strong{
	color:#d70038;
}
#example .line3 span{
	font-size:28px; font-size:2.8rem;
}
#example .image{
	text-align:center;
	margin-bottom:40px;
}
#example .tbl{
	width:100%;
	line-height:180%;
	margin-bottom:10px;
}
#example .tbl dl:nth-child(2) dt,
#example .tbl dl:nth-child(2) dd{
	border-bottom:dotted 1px #afafaf;
}
#example dt{
	font-weight:bold;
}
#example dd{
	font-size:14px; font-size:1.4rem;
	text-align:right;
}
#example dd span{
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
}




/* ===== conv ===== */
.conv{
	background:#fff;
}
.conv .line1{
	font-size:22px; font-size:2.2rem;
	line-height:150%;
	text-align:center;
	margin-bottom:25px;
}
.conv .line1 strong{
	color:#d70038;
}
.bgConv{
	display:table;
	width:100%;
	background:url(../images/bg_conv.gif) repeat;
/*	padding:20px 126px;*/
	/*margin-bottom:60px;*/
	padding:20px 60px;
}
.bgConv .txtArea{
	display:table-cell;
}
.bgConv p{
	text-align:center;
	line-height:100%;
}
.bgConv .line2{
	font-size:18px; font-size:1.8rem;
}
.bgConv .line2 strong{
	font-size:24px; font-size:2.4rem;
	color:#d70038;
}
.bgConv .line3{
	font-family:Arial,sans-serif;
	font-size:56px; font-size:5.6rem;
	line-height:110%;
	font-weight:bold;
}
.bgConv .line4{
	font-size:14px; font-size:1.4rem;
}
.bgConv .btnArea{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.bgConv .btnArea .btn{
	width:340px;
	height:90px;
}

/* ===== support ===== */
#support{
	background:#fff;
	padding-top:40px;
	font-weight:bold;
}
#support .bg{
	background:
	url(../images/pic03.png) left top no-repeat,
	url(../images/pic04.png) right top no-repeat;
	padding:10px 130px 40px;
}

#support .line1,
#support .line2{
	font-size:24px; font-size:2.4rem;
	line-height:180%;
}
#support .line1 span,
#support .line2 span{
	font-size:36px; font-size:3.6rem;
}
#support .line2{
	text-align:right;
}
#support .line3{
	font-size:31px; font-size:3.1rem;
	line-height:150%;
	text-align:center;
}
#support .line3 strong{
	color:#d70038;
}
#support .line3 span{
	text-decoration:underline;
}

/* ===== recommend ===== */
#recommend{
}
#recommend h2{
	margin-bottom:0;
}

#recommend .col3-1,
#recommend .col3-2,
#recommend .col3-3{
	background:url(../images/bg01.png) center top no-repeat;
	padding-top:65px;
	font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif ;
	font-size:34px; font-size:3.4rem;
	line-height:120%;
	text-align:center;
}
#recommend .col3-1 p,
#recommend .col3-2 p,
#recommend .col3-3 p{
	padding-top:100px;
}
#recommend .col3-1 p{
	background:url(../images/icon01_01.png) center top no-repeat;
}
#recommend .col3-2 p{
	background:url(../images/icon01_02.png) center top no-repeat;
}
#recommend .col3-3 p{
	background:url(../images/icon01_03.png) center top no-repeat;
}
#recommend .col3-1 p span,
#recommend .col3-2 p span,
#recommend .col3-3 p span{
	display:block;
}

/* ===== merit ===== */
#merit{
	background:#fff;
}
#merit h3{
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif ;
	font-size:30px; font-size:3.0rem;
	line-height:120%;
	text-align:center;
	padding-top:90px;
	margin-bottom:15px;
}
#merit h3 span{
	display:block;
}
#merit .col3-1 h3{
	background:url(../images/icon02_01.png) center top no-repeat;
}
#merit .col3-2 h3{
	background:url(../images/icon02_02.png) center top no-repeat;
}
#merit .col3-3 h3{
	background:url(../images/icon02_03.png) center top no-repeat;
}
#merit p{
	font-size:18px; font-size:1.8rem;
	text-align:center;
	padding:0 17px;
}


/* ===== voice ===== */
#voice{
	background:#fff;
}
#voice h3{
	margin-bottom:3px;
}
#voice h3 + p{
	margin-bottom:15px;
}


/* ===== report ===== */
#report{
	background:#fff;
}
#report .inner{
	clear:right;
	overflow:hidden;
}
#report .image_right{
	background:url(../images/img05.png) 570px top no-repeat;
	padding:0 450px 30px 50px;
	min-height:192px;
}
#report .line1{
	font-size:18px; font-size:1.8rem;
	padding-top:20px;
	margin-bottom:25px;
}
#report .line2{
	font-size:23px; font-size:2.3rem;
	line-height:150%;
	font-weight:bold;
	margin-bottom:20px;
}
#report .line3{
	font-size:18px; font-size:1.8rem;
	margin-bottom:20px;
}
#report .image_left{
	background:url(../images/img09.jpg) 50px top no-repeat;
	padding:0 50px 0 500px;
	min-height:246px;
	font-size:21px; font-size:2.1rem;
	line-height:150%;
}
#report .image_left p{
	margin-bottom:30px;
}
#report .image_left strong{
	color:#d70038;
}




/* ===== flow ===== */
#flow{
	background:#fff;
}
#flow .inner{
	clear:both;
	overflow:hidden;
	
}
ol.flow{
	position:relative;
	left:50%;
	float:left;
	
}
ol.flow li{
	position:relative;
	left:-50%;
	float:left;
	width:158px;
	padding-top:26px;
}
ol.flow li.flow-1 .position{
	position:absolute;
	top:0;
	left:44px;
}
ol.flow li.flow-4 .position{
	position:absolute;
	top:0;
	left:-54px;
}

/* ===== plan ===== */
#plan{
	background:#fff;
}
#plan .tbl div{
	display:table-cell;
	vertical-align:top;
}
#plan .tbl div.data{
	width:279px;
}

#plan .tbl p{
	height:56px;
	padding:15px 10px;
	text-align:center;
}
#plan .tbl p.head{
	height:36px;
	padding:5px 10px;
}
#plan .tbl p.price{
	height:108px;
	padding:7px 10px;
}
#plan .tbl .title p.price{
	padding-top:40px;
}
#plan .tbl .pro p:nth-child(3){
	padding:4px 10px;
}
#plan .tbl div p:nth-child(2n+1){
	background:#f6f6f6;
}
#plan .tbl .basic .head{
	background:#d5f0f1;
}
#plan .tbl .business .head{
	background:#008888;
	color:#fff;
}
#plan .tbl .pro .head{
	background:#002a2a;
	color:#fff;
}

#plan .tbl .title,
#plan .tbl .head{
	font-size:20px; font-size:2.0rem;
	font-weight:bold;
}
#plan .tbl .title span{
	font-size:14px; font-size:1.4rem;
	font-weight:normal;
}
#plan .tbl .line1{
	display:block;
	font-size:30px; font-size:3.0rem;
	line-height:120%;
	font-weight:bold;
	color:#d70038;
}
#plan .tbl .line1 span{
	font-size:18px; font-size:1.8rem;
	font-weight:normal;
}
#plan .tbl .line1 strong{
	position:relative;
	top:-5px;
	display:inline-block;
	padding:0 10px;
	margin-right:10px;
	font-size:16px; font-size:1.6rem;
	line-height:27px; line-height:2.7rem;
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a00028), color-stop(0.00, #cc0033));
	background:-webkit-linear-gradient(top, #cc0033 0%, #a00028 100%);
	background:-moz-linear-gradient(top, #cc0033 0%, #a00028 100%);
	background:-o-linear-gradient(top, #cc0033 0%, #a00028 100%);
	background:-ms-linear-gradient(top, #cc0033 0%, #a00028 100%);
	background:linear-gradient(top, #cc0033 0%, #a00028 100%);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#plan .tbl .line2{
	display:block;
	font-size:20px; font-size:2.0rem;
	font-weight:bold;
}
#plan .tbl .line3{
	display:block;
	font-size:14px; font-size:1.4rem;
}

/* ===== qa ===== */
#qa{
}
#qa dl{
	width:755px;
	padding-left:130px;
	margin-bottom:40px;
}
#qa dl.q2{
	margin-left:100px;
}
#qa dl.q3{
	margin-bottom:0;
}
#qa dt{
	background:url(../images/icon03.png) 0 0 no-repeat;
	padding:0 0 12px 34px;
	font-size:24px; font-size:2.4rem;
	line-height:120%;
	font-weight:bold;
}
#qa dd{
	background:url(../images/icon03.png) 0 -130px no-repeat;
	padding:5px 0 0 34px;
	font-size:18px; font-size:1.8rem;
}
#qa dd span{
	font-weight:bold;
}



/* ===== reason ===== */
#reason{
	background:#fff;
}
#reason .headline{
	text-align:center;
	margin-bottom:10px;
	padding-top:40px;
}

#reason h2{
	padding-top:0
}
#reason .image,
#reason .reason {
	padding:0 114px;
}

#reason .image{
	display:table;
	width:100%;
	margin-bottom:50px;
}
#reason .imageLeft{
	display:table-cell;
	width:350px;
	vertical-align:middle;
	padding:10px 40px 0 0;
	font-size:20px; font-size:2.0rem;
	line-height:150%;
	font-weight:bold;
}
#reason .imageRight{
	display:table-cell;
}
#reason .cost,
#reason .rate{
	width:150px;
	text-align:right;
} 
#reason .cost{
	padding:8px 0 60px;
} 

#reason .reason p{
	font-size:18px; font-size:1.8rem;
	line-height:150%;
	margin-bottom:30px;
}
#reason .reason p:nth-child(3){
	margin-bottom:60px;
}
#reason .reason .image_right{
	background:url(../images/img10.jpg) right top no-repeat;
	padding-right:320px;
	min-height:188px;
}

#reason .reason .name{
	text-align:right;
	background:url(../images/pic07.png) right center no-repeat;
	padding:20px 115px 20px 0;
	margin-bottom:0;
}


/* ===== regist ===== */
#regist{
	background:#fff;
}
#regist h2 strong{
	color:#d70038;
}
#regist form{
	padding:0 114px;
}
#regist .tbl{
	margin-bottom:30px;
}
#regist dt,
#regist dd{
	font-size:20px; font-size:2.0rem;
}
#regist dt{
	width:230px;
	padding:24px 10px 10px;
	font-weight:bold;
	vertical-align:top;
}
#regist dt span{
	color:#d70038;
}
#regist dt .memo{
	font-size:16px; font-size:1.6rem;
	font-weight:normal;
	color:#4a4a4a;
}
#regist dd{
	padding:10px 0;
}
#regist p{
	text-align:center;
}
#regist p a{
	color:#d70038;
	text-decoration:underline;
}
#regist p a:hover{
	text-decoration:none;
}
#regist .btn{
	width:305px;
	height:82px;
	margin-bottom:100px;
}

#regist.confirm dt{
	padding-top:10px;
}
#regist.confirm dd{
	padding-left:10px;
}


#regist.complete div{
	text-align:center;
}
#regist.complete p a{
	color:#4a4a4a;
}


/* -- form -- */
input, textarea, select{
	border:solid 1px #cecece;
	background:#fff;
	font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:20px; font-size:2.0rem;
	line-height:150%;
	padding:10px 14px;
	width:100%;
}
input{
}
textarea{
	height:240px;
}
select{
	padding:12px 14px;
}
input:focus,
textarea:focus{
	border-color:#cecece;
}
button{
	border:0;
}
label.error{
	position:relative;
	top:0;
	left:0;
	display:block;
	font-size:14px; font-size:1.4rem;
	line-height:140%;
	color:#d70038;
}


/* ===== footer ===== */
footer{
	background:#e5e5e5;
}
footer .inner{
	clear:both;
	overflow:hidden;
	padding-top:15px;
}
footer p{
	font-size:14px; font-size:1.4rem;
}
footer a{
	text-decoration:none;
}
footer a:hover{
	text-decoration: underline;
}


/* ===== company ===== */
#company{
}
#company .tbl{
	margin-bottom:50px;
	padding:0 114px;
}
#company dt, #company dd{
	padding:10px;
	vertical-align:text-top;
}
#company p{
	text-align:center;
	margin-bottom:50px;
}
#company iframe{
	height:500px;
}

/* ===== privacy ===== */
#privacy{
}
#privacy .inner div{
	padding:0 114px;
}
#privacy p{
	margin-bottom:15px;
}
#privacy .center{
	text-align:center;
	margin-bottom:50px;
}

#privacy ul{
	margin-left:16px;
	margin-bottom:15px;
}
#privacy li{
	list-style:disc;
}