@charset "UTF-8";
/****************************************
       CSS レイアウト (共有)
*****************************************/

/*トップイメージ*/
.contact_main_img{
display:block;

background-image: url(../images/contact_img.jpg);

background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
margin-bottom: 60px;
}

.contact_wrapper{
position: relative;
max-width: 1170px;
margin: 0 auto;
height: 553px;
}

.contact_comments{
top: 155px;
bottom: auto;
font-size: 110px;
position: absolute;
bottom: 25px;
left: 4.6875vw;
right: 4.6875vw;
background:rgba(0, 0, 0, 0.0);
}

.contact_title{
margin: 0 0 0.1em;
padding: 0;
color: #ffffff;
font-weight: 700;
line-height: 1;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
font-size: 0.5em;
}

.contact_txt{
margin: 0;
padding: 0 0 0 0.1em;
color: #ffffff;
font-size: 3.75vw;
font-weight: 700;
line-height: 1.8;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
font-size: 0.2em;
}

/*タイトル*/
.header_contact_title{
margin: 0 0 60px;
padding: 0;
text-align: center;
font-size: 2.8em;
font-weight: 700;
line-height: 1;
}



.contact{
	display:block;
	width:90%;
	margin:0 auto;
}


.contact h2{
margin-bottom: 30px;
font-size: 1.4em;
font-weight: 700;
letter-spacing: 0.1em;
color: #1d1d1f;
text-align:center;
}


	.ipt-txt {
		padding:10px;
		margin-bottom:10px;
		border: none;
		background-color:#fff;
font-size: 1.2em;
		line-height: 1.4446;
		color:#333;
		width: calc(100% - 20px);
		font-weight: 400;
		border: 1px solid #e5e5e5;
		border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */ 
	}

	.ipt-txt-doc{
		width: calc(100% - 20px);
		height: 200px;
		color:#333;
		padding:10px;
font-size: 1.2em;
		line-height: 1.4446;
		border: 1px solid #e5e5e5;
		border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */ 
	}
	

	.inquiry-btn{
		/*お問い合わせボタン*/
		width:calc(200px - 40px);/*paddingx2のpixelを引く*/
		height:calc(56px - 40px);/*paddingx2のpixelを引く*/
		padding:20px;
		display:block;/*インラインからブロック要素へ変更*/
		text-decoration:none;
		cursor: pointer;
		
		text-align:center;
		font-size:18px;
		color: #fff !important;
		font-weight: 600;
		margin:10px auto;
		background:#66c9be;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;

	}

.contact p{
margin-bottom: 10px;
font-size: 1.2em;
font-weight: 700;
letter-spacing: 0.1em;
color: #686868;
line-height:1.447;
}

.contact h3{
margin-bottom: 10px;
font-size: 1.2em;
font-weight: 700;
letter-spacing: 0.1em;
color: #686868;
line-height:1.447;

}



/****************************************
       CSS レイアウト (PC)
*****************************************/
/*PCのみの表示*/

@media (max-width: 741px) {
	
.business_title{
font-size: 0.4em;
text-align:center;
}

}



/****************************************
       CSS レイアウト (モバイル)
*****************************************/
/*モバイルのみの表示*/
@media (max-width: 481px) {
.contact_txt{
margin: 0;
padding: 0 0 0 0.1em;
color: #ffffff;
font-weight: 700;
line-height: 1.8;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
font-size: 0.12em;
text-align:center;
}
}

@media (max-width: 321px) {


}