@charset "utf-8";

/*-----------------------------------------------------------
common
------------------------------------------------------------*/
/* title */
h2	{
	padding:0 5px;
	margin-bottom:10px;}

h3	{
	height:115px;
	background-image:url(../images/form-title-bg.png);}

h4	{
	color:#fff;
	font-size:18px;
	padding:5px 10px;
	background:#368d39;
	border-radius:5px;}

section {
	overflow:hidden;
	padding-bottom:30px;}

/* table */
table{
	width:100%;}
table th{
	width:80px;
	padding:10px;
	vertical-align:middle;
	border:1px #ddd solid;
	background:#eee;}
table td{
	padding:10px;
	vertical-align:middle;
	border:1px #ddd solid;}

/* acd */
.acd-menu{
	list-style:none;}
	
.acd-menu dt{
	position:relative;
	cursor:pointer;
	padding:15px 0;
	border-bottom:1px #ddd dashed;}
	
.acd-menu dt:hover{
	background:#f5f5f5;}
	
.acd-menu dt:last-child{
	border-bottom:none;}
	
.acd-menu dt::before{
	content: '＋';
	position:absolute;
	font-size:20px;
	font-weight:600;
	top:12px;
	right:10px;}

.acd-menu .open::before{
	content: '―';
	position:absolute;
	font-size:18px;
	font-weight:600;
	top:15px;
	right:10px;}
	
.acd-menu dd{
	padding:20px;
	background:#f5f5f5;}
/*----------------------------------------------------------*/





/*-----------------------------------------------------------
header
------------------------------------------------------------*/
header{
	width:100%;
	height: 60px;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	background:#fff;
	box-sizing:border-box;
	border-bottom:1px #368d39 solid;}

header h1{
	float: left;
	margin-top:20px;
	margin-left:5px;}

nav{
	z-index:10000;
	position:relative;
	margin-top:5px;
	float: right;}

nav li{
	float: left;
	margin-right:5px;}

#top{
    margin-top:-60px;
    padding-top:120px;
	overflow:hidden;}

#menu li{
	border-top:1px #368d39 solid;
	box-sizing:border-box;}

#menu li:last-child{
	border-bottom:1px #368d39 solid;}

#menu article{
    margin-top:-60px;
    padding-top:60px;}

.menu-bt{
	padding:10px;
	margin-bottom:-20px;
	overflow:hidden;
	background-size:100% auto;
	background-image:url(../images/menu-bt-bg.jpg);}

#point li span{
	display:table-cell;
	vertical-align:top;}

#guide li{
	margin-bottom:5px;}

.guide-bt{
	padding:10px;
	overflow:hidden;
	background-size:100% auto;
	background-image:url(../images/guide2-bg.jpg);}

#faq{
    margin-top:-80px;
    padding-top:80px;}

#faq li span{
	display:table-cell;
	vertical-align:top;}

#profile{
	margin-top:80px;}
/*----------------------------------------------------------*/





/*-----------------------------------------------------------
form
------------------------------------------------------------*/
* {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
}
#form{
    margin-top:-60px;
    padding-top:60px;
	margin-bottom:-30px;
	overflow: hidden;}

form{
	max-width:640px;
	background:#f5f5f5;
	overflow: hidden;}

form dt{
	padding:10px 0 0 10px;}

form dd{
	padding:10px;
	border-bottom:1px #ddd solid;}

form dd img{
	float:right;
	z-index:9999;
	position:relative;
	margin:-32px 10px 0 0;}

form .form-in dd input,
form .form-in dd ol li select{
	width: 100%;
	height: 50px;
	padding:0 5px;
	font-size:18px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:2px #ddd solid;}

form .form-in dd textarea{
	width: 100%;
	padding:10px 5px;
	font-size:18px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:2px #ddd solid;}

.radio-bt input {
	display: none;
}
.radio-bt label{
	display: table-cell !important;
	cursor: pointer;
	padding: 15px 10px !important;
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
	border-left:1px #ddd solid;
	background: linear-gradient(#fff, #ddd);
	font-size: 12px;
	text-align: center;
	vertical-align:middle;
	border-radius: 0 !important;
}
.radio-bt1 label{
	width: 10% !important;
}
.radio-bt2 label{
	width: 10% !important;
}
.radio-bt3 label{
	width: 20% !important;
}
.radio-bt label:first-of-type{
	border-radius: 5px 0 0 5px !important;
}
.radio-bt label:last-of-type{
	border-right:1px #ddd solid;
	border-radius: 0 5px 5px 0 !important;
}
.radio-bt input[type="radio"]:checked + .switch-on {
	background: #a1b91d !important;
	color: #fff !important;
}
.radio-bt input[type="radio"]:checked + .switch-off {
	background: #e67168 !important;
	color: #fff !important;
}

.check-bt label{
	padding:20px 10px !important;
	border:1px #ddd solid !important;
}
#mfp_phase_confirm_inner .mfp_color{
	background: #ffffff !important;
}
#mfp_phase_confirm_inner th{
	background: #ffffff !important;
}

#mailformpro input[type="radio"] {
	-webkit-appearance: radio;
	appearance: radio;
	width: 20px;
	height: 20px;
	vertical-align: middle
}
#mailformpro textarea {
	width: 100%!important;
}
#mailformpro .mb10 {
	margin-bottom: 10px;
}
form#mailformpro label.mfp_not_checked,
form#mailformpro label.mfp_checked {
    padding: 6px 12px!important;
}
input#button_mfp_goconfirm {
    width: 290px!important;
    height: 48px!important;
    overflow: hidden!important;
    background-color: #FFFFFF!important;
	background-image: url(../images/mfp_goconfirm.jpg)!important;
	background-size: 100% auto;
    border: none!important;
    border-style: none!important;
    cursor: pointer!important;
}
form .form-in dd ol li select {
	background: #fff;
}
form#mailformpro dl dt {
    padding: 14px 14px 0 14px!important;
}
form#mailformpro dl dd ul li {
    display: inline-block;
    width: 142px;
}
form#mailformpro label.mfp_checked,
form#mailformpro label.mfp_not_checked {
	width: -webkit-calc(94% - 24px);
	width: calc(94% - 24px);
}
table#mfp_confirm_table tr th {
    white-space: normal;
    width: 100px;
}

/*----------------------------------------------------------*/





/*-----------------------------------------------------------
company
------------------------------------------------------------*/
#history li{
	border-bottom:1px #ddd dashed;
	padding:5px 0;}

#history li span{
	font-size:12px;
	display:block;}
/*----------------------------------------------------------*/





/*-----------------------------------------------------------
footer
------------------------------------------------------------*/
footer{
	padding:10px 0;
	background:#eee;}

address{
	color: #777;
	width: 100%;
	padding: 5px 0;
	font-size: 10px;
	text-align: center;
	background: #ddd;}
/*----------------------------------------------------------*/