/**
 * グロナビ
 */
#gl_header {
  position: relative;
  z-index: 100;
}

/**
 * link color
 */
.dtl .ttl,
.dtl .txt {
  color: #303233;
}
/**
 * column module
 */
.clm4 .clm_1_4 {
  width: 25%;
}
.clm4 .clm_1_2 {
  width: 50%;
}
@media screen and (max-width: 640px) {
  .clm {
    padding: 4.6875% 4.6875% 0;
  }
  .reinforcement_nv {
    margin: 0 4.6875%;
  }
  .rsp_clm_no_wrap .clm {
    width: 100%;
  }
  .rsp_clm_no_wrap .clm .cmp_mtc01 {
    display: table;
  }
  .rsp_clm_no_wrap .clm .cmp_mtc01 > .img {
    width: 50%;
    min-width: 50%;
  }
  .rsp_clm_no_wrap .clm .cmp_mtc01 > .img,
  .rsp_clm_no_wrap .clm .cmp_mtc01 > .dtl {
    display: table-cell;
  }
  .rsp_clm_no_wrap .clm .cmp_mtc01 > .img:last-child,
  .rsp_clm_no_wrap .clm .cmp_mtc01 > .dtl:last-child {
    vertical-align: middle;
  }
}
/**
 * section
 */
.sct_sub_hdg {
  position: relative;
}
.sct_sub_hdg_inner {
  text-align: center;
  width: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sct_sub_hdg_inner > .hd02 {
  margin-bottom: 10px;
  line-height: 1.2;
}
.dsp-only-md {
  display: none;
}
@media screen and (max-width: 640px) {
  .dsp-only-md {
    display: block;
  }
}
@media screen and (max-width: 320px) {
  .dsp-only-md {
    display: none;
  }
}
.dsp-only-sm {
  display: none;
}
@media screen and (max-width: 320px) {
  .dsp-only-sm {
    display: block;
  }
}
/**
 * sns
 */
.sns_media_ttl {
  color: #303233;
  text-align: center;
  line-height: 116px;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  margin-bottom: 0;
  min-height: 116px;
}
@media screen and (max-width: 640px) {
  .sns_media_ttl {
    line-height: 135.71428571428572%;
    text-align: left;
    min-height: auto;
    transform: initial;
    left: 0;
  }
  .sns_media_ttl.ico_fb {
    background-size: 24px 24px;
    background-position: 7px center;
    padding-left: 56px;
  }
  .sns_media_ttl.ico_youtube {
    background-size: 40px 17px;
    padding-left: 56px;
  }
}
/**
 * slider overlay
 */
.main_vi {
  position: relative;
}
.main_vi_overlay {
  width: 27.013177159590047%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
@media screen and (max-width: 640px) {
  .main_vi_overlay {
    top: 32.03125%;
  }
}
.main_vi_overlay > .img {
  width: 100%;
}
.main_vi_overlay::before {
  content: '';
  background: url("/cmn_us_v1/img/top/index_vi_balloon.png") no-repeat 0 0;
  background-size: 100%;
  width: 29.81029810298103%;
  padding-top: 29.81029810298103%;
  position: absolute;
  left: -39.83739837398374%;
  top: -22.76422764227642%;
}