@charset "utf-8";



#main_box { line-height: 2.0; }



/* side_menu ----------------- */

#side_box .side_menu .menu_grp_c.grp24 {

}



#side_box .side_menu .menu_grp_d.grp246 {

  display: block;

}



li.btn250 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn250 > a {

  pointer-events:none;

  cursor: auto;

}

#side_box .side_menu .menu_grp_d > li.btn250 > a::after {

  display: none;

}



#side_box .side_menu .menu_grp_c.grp24._close .btn246 {

    display: none;

}



/* contents ---- */



.box01 .infrastructure_box {

  

}



.box01 .infrastructure_box > h5 {

  font-weight: 700;

  font-size: 135%;

  line-height: 1.5;

}



.box01 .infrastructure_box .infra_list {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  padding: 15px 0px;

  background-color: rgb(209,210,237);

}

.box01 .infrastructure_box .infra_list > li {

  font-weight: 700;

  font-size: 125%;

  padding: 0 15px;

}



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

  .box01 .infrastructure_box > h5 {

    font-size: 118.75%;

    text-align: center;

  }

  .box01 .infrastructure_box .infra_list {

    

  }

  .box01 .infrastructure_box .infra_list > li {

    font-size: 100%;

    padding: 0 8px;

  }

  

}





.box01 .model_box {

  position: relative;

  width: 100%;

  border: 2px rgb(218,218,218) solid;

}

.box01 .model_box > .title {

  background-color: rgb(218,218,218);

  padding: 7px;

  font-size: 18px;

  font-weight: 700;

  text-align: center;

}

.box01 .model_box03 {

  margin-top: 80px;

}

.box01 .model_box03::before {

  position: absolute;

  top: -60px;

  left: 50%;

  transform: translate3d(-50%, 0, 0);

  border-top: 40px rgb(218,218,218) solid;

  border-right: 94px transparent solid;

  border-left: 94px transparent solid;

  content: '';

}

.box01 .model_box03 > .title {

  font-size: 24px;

}

.box01 .model_box03 > .slogan {

  font-size: 24px;

  font-weight: 700;

  letter-spacing: -2px;

  text-align: center;

  line-height: 1.25;

}

.box01 .model_box03 > .mission_box_wrap {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  width: calc(730 / 790 * 100%);

  margin-right: auto;

  margin-left: auto;

}

.box01 .model_box03 > .mission_box_wrap .mission_box {

  width: calc(347 / 730 * 100%);

  margin-bottom: 32px;

}

.box01 .model_box03 > .mission_box_wrap .mission_box .title {

  padding: 7px 0 8px 16px;

  background-color: rgb(247,176,0);

  font-size: 18px;

  line-height: 1.25;

  font-weight: 700;

  letter-spacing: -1px;

  color: rgb(255,255,255);

}

html[lang="en"] .box01 .model_box03 > .mission_box_wrap .mission_box .title {

  font-size: 20px;

}

.box01 .model_box03 > .mission_box_wrap .mission_box .mission_txt {

  position: relative;

  padding-left: calc(56 / 347 * 100%);

  line-height: 1.56;

}

.box01 .model_box03 > .mission_box_wrap .mission_box .mission_txt::before {

  position: absolute;

  top: -10px;

  left: 0;

  width: calc(48 / 347 * 100%);

  padding-top: calc(48 / 347 * 100%);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  content: '';

}

.box01 .model_box03 > .mission_box_wrap .mission_box01 .mission_txt::before {

  background-image: url(/corporate/images/icon01.svg);

}

.box01 .model_box03 > .mission_box_wrap .mission_box02 .mission_txt::before {

  background-image: url(/corporate/images/icon02.svg);

}

.box01 .model_box03 > .mission_box_wrap .mission_box03 .mission_txt::before {

  background-image: url(/corporate/images/icon03.svg);

}

.box01 .model_box03 > .mission_box_wrap .mission_box04 .mission_txt::before {

  background-image: url(/corporate/images/icon04.svg);

}

.box01 .model_box03 > .mission_box_wrap .mission_box .mission_txt .sttl {

  margin-top: 16px;

  font-weight: 700;

  letter-spacing: -.5px;

}

.box01 .model_box03 > .mission_box_wrap .mission_box .mission_txt .sttl > span {

  display: inline;

  border-bottom: 1px solid;

  padding-bottom: 1px;

}

.box01 .model_box03 > .mission_box_wrap .mission_box .mission_txt .text {

  margin-top: 8px;

  font-size: 13px;

}



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

  .box01 .model_box > .title {

    font-size: 16px;

  }

  .box01 .model_box03 {

    margin-top: 48px;

  }

  .box01 .model_box03::before {

    top: -40px;

    border-top-width: 29px;

    border-right-width: 69px;

    border-left-width: 69px;

  }

  .box01 .model_box03 > .slogan {

    font-size: 18px;

    letter-spacing: -.7px;

  }

  

  .box01 .model_box03 > .mission_box_wrap .mission_box {

    width: 100%;

    margin-bottom: 16px;

  }

  .box01 .model_box03 > .mission_box_wrap .mission_box .title {

    max-width: 223px;

    padding: 5px 0 5px 12px;

    font-size: 14px;

  }

  html[lang="en"] .box01 .model_box03 > .mission_box_wrap .mission_box .title {

    max-width: 275px;

    font-size: 16px;

  }

  .box01 .model_box03 > .mission_box_wrap .mission_box .mission_txt .sttl {

    margin-top: 8px;

    font-size: 13px;

  }

  .box01 .model_box03 > .mission_box_wrap .mission_box .mission_txt {

    padding-left: 77px;

  }

  .box01 .model_box03 > .mission_box_wrap .mission_box .mission_txt::before {

    width: 48px;

    height: 48px;

    top: 0px;

    left: 8px;

  }

  .box01 .model_box03 > .mission_box_wrap .mission_box .mission_txt .text {

    margin-top: 4px;

    font-size: 12px;

  }

}