@charset "UTF-8";
/* コンテンツ */

.page_header{background-image: url("../../img/page_comon/page_header_white.svg");background-repeat: no-repeat;background-size: cover;padding-top: 3%;border-top: solid 1px #263976;border-bottom: solid 1px #263976;}


/* ボタンのスタイル */
.box-item03{width: 32%;display: inline-block;margin:0% 0 1%;height: auto;}
.psub_box ul li{text-align: justify;text-justify: inter-ideograph;}
.psub_box ul li h4 {
    font-size: 1.4em;
    line-height: 1.3;
    margin-bottom: 0.5em;
}
.psub_box ul li p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 50px;
  height: 5px;
  background-color: #fff;
}
.en_copy{font-size: 0.8em;color: #000000;font-weight: normal;margin-left: 2%;}

.border_bottom{border-bottom: solid 1px #000000;}
.inner-block {
  position: relative;
  width: 1000px;
  padding: 0 20px;
  margin: 0% auto;
  height: 100%;
}
.mv {
  height: 50px;
  background-color: #263976;
  position: relative;
  z-index: 1;
	margin: 5% auto 3%;
}
.mv .txt {
  font-size: 30px;
  font-weight: bold;
  height: 100%;
  display: flex;
  align-items: center;
	color:#ffffff;
}
.mv::before {
  position: absolute;
  content: "";
  width: calc(10% - 50px);
  height: 100%;
  left: 0;
  top: 0;
  background-color: #f39800;
  z-index: -1;
}
.mv::after {
  position: absolute;
  content: "";
  width: 150px;
  height: 100%;
  background-color: #f39800;
  left: calc(10% - 70px);
  top: 0;
  bottom: 0;
  margin: auto;
  transform: skewX(-20deg);
  z-index: -1;
}

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

}

@media screen and (max-width: 560px) {
.psub_box ul li img {
    width: 100%;
}
/* ボタンのスタイル */
.inner-block {
  position: relative;
  width: 100%;
  padding: 0 20px;
  margin: 0% auto;
  height: 100%;
}
.mv {
  height: 50px;
  background-color: #263976;
  position: relative;
  z-index: 1;
	margin: 5% auto 3%;
}
.mv .txt {
  font-size: 22px;
  font-weight: bold;
  height: 100%;
  display: flex;
  align-items: center;
	color:#ffffff;
}
.mv::before {
  position: absolute;
  content: "";
  width: calc(15% - 0px);
  height: 100%;
  left: 0;
  top: 0;
  background-color: #f39800;
  z-index: -1;
}
.mv::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100%;
  background-color: #f39800;
  left: calc(7% - 0px);
  top: 0;
  bottom: 0;
  margin: auto;
  transform: skewX(-20deg);
  z-index: -1;
}

.en_copy{font-size: 0.8em;color: #000000;font-weight: normal;margin-left: 2%;line-height: 1.6;}
}