@charset "UTF-8";
.page_header{
	position: relative;
width: 100%;
  height: 0;
	top:120px;
  padding-top: calc(620 / 2123 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/page_header_pc.png") center center / cover no-repeat;
	z-index: -1000;
	margin-bottom: 110px;
}
.page_header h2{position: absolute;top:36%;left: 10%;font-size: 2.2em;}
.company_h3{font-size: 1.4em;}
.mb3per{padding-bottom: 3%;}
.box-item03{background-color: #EBEEF3;}
.box-item03:hover,.active{background-color: #D4ECEE;}
h3.cach_h3{margin-bottom: 3em;}

.w48per-left{width: 48%;float: left;}
.w48per-right{width: 48%;float: right;}
.w48per-left img,.w48per-right img,.w58per-left img,.w38per-right img{width: 100%;}
.w48per-left p,.w58per-left p{line-height: 1.8em;margin: 3% 0 0;}
.w58per-left{width: 58%;float: left;}
.w38per-right{width: 38%;float: right;}
.w58per-left img{margin-top: 3%;}
.border_blue{border-bottom: solid 2px #4193BB;border-left: solid 5px #4193BB;padding-left: 2%;padding-bottom: 0.4%;margin-bottom: 1em;}
.seo_h2{font-size: 0.84em;font-weight: normal;position: relative;color:#B2B2B2;margin-top: 5%;}
@media screen and (max-width: 1200px) {

}


@media screen and (max-width: 560px) {

.page_header{
	position: relative;
width: 100%;
  height: 0;
	top:80px;
  padding-top: calc(620 / 2123 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/page_header_pc.png") center center / cover no-repeat;
	z-index: -1000;
	margin-bottom: 76px;
}
.page_header h2{position: absolute;top:30%;left: 2%;font-size: 1.5em;}
h3.cach_h3{margin-bottom: 2em;}
.company_h3{font-size: 1.2em;margin-bottom: 1em;}

.w48per-left{width: 100%;float: none;}
.w48per-right{width: 100%;float: none;}
.w48per-left p,.w58per-left p{line-height: 1.8em;margin: 3% 0 3%;}
.w58per-left{width: 100%;float: none;}
.w38per-right{width: 100%;float: none;}
.w58per-left img{margin-top: 0%;margin-bottom: 3%;}
.w58per-left img,.w38per-right img,.w48per-left img,.w48per-right img{width: 90%;padding: 0 5%;}
	
}
