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



/*-----------------------------------------------------
	top-page(index)
------------------------------------------------------*/

body#page01 #wrapper div#contents article h1 {
	text-align: center;
	font-size: 20px;
	color: #000;
	font-weight: 400;
	padding-top: 2%;
	padding-bottom: 1%;
}body#page01 #wrapper div#contents article h1 {
	text-align: center;
	font-size: 20px;
	color: #000;
	font-weight: 400;
	padding-top: 2%;
	padding-bottom: 1%;
}
body#page01 #wrapper div#contents article h2 {
	text-align: center;
}
body#page01 #wrapper div#contents article .innerBox h3 {
	/*font-size: 35px;*/
	font-size: 29px;
	font-weight: bold;
	margin-top: 1%;
	margin-bottom: 6%;
}

/*.p01-01-img {
	width: 26.8%;
	height: auto;
	float: left;
}*/
/*.p01-01-contents {
	margin-left: 3.2%;
	float: left;
	width: 70%;
}*/
/*.p01-block02-parts {
	width: 100%;
	height: auto;
	margin-bottom: 5%;
}*/
/*.p01-block02-parts .p01-block02-01 {
	width: 48%;
	margin-left: 0;
	margin-right: 2%;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	float: left;
}*/
/*.p01-block02-parts .p01-block02-01:nth-of-type(2n) {
	margin-right: 0%;
	margin-left: 2%;
}*/
/*.p01-block02-parts .p01-block02-01 img.movie-img {
	width: 100%;
	height: auto;
}*/

/*.p01-block02-left {
	margin-right: 2%;
	width: 53%;
	height: auto;
	float: left;
}*/
/*.p01-block02-left iframe {
	width: 530px;
	height: 298px;
}*/
/*.p01-block02-right {
	width: 45%;
	float: left;
}*/
/*body#page01 #wrapper div#contents article .innerBox .p01-block02-right h3 {
	color: #aabf0b;
	margin: 0 0 5%;
	font-size: 22px;
	font-weight: 100;
	line-height: 1.6;
}*/
/*.p01-block02-right p {
	line-height: 1.6;
}*/





body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  {
	width: 100%;
	height: inherit;
	margin-bottom: 5%;
}
body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-block03-left {
	margin-right: 2%;
	width: 53%;
	height: inherit;
	float: left;
}
body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-block03-left img {
	width: 100%;
	height: auto;
}
body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-03-right {
	width: 45%;
	float: left;
}


body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-03-right h3 {
	font-weight: 100;
	width: 100%;
}

body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-03-right p {
	line-height: 1.6;
	width: 100%;
}


body#page01 #wrapper div#contents article .innerBox .common-format05 {
	width: 100%;
	margin: 1% auto 10%;
	padding: 2% 6%;
	border-radius: 26px;
	border: 2px solid #aabf0b;
	border-left: 150px solid #aabf0b;
	border-right: 150px solid #aabf0b;
	line-height: 1.6;
	height: 100px;
	overflow-y: scroll;
    /* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;
  }
  /* Chrome, Safari 対応 */
  body#page01 #wrapper div#contents article .innerBox .common-format05::-webkit-scrollbar {
    display:none;
}


body#page01 #wrapper div#contents article .innerBox .common-format05 p {
	font-size: 22px;
	margin-bottom: 1.5em;
}
.news-division {
	overflow-y: scroll;
	height: 180px;
}
.news-division p {
	margin-bottom: 1.5em;
}






/** 以下レスポンシブのCSS */
/** 701px以上1024px以下場合のCSS(タブレット用) */
@media screen and (min-width: 1025px){
	body#page01 #wrapper div#contents article .innerBox .common-format05 {
		width: 1000px;
	}	
}
/** 701px以上1024px以下場合のCSS(タブレット用) */
@media screen and (min-width: 701px) and (max-width: 1024px){
	body#page01 #wrapper div#contents article .innerBox h3 {
		font-size: 24px;
		margin-top: 1%;
		margin-bottom: 6%;
	}
	body#page01 #wrapper div#contents article .innerBox .common-format05 {
		width: 100%;
		max-width: 1000px;
		margin: 1% auto 10%;
		padding: 2% 6%;
		border-radius: 26px;
		border: 2px solid #aabf0b;
		border-left: 150px solid #aabf0b;
		border-right: 150px solid #aabf0b;
		line-height: 1.6;
		height: 100px;
		overflow-y: scroll;
    	/* IE, Edge 対応 */
		-ms-overflow-style: none;
		/* Firefox 対応 */
		scrollbar-width: none;
	}

	
}

/** 700px以下の場合のCSS(スマホ用) */
@media screen and  (max-width: 700px) {
	
	body#page01 article h1 {
		/*width: 69%;*/
		margin-left: 2%;
		text-align: left;
		/*font-size: 9px;*/
	}
	
	body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  {
		width: 100%;
		height: inherit;
		margin-bottom: 5%;
	}
	body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-block03-left {
		width: 100%;
		float: left;
		margin-right: 2%;
	}
	body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-block03-left img {
		width: 100%;
		height: auto;
	}
	
	body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-03-right {
		width: 100%;
		float: left;
	}
	body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-03-right h3 {
		font-weight: 100;
	}
	body#page01  #wrapper div#contents article .innerBox .common-format02  .p01-block03-parts  .p01-03-right p {
		line-height: 1.6;
		font-size: 16px;
		text-align: justify;
	}
	
	
	body#page01 #wrapper div#contents article .innerBox h3 {
		font-size: 25px;
		font-weight: bold;
		margin-top: 1%;
		margin-bottom: 6%;
		/*margin-left: 25px;*/
		margin-left: 0;
		text-align: justify;
	}
	
	body#page01 #wrapper div#contents article ul#newsList li a {
		margin-left: 5px;
		font-size: 16px;
	}

	/** 360px以上567px以下の場合のCSS(スマホ用) */
	@media screen and (min-width: 360px) and (max-width: 567px) {
		span.p01-h1-br::before {
	    	content: '\A';
			white-space: pre;
		}
	}
	/** 359px以下の場合のCSS(スマホ用) */
	@media screen and (max-width: 359px) {
		span.p01-indention-280::before {
	    	content: '\A';
			white-space: pre;
		}
	}
}