@charset "UTF-8";
#header {background-color: rgba(255,255,255,1);}
#page_header{background-image: url("../img/header_img_pc.webp");aspect-ratio: 21.2 / 6.6;}
#page_header .header_ttl{position: absolute;top: 60%;}
.bg_breadcrumb{position: relative; margin-top: 0px;z-index: 100;}
.box-item02{width: 49%;display: inline-block;margin:1% 0 1%;height: auto;}

.interview_ttl img{height: 60px;}

.left_right_wrap {
  max-width: 1200px; /* 通常の幅制限 */
  margin: 0 auto;
  display: flex; /* 左右分割 */
}

.left-content {
  width: 46%;
	margin-right: 4%;
}

.right-content {
  width: 50%;
  /* はみ出し設定 */
  width: calc(50% + 50vw - 70%); /* 50% + (画面半分 - 親の幅の半分) */
  /* または、単純に画面右端まで持っていく場合： */
  /* width: calc(50vw - 50%); */
}
.right-content img{width: 110%;}
.blue_text_h3{color: #00479a;font-size: 1.34em;margin-bottom: 0.8em;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
	.tbnone{display: none;}
.right-content {
  width: 50%;
  /* はみ出し設定 */
  width: calc(50% + 50vw - 50%); /* 50% + (画面半分 - 親の幅の半分) */
  /* または、単純に画面右端まで持っていく場合： */
  /* width: calc(50vw - 50%); */
}
.right-content img{width: 110%;}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");aspect-ratio: 16.7 / 6.1;margin-top: 70px;}
#page_header .header_ttl{top: 50%;padding-left: 1em;}
.box-item02{width: 100%;display: inline-block;margin:1% 0 1%;height: auto;}
.interview_ttl img{height: 50px;}	
.left_right_wrap {
  max-width: 100%; /* 通常の幅制限 */
  margin: 0 auto;
  display: block; /* 左右分割 */
}

.left-content {
  width: 100%;
	margin-right: 0%;
	margin-bottom: 2em;
}

.right-content {
  width: 100%;
  /* はみ出し設定 */
  
  /* または、単純に画面右端まで持っていく場合： */
  /* width: calc(50vw - 50%); */
}
.right-content img{width: 100%;}
.blue_text_h3{font-size: 1.14em;margin-bottom: 0.8em;}
}