@charset "UTF-8";
/*! Writen  by SCSS */
.contents_wrap .mincho {
  font-family: YakuHanMP,"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","游明朝",YuMincho,"游明朝体","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; }
.contents_wrap .gothic {
  font-family: YakuHanJP,"Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN", Meiryo,sans-serif; }

.read {
  font-size: clamp(14px, 2.25vw, 28px);
  line-height: 1.79; }
  @media screen and (max-width: 480px) {
    .read {
      line-height: 1.6; } }

.lead {
  font-size: clamp(17px, 2.98vw, 37px);
  line-height: 2.03; }
  @media screen and (max-width: 480px) {
    .lead {
      line-height: 1.8; } }

.img_cap.bg .cap {
  text-shadow: none;
  background: rgba(0, 0, 0, 0.6); }

.sec_main {
  padding-top: 53px; }
  @media screen and (max-width: 768px) {
    .sec_main {
      padding-top: 0; } }

.main_wrap {
  position: relative; }
  .main_wrap img {
    width: 100%; }
  .main_wrap .main_head {
    position: absolute;
    z-index: 2;
    width: 35.22%;
    top: 4.17%;
    left: 2.15%; }
  .main_wrap .main_lead {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 2.78%; }
    .main_wrap .main_lead::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: #fff;
      bottom: 48%; }
    .main_wrap .main_lead img {
      display: block;
      line-height: 0;
      width: 40.86%;
      margin-right: 1.43%;
      margin-left: auto; }
  .main_wrap .main_arrow {
    position: absolute;
    top: 0;
    right: 1.43%;
    width: 5.65%; }
    .main_wrap .main_arrow a {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      line-height: 0;
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .main_wrap .main_arrow a:hover {
          opacity: 0.7; } }
      .main_wrap .main_arrow a::before {
        content: "";
        display: block;
        padding-top: 422.79%;
        width: 15.19%;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transform: skewY(45deg); }
      .main_wrap .main_arrow a img {
        margin-top: 18.99%; }

.bg_lead_wrap .bg_voice {
  padding-top: 20px;
  background: linear-gradient(90deg, #003396 0%, #000055 100%); }
  .bg_lead_wrap .bg_voice img {
    display: block;
    width: 35.22%;
    margin-inline: auto;
    line-height: 0; }
.bg_lead_wrap .bg_lead {
  background: linear-gradient(-90deg, #003396 0%, #000055 100%);
  text-align: center;
  font-size: clamp(24px, 5.24vw, 65px);
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 0.8em 0; }

/*# sourceMappingURL=voice.css.map */