@charset "utf-8";
/**************************************/
/* CSS file For miyata-jyuusou.co     */
/* FileName: service_guide.css        */
/* date: 2023.05.08                   */
/**************************************/

/*-----------------------------------------------------
	service_guide
------------------------------------------------------*/

body#page02 #wrapper div#contents article .innerBox .p02-01-wrap {
	width: 100%;
	margin: 0 auto;
}
body#page02 #wrapper div#contents article .innerBox .p02-01-wrap .p02-01-wrap-conimg1 {
	width: 32%;
	height: auto;
	margin-left: 0;
	margin-right: 2%;
	float: left;
}
body#page02 #wrapper div#contents article .innerBox .p02-01-wrap .p02-01-wrap-conimg2 {
	width: 32%;
	height: auto;
	margin-left: 0;
	margin-right: 0%;
	float: left;
}
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03 {
	width: 100%;
}
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03-left {
	width: 69%;
	margin-right: 1%;
	float: left;
}
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03-left img {
	width: 100%;
	height: auto;
}
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03-right {
	width: 29%;
	margin-left: 1%;
	/*padding-top: 40%;*/
	padding-top: 26.7%;
	float: left;
}
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03-right img {
	width: 100%;
	height: auto;
}
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03-list {
	list-style-type: disc;
	margin-left: 20px;
}
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03-list .p02-03-left {
	width: 69%;
	margin-right: 1%;
	float: left;
}
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03-list .p02-03-right {
	width: 29%;
	margin-left: 1%;
	float: left;
	padding-top: 40%;
}
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03-list .p02-03-left img ,
body#page02 #wrapper div#contents article .innerBox .common-format01 .p02-03-list .p02-03-right img {
	width: 100%;
	height: auto;
}
body#page02 #wrapper div#contents article .innerBox .common-format01-02 {
	width: 100%;
	height: auto;
	margin: 1% auto 10%;
	padding: 6% 6%;
	border-radius: 26px;
	border: 2px solid #aabf0b;
	line-height: 1.6;
}
body#page02 #wrapper div#contents article .innerBox .common-format01-02 .page02-04-parts {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
}
body#page02 #wrapper div#contents article .innerBox .common-format01-02 .flow-img01 {
	width: 48%;
	height: 360px;
	float: left;	
}
body#page02 #wrapper div#contents article .innerBox .common-format01-02 .flow-img01 img {
	width: 100%;
	height: auto;	
}
body#page02 #wrapper div#contents article .innerBox .common-format01-02 .explanation-of-flow {
	width: 48%;
	margin-left: 2%;
	height: 380px;
	float: left;
	text-align: justify;
	overflow: hidden;
}
body#page02 #wrapper div#contents article .innerBox .common-format01-02 .explanation-of-flow h3{
	width: 75%;
	padding: 0px 2px 1px ;
	text-align: left;
	margin-top: 0px;
	font-size: 140%;
	color: #000;
}
body#page02 #wrapper div#contents article .innerBox .common-format01-02 .section-of-flow-inner {
	width: 96%;
	height: 360px;
	margin: 4px auto;
	padding: 10px;
	overflow: hidden;
}
body#page02 #wrapper div#contents article .innerBox .p03-02-div5 {
	width: 90%;
	margin: 0 auto;
}
body#page02 #wrapper div#contents article .innerBox .p03-02-div5 p {
	text-align: justify;
	text-indent: 0;
	margin-bottom: 0%;
}
body#page02 #wrapper div#contents article .innerBox .p03-02-div5 p a {
	text-decoration: underline;
	line-height: 1.8em;
}

/** 以下レスポンシブのCSS */

/** 1025px以上場合のCSS(PC用) */
@media screen and (min-width: 1025px){
	body#page02 #wrapper div#contents article .innerBox .p02-01-wrap {
		width: 1000px;
	}
	body#page02 #wrapper div#contents article .innerBox .common-format01-02 {
		width: 1000px;
	}
}

/** 701px以上1024px以下場合のCSS(タブレット用) */
@media screen and (min-width: 701px) and (max-width: 1024px){
	body#page02 #wrapper div#contents article .innerBox .p02-01-wrap {
		width: 100%;
		max-width: 1000px;
	}
	body#page02 #wrapper div#contents article .innerBox .common-format01-02 {
		width: 100%;
		max-width: 1000px;
	}
	@media screen and  (max-width: 767px) {
		
	}
	
}

/** 420px以下の場合のCSS(スマホ用) */

@media screen and (min-width: 0px) and (max-width: 420px) {
	body#page02 #wrapper div#contents article .innerBox .common-format01-02 .page02-04-parts {
		width: 100%;
		height: auto;
	}
	body#page02 #wrapper div#contents article .innerBox .common-format01-02 .flow-img01 {
		width: 100%;
		height: auto;
		float: left;	
	}
	body#page02 #wrapper div#contents article .innerBox .common-format01-02 .flow-img01 img {
		width: 100%;
		height: auto;
	}
	body#page02 #wrapper div#contents article .innerBox .common-format01-02 .explanation-of-flow {
		width: 100%;
		margin-left: 0%;
		margin-top: 2%;
		height: 200px;
		float: left;
		text-align: justify;
		overflow: hidden;
	}
	body#page02 #wrapper div#contents article .innerBox .common-format01-02 .explanation-of-flow h3 {
		width: 100%;
		padding: 0px 2px 1px;
		text-align: left;
		margin-top: 0px;
		font-size: 120%;
		color: #000;
	}
	body#page02 #wrapper div#contents article .innerBox .common-format01-02 .section-of-flow-inner {
		width: 96%;
		height: 180px;
		margin: 4px auto;
		padding: 10px;
		overflow: hidden;
	}
}