@charset "utf-8";  
/*------------------------------------------------------------ 
   CONTACT css
------------------------------------------------------------*/  

.headline-en,
.headline-jp{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height:1;
}

#contactForm{
	width:100%;
	padding:50px 0 120px;
}

#contactForm dl{ margin-bottom:35px;}

#contactForm dt{
	width:auto;
	padding-left:10px;
	margin-bottom:10px;
	line-height:20px;
	font-weight:bold;
	font-size:125%;
	border-left:4px solid #818181;
}

#contactForm .required:after{
	display:inline-block;
	vertical-align:middle;
	content:"必須";
	line-height:20px;
	padding:0 5px;
	margin-left:10px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	background:#6C6A6A;
}

.form-input{
	width:100%;
	height:36px;
	padding:0 10px;
	background:#EEEEEE;
	border:none;
	font-size:117%;
	box-sizing:border-box;
}
.form-textarea{
	width:100%;
	height:200px;
	padding:10px;
	background:#EEEEEE;
	resize:none;
	overflow:auto;
	border:none;
	font-size:117%;
	box-sizing:border-box;
}
.input-error{
	background:#ff7f7f;
}


.button a{
	background:#6D6A6A;
	transition:all 0.2s ease-out;
}

.button a:hover{ background:#D6525C;}

.sectionHd{
	width:100%;
	text-align:center;
	font-size:125%;
	font-weight:bold;
	margin-bottom:15px;
}

.sectionAddress{
	font-size:142%;
	margin:35px 0 10px;
}

.sectionInfo{
	width:100%;
	margin-bottom:80px;
	padding-bottom:20px;
	overflow:hidden;
	border-bottom:2px solid #BEBEBE;
}

.sectionInfo .list-flag{
	color:#595757;
	float:left;
	border-color:#6C6A6A;
}

.sectionTxt{
	width:calc(100% - 90px);
	float:right;
	line-height:26px;
	font-size:167%;
}

/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

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

#contactForm{
	width:100%;
	padding:25px 0 60px;
}

#contactForm dl{ margin-bottom:25px;}

.sectionAddress{
	font-size:134%;
	margin-top:20px;
}

.sectionInfo{
	margin-bottom:40px;
	padding-bottom:10px;
	border-bottom:1px solid #BEBEBE;
}

.sectionInfo .list-flag{
	color:#595757;
	float:left;
	border-color:#6C6A6A;
}

.sectionTxt{
	width:calc(100% - 84px);
	font-size:142%;
}

}