@charset "utf-8";

#title{
	background: url(../img/bg.png) center top no-repeat;
}
@media (min-width:2000px){
	#title{
		background-size: 101% auto !important;
	}
}


.desc{
	margin: 0 auto 40px;
	position: relative;
	overflow: hidden;
	min-height: 110px;
}
.desc a{
	color: #000;
}
.desc .inner{
	position: relative;
	overflow: visible;
}
.desc .tex{
	font-size: 1.3rem;
	line-height: 160%;
	text-align: left;
	margin: 0 auto 10px 20px;
	width: 510px;
}
.desc .tex strong{
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
}
.desc .tex2{
	font-size: 1.3rem;
	line-height: 160%;
	text-align: left;
	margin: 0 auto 25px 20px;
	width: 510px;
}
.desc .tex2 a:hover{
	opacity: 0.7;
}
.desc .tex3{
	font-size: 1.3rem;
	line-height: 160%;
	text-align: left;
	margin: 0 auto 10px 20px;
	width: 560px;
}
.desc .info{
	background: #E7E7E7;
	width: 440px;
	margin: 0 auto 0 20px;
	padding: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.desc .info p{
	line-height: 0;
	text-align: left;
	margin: 0 auto;
}
.desc .info p span{
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
}
.desc .info a{
	display: inline-block;
	vertical-align: bottom;
}
.desc .img{
	position: absolute;
	top: 3px;
	right: 0;
	line-height: 0;
}


#form{
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}
#form h2{
	text-align: center;
	line-height: 0;
	margin: 0 auto 40px;
}
#form p.text{
	color: #333;
	font-size: 1.5rem;
	line-height: 140%;
	text-align: center;
	margin: 0 auto 20px;
}
#form p.text2{
	color: #333;
	font-size: 1.5rem;
	line-height: 140%;
	text-align: center;
	margin: 0 auto 60px;
}
#form p.text2>strong{
	font-size: 3rem;
	color: #008C66;
}
#form table{
	margin: 0 auto 90px;
}
#form.check table{
	margin: 0 auto 66px;
}
#form table tr{
	background: url(../img/bar.png) left bottom no-repeat;
}
#form table th{
	font-size: 1.4rem;
	color: #646464;
	line-height: 160%;
	text-align: left;
	padding: 26px 10px 20px;
	vertical-align: top;
	font-weight: normal;
	position: relative;
	white-space: nowrap;
}
#form table th.required:after{
	content: '';
	background: url(../img/required.png) 0 0 no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 15px;
	right: 0;
}
#form table td{
	width: 710px;
	font-size: 1.4rem;
	color: #000000;
	line-height: 160%;
	text-align: left;
	padding: 15px 20px;
	vertical-align: top;
	word-wrap: break-word;
	word-break: break-all;
}
#form table td.checks{
	padding: 15px 20px 8px 20px;
}
#form.check table td.mail_cell{
	padding: 26px 20px 8px 20px;
}
#form table td>span{
	color: #BA0611;
	font-weight: normal;
	font-size: 1.6rem;
	display: block;
	padding-top: 8px;
}
#form table td>.err{
	color: #BA0611;
	font-weight: normal;
	font-size: 1.6rem;
	display: block;
	padding-top: 4px;
}
#form table tr.how_to th{
	padding-top: 24px;
}
#form table tr.how_to td{
	padding-top: 20px;
	padding-bottom: 18px;
}
#form.check table td{
	padding: 25px 20px 23px;
	font-weight: bold;
	font-size: 1.6rem;
}
#mobile #form.check table td{
	font-size: 1.3rem;
}
#form table td input,
#form table td textarea{
	width: 100%;
	padding: 9px 10px 8px;
	border: 1px solid #797979;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: none;
	font-size: 1.4rem;
	border-radius: 10px;
}
#form select {
	width: 210px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 20px 7px 10px;
	border: 1px solid #969696;
	border-radius: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("../img/ico_form_02.png") no-repeat 95% 8px, -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dcdcdc));
	background: url("../img/ico_form_02.png") no-repeat 95% 8px, -webkit-linear-gradient(top, #f2f2f2 0%, #dcdcdc 100%);
	background: url("../img/ico_form_02.png") no-repeat 95% 8px, -o-linear-gradient(top, #f2f2f2 0%, #dcdcdc 100%);
	background: url("../img/ico_form_02.png") no-repeat 95% 8px, linear-gradient(to bottom, #f2f2f2 0%, #dcdcdc 100%)
}
#form table td input[name="zip"]{
	width: 210px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input::-webkit-input-placeholder{
	color: #B4B4B4;
}
input::-moz-placeholder{
	color: #B4B4B4;
}
input:-moz-placeholder{
	color: #B4B4B4;
}
input:-ms-input-placeholder{
	color: #B4B4B4;
}
#form table label{
	display: inline-block;
	margin: 0 80px 0 0;
	vertical-align: top;
}
#form table label input[type="radio"]{
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-appearance: none;
	border: 1px solid #868686;
	vertical-align: middle;
	display: inline-block;
	margin: 0 5px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#form table label input[type="radio"]:checked{
	background: url(../img/radio.png) center center no-repeat;
}
#form table label span{
	display: inline-block;
	vertical-align: middle;
	margin: 2px 0 0 0;
	font-size: 1.6rem;
}


