@charset "utf-8";


/*----------------------------------------------------------
	00 reset
	01 link
	02 font
	03 common layout and heading
	04 header
	05 footer
	06 toppage
  07 FAQ
  08 product page
	00 common parts
----------------------------------------------------------*/




/*  01 link
======================================================================================*/
.topic a:link,
.topic a:visited {
	color:#FFF;
}






/*  02 font-family
======================================================================================*/



/*  00  key area
======================================================================================*/

section.key_area {
	padding:0;
}


.key {
	background-color: #0DAFD4;
	background-image: url(../img/form_mainbg_sp.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:contain;
	padding-top:10px;
}


.key p {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:1.5;
	margin-bottom:0;
}

.key p span {
	font-size:12px;
}


.ye_tx {
	color:#FFF100;
}

.ye_tx span {
	font-size:22px;
}

.key_tx {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:contain;
	padding-bottom:28%;
}

.key_tx_cancel {
	padding-bottom:10%;
}

.key_estimate {background-image: url(../img/estimate_main_sp.png);}

/*  03  heading
======================================================================================*/

h2,
h3 {
	font-weight:bold;
	background:none;
	background-color:#ADE2EF;
	font-size:14px;
	padding:10px;
}

h2 span {
	font-size:14px;
	font-weight:normal;
}

h3 {
	background-color:#EEF8FB;
}

h4 {
	color:#FFF;
	font-size:13px;
	background-color: #0DAFD4;
	margin:10px 0;
}

/*  04 content
======================================================================================*/

section.form {
	padding-top:0;
}

.form form {
	margin-bottom:30px;
}

.must {
	display:inline-block;
	padding:0px 4px;
	margin-left:5px;
	border-radius:3px;
	background-color:#E50072;
	color:#FFF;
	font-size:10px;
}

.form dl {
	padding:10px;
}

.form dt,
.form dd {
	text-align:left;
	font-size:14px;
	margin-bottom:5px;
}

.form dd {
	margin-bottom:40px;
}

.form form#mailformpro input[type="text"] {
	width:100%;
	box-sizing:border-box;
	padding:8px;
	border-radius:3px;
	border: 1px solid #DDD;
}

.form form#mailformpro input[type="radio"] {
	margin-bottom:5px;
}

.form select {
	padding:8px;
}


.form textarea {
	width:100%;
	box-sizing:border-box;
}

.color_list02,
.color_list02b {
	padding:15px 30px;
}

.color_list02 li,
.color_list02b li {
	font-size: 13px;
	background-image: url(../img/color_list02.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	background-size: 4px;
	padding: 4px 0px 5px 10px;
	text-align: left;
}

.color_list02b li {
	font-weight:bold;
}

.form_lead {
	background-color:#F7F8F8;
	font-size:13px;
	padding:10px;
}


.form_lead p img {
	margin:5px 0px 15px;
	width:80%;
}


@media screen and ( max-width : 599px ) {
.inner_box {
	padding:0 10px;
	text-align:left;
}
}


/* pc css start --------------------------------------------------*/
@media screen and ( min-width : 600px ) {

/* link --------------------------*/




/*  00  key area
======================================================================================*/

section.key_area {
	padding:0;
}

.key {
	background-color: #0DAFD4;
	background-image: url(../img/form_mainbg_pc.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:auto;
	padding-top:20px;
}


.key_inner {
	width:900px;
	margin:0 auto;
}


.key p {
	font-size:32px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	line-height:1.5;
	margin-bottom:40px;
}

.key p:last-of-type {
	margin-bottom:0px;
}

.ye_tx span {
	font-size:44px;
}

.key_tx {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:auto;
	padding-bottom:30px;
}

.key_tx_cancel {
	padding-bottom:30px;
}


.key_tx p,
.key_tx_cancel p {
	text-align:center;
	margin-bottom:5px;
	font-size:36px;
	line-height:1.6;
}

.key_estimate p {
	padding-top:20px;
}



.key p span {
	font-size:20px;
	display:inline-block;
	/*padding-top:15px;*/
}


.key_estimate {background-image: url(../img/estimate_main_pc.png);}



/*  heading ------------------------ */


h2 {
	width:auto;
	font-size:18px;
	padding:20px;
	margin-bottom:0;
}

.form h2 {
	border: 1px solid #DDD;
	border-bottom: none;
}



h3 {
	font-size:18px;
	padding:20px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

h4 {
	text-align:left;
	font-size:16px;
	padding-left:10px;
}



/* content and common -----------*/


section.form,
section.form_tx {
	width:800px;
	box-sizing:border-box;
	margin:45px auto 0px;
}

section.form_tx {
	border: 1px solid #DDD;
}

.form form {
	margin-bottom:30px;
}

.must {
	font-size:12px;
}

.form dl {
	padding:40px 90px;
	border: 1px solid #DDD;
	margin-bottom:40px;
}

.form dt,
.form dd {
	text-align:left;
	font-size:16px;
	margin-bottom:5px;
}

.form label {
	font-size:16px;
}

.form dd {
	margin-bottom:40px;
}

.form form#mailformpro input[type="text"] {
	width:100%;
	box-sizing:border-box;
	padding:8px;
}

.form form#mailformpro input[type="radio"] {
	margin-bottom:8px;
}

.form form#mailformpro .bl label {
	padding: 2px;
}


.form textarea {
	width:100%;
	box-sizing:border-box;
}

.form p {
	font-size:16px;
}

.color_list02 li,
.color_list02b li {
	font-size: 16px;
	background-position: 0px 16px;
	background-size: 4px;
	padding: 4px 0px 5px 10px;
	text-align: left;
}

.form_lead {
	font-size:16px;
	margin-bottom:0;
	border: 1px solid #DDD;
	border-bottom: none;
	padding:15px 30px;
}

.form_lead p {
	width:48%;
	float:right;
	font-size:16px;
	text-align:left;
}

.form_lead p:first-child {
	float:left;
}

.form_lead p img {
	width:100%;
}

.linearea {
	border: 1px solid #DDD;
	padding:30px;
}






/* path -----------------------------------*/

.path {
	display:block;
	width:980px;
	margin:10px auto;
}







}