@charset "UTF-8";

@media screen and (max-width: 767px) {
	#top-anch02 .ttl01 { margin-bottom: 40px; }
	.in-in-right { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.in-in-left { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede;  }
	
	.in-in h3 { font-weight: bold; font-size: 1.2rem; color: #000; }
	.in-in h3 span.marker { padding: 0 10px; }
	.in-in ul.thirdFlex li { width: 80%; margin:0 auto 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.in-in ul.thirdFlex li:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px;  }
	.in-in ul.thirdFlex li h6 { background: #eb314a; font-size:10px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; text-align: center; margin-bottom: 10px; color: #fff;}
	.in-in ul.thirdFlex li h4 { text-align: center; font-size: 1.1rem; font-weight: bold; margin-bottom: 10px; color: #eb314a; }
	.in-in ul.thirdFlex li div { margin-bottom: 10px;}
	.in-in ul.thirdFlex li p { font-size: 0.8rem; }
	
	#miryoku01 .bgImg { display: none; }
	#miryoku02 .bgImg { display: none; }
	#miryoku03 .bgImg { display: none; }
	
	.in-flex {  }
	.in-flex-Left { display: none; }
	.in-flex-Right h3 { font-size: 1.3rem; margin-bottom: 20px; font-weight: bold; text-align: center;}
	.in-flex-Right h4 { font-size: 1.2rem; margin-bottom: 20px; font-weight: bold; text-align: center; }
	.in-flex-Right ul li h5 { font-size: 1.1rem; margin-bottom: 10px; font-weight:bold; }
	.in-flex-Right ul li div { width: 80%; margin: 0 10% 10px; }
}
@media screen and (min-width: 768px) {
	#top-anch02 .ttl01 { margin-bottom: 60px; }
	.in-in-right { width: 80%; margin: 0 0 40px 20%; position: relative; }
	.in-in-left { width: 80%; margin: 0 20% 40px 0; position: relative; }
	
	.in-in h3 { font-weight: bold; font-size: 1.6rem; color: #000; }
	.in-in h3 span.marker { padding: 0 10px; }
	.in-in ul.thirdFlex { display: flex; justify-content: center; }
	.in-in ul.thirdFlex li { width: 32%; margin-right: 2%; }
	.in-in ul.thirdFlex li:last-child { margin-right: 0px; }
	.in-in ul.thirdFlex li h6 { background: #eb314a; font-size:12px; font-family:'Roboto Condensed', sans-serif; font-weight:bold; text-align: center; margin-bottom: 10px; color: #fff;}
	.in-in ul.thirdFlex li h4 { text-align: center; font-size: 1.6rem; font-weight: bold; margin-bottom: 10px; color: #eb314a; }
	.in-in ul.thirdFlex li div { margin-bottom: 20px;}
	.in-in ul.thirdFlex li p { font-size: 0.9rem; }
	
	#miryoku01 .bgImg {
		position: absolute;
		top: -20px;
		z-index: -1;
		left: -200px;
		width: 400px;
		opacity: 0.3;
	}
	#miryoku02 .bgImg {
		position: absolute;
		top: -20px;
		z-index: -1;
		right: -200px;
		width: 400px;
		opacity: 0.3;
	}
	#miryoku03 .bgImg {
		position: absolute;
		top: -20px;
		z-index: -1;
		left: -200px;
		width: 400px;
		opacity: 0.3;
	}
	
	.in-flex { display: flex; justify-content: flex-start; }
	.in-flex-Left { width: 22%; margin-right: 4%; }
	.in-flex-Right { width: 74%; }
	.in-flex-Right h3 { font-size: 2.4rem; margin-bottom: 20px; font-weight: bold; }
	.in-flex-Right h4 { font-size: 1.5rem; margin-bottom: 20px; font-weight: bold; }
	.in-flex-Right ul li h5 { font-size: 1.1rem; margin-bottom: 10px; font-weight:bold; }
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	.in-in h3 { font-size: 1.4rem; }
	.in-in ul.thirdFlex li h4 { font-size: 1.1rem; }
	
	.in-in-right { width: 90%; margin: 0 0 40px 10%; position: relative; }
	.in-in-left { width: 90%; margin: 0 20% 40px 0; position: relative; }
	#miryoku01 .bgImg { width: 300px; }
	#miryoku02 .bgImg { width: 300px; }
	#miryoku03 .bgImg { width: 300px; }
	
	.in-flex-Right h3 { font-size: 2.0rem; }
	.in-flex-Right h4 { font-size: 1.3rem; }
	.in-flex-Right ul li h5 { font-size: 1.0rem; }
	
	#top-anch02 { overflow: hidden; }
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
	.in-in h3 { font-size: 1.45rem; }
	.in-in ul.thirdFlex li h4 { font-size: 1.2rem; }
	#miryoku01 .bgImg { width: 350px; }
	#miryoku02 .bgImg { width: 350px; }
	#miryoku03 .bgImg { width: 350px; }
	
	.in-flex-Right h3 { font-size: 2.1rem; }
	.in-flex-Right h4 { font-size: 1.35rem; }
	
	#top-anch02 { overflow: hidden; }
}
@media screen and (min-width: 1025px) and (max-width: 1199px)  {
	.in-in h3 { font-size: 1.5rem; }
	.in-in ul.thirdFlex li h4 { font-size: 1.3rem; }
	
	.in-flex-Right h3 { font-size: 2.2rem; }
	.in-flex-Right h4 { font-size: 1.4rem; }
}
@media screen and (min-width: 1200px) and (max-width: 1319px)  {
	.in-in h3 { font-size: 1.55rem; }
	.in-in ul.thirdFlex li h4 { font-size: 1.4rem; }
	
	.in-flex-Right h3 { font-size: 2.3rem; }
	.in-flex-Right h4 { font-size: 1.45rem; }
}
@media screen and (min-width: 1320px) {
	

}