@charset "utf-8";
/**************************************/
/* CSS file For miyata-jyuusou.co     */
/* FileName: contact-section          */
/* date: 2023.05.02                   */
/**************************************/



/*-----------------------------------------------------
	コンタクト部分(各ページ共通)
------------------------------------------------------*/

body#page05 #wrapper div#contents article .innerBox .common-format02 {
	width: 100%;
	/*max-width: 1000px;*/
	margin: 1% auto;
	line-height: 1,6;
}

body#page05 #wrapper div#contents article .innerBox .common-format02 h3 {
	font-size: 25px;
	color: #f3780e;
	font-weight: bold;
	margin-top: 1%;
	margin-bottom: 1.5%;
}
body#page05 #wrapper div#contents article .innerBox .common-format02 .common-format02-inner {
	line-height: 1.6;
	width: 70%;
	margin: 0% 17% 5%;
}


body#page05 #wrapper div#contents article .innerBox .common-format02 img.contact-three-step {
	width: 100%;
	height: auto;
	margin: 2% auto 3%;
}
body#page05 #wrapper div#contents article .innerBox .common-format02 .goto-contact {
	text-align: center;
	margin: 3% auto 8%;
}
body#page05 #wrapper div#contents article .innerBox .common-format02 .goto-contact a.contact-link {
	padding: 1.5% 3%;
	background-color: #f3780e;
	color: #fff;
	font-size: 28px;
	border-radius: 10px;
}

body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-left {
	width: 40%;
	float: left;
	line-height: 1.6;
}
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right {
	width: 60%;
	float: left;
	line-height: 1.6;
}

body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-spacing01 {
	width: 80%;
	margin-left: 20%;
}

body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-left h3 ,
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right h3 ,
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-spacing01 h3 {
	/*text-align: left;*/
}
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-01 ,
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-spacing01 .contact-right-01 {
	width: 28%;
	float: left;
}
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-02 ,
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-spacing01 .contact-right-02 {
	width: 71%;
	float: left;
	margin-left: 1%;
}
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-01 img ,
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-02 img ,
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-spacing01 .contact-right-01 img ,
body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-spacing01 .contact-right-02 img {
	width: 100%;
	height: auto;
}



body#page05 #wrapper div#contents article .innerBox .common-format02 .goto-form {
	text-align: left;
	margin: 21% 3% 2%;
}
body#page05 #wrapper div#contents article .innerBox .common-format02 .goto-form a.contact-form {
	padding: 1.5% 6%;
	background-color: #f3780e;
	color: #fff;
	font-size: 34px;
	border-radius: 10px;
}






/** 以下レスポンシブのCSS */
/** 1025px以上場合のCSS(PC用) */
@media screen and (min-width: 1025px){
	body#page05 #wrapper div#contents article .innerBox .common-format02 {
		width: 1000px;
	}
	
	body#page05 #wrapper div#contents article .innerBox .common-format02 h3 {
		font-size: 25px;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .common-format02-inner {
		width: 700px;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 img.contact-three-step {
		width: 1000px;
	}
}


/** 701px以上1024px以下場合のCSS(タブレット用) */
@media screen and (min-width: 701px) and (max-width: 1024px){
	
	body#page05 #wrapper div#contents article .innerBox .common-format02 {
		width: 100%;
		max-width: 1000px;
		margin: 1% auto;
		line-height: 1,6;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .common-format02-inner {
		width: 96%;
		margin: 0% 2%;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-left img.img-tel {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	body#page05 #wrapper div#contents article .innerBox img.p05-deco {
		width: 100%;
		max-width: 1000px;
		height: auto;
	}
}

	


/** 700px以下の場合のCSS(スマホ用) */
@media screen and  (max-width: 700px) {
	body#page05 #wrapper div#contents article .innerBox .common-format02 {
		width: 100%;
		margin: 1% auto;
		line-height: 1,6;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .common-format02-inner {
		width: 90%;
		margin: 0% 0% 0% 25px;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .common-format02-inner p {
		font-size: 14px;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .goto-contact {
	text-align: left;
	margin: 3% 0 8%;
}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .goto-contact a.contact-link {
		/*padding: 1.5% 3%;
		background-color: #f3780e;
		color: #fff;*/
		margin-left: 25px;
		font-size: 20px;
		/*border-radius: 10px;*/
	}
	
	body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-left {
		width: 100%;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right {
		width: 100%;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-left p {
		margin-left: 25px;
		font-size: 14px;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-left img.img-tel {
		width: 80%;
		height: auto;
		margin-left: 25px;
	}
	
	body#page05 #wrapper div#contents article .innerBox .common-format02 h3.h3-line {
		/*text-align: left;*/
		margin-left: 25px;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-spacing01 {
		width: 94%;
		margin-left: 25px;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-spacing02 {
		width: 94%;
		margin-left: 25px;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .contact-right .contact-right-spacing02 p {
		font-size: 14px;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .goto-form {
    	text-align: left;
    	margin: 2% 0% 2%;
	}
	body#page05 #wrapper div#contents article .innerBox .common-format02 .goto-form a.contact-form {
		font-size: 20px;
		padding: 1.5% 6%;
		margin-left: 25px;
		margin-top: 0px;
	}
	body#page05 #wrapper div#contents article .innerBox img.p05-deco {
		width: 100%;
		height: auto;
	} 
}