#form ul.btn{
	display: block;
	letter-spacing: -0.4em;
	text-align: center;
	line-height: 0;
}
#form ul.btn>li{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 15px;
	padding: 0;
	vertical-align: middle;
}
#form ul.btn>li.return{
	margin-right: 190px;
}
#form ul.btn>li>a,
#form ul.btn>li>input,
#form ul.btn>li>button{
	display: block;
	border: none;
	background: none;
	color: #fff;
	font-size: 2.3rem;
	line-height: 0;
	padding: 0;
	cursor: pointer;
	box-shadow: none;
}
#form ul.btn>li>button.check{
	background: url(../img/check_btn_on.png) 0 0 no-repeat;
}
#form ul.btn>li>button.back{
	background: url(../img/back_on.png) 0 0 no-repeat;
}
#form ul.btn>li>button.send{
	background: url(../img/submit_on.png) 0 0 no-repeat;
}
#form ul.btn>li>a.top{
	background: url(../img/top_on.png) 0 0 no-repeat;
}
#form ul.btn>li>a:hover,
#form ul.btn>li>input:hover,
#form ul.btn>li>button:hover{
	text-decoration: none;
}
#form ul.btn>li>a:hover img,
#form ul.btn>li>button:hover img{
	opacity: 0;
}
#form ul.btn>li>input:focus,
#form ul.btn>li>button:focus{
	outline: none;
}

#form .tex3{
	width: 760px;
	margin: 80px auto 140px;
}
#form .tex3 p{
	font-size: 1.4rem;
	line-height: 180%;
	text-align: left;
	margin: 0 auto 1.3em;
}
#mobile #form .tex3 p{
	font-size: 1rem;
}
#form .tex3 p a{
	color: #000;
}
#form .tex3 p a:hover{
	text-decoration: none;
}


#contact footer>.banner>.inner>a{
	width: 860px;
	background: url(../img/company_bg.png) right top no-repeat;
	padding: 50px 48px;
	min-height: 210px;
	margin: 0 auto;
	float: none;
}
#contact footer>.banner>.inner>a.about:before{
	content: none;
}
#contact footer>.banner>.inner>a.about h3{
	text-align: center;
	padding: 0;
	background: none;
}
#contact footer>.banner>.inner>a.about h3>span{
	display: inline-block;
	padding-right: 40px;
	background: url(../../img/footer/arrow.png) right 2px center no-repeat;
}
#contact footer>.banner>.inner>a.about p{
	margin: 0 auto;
}