@charset "UTF-8";
/* 下線が左から右へ出現する
---------------------------------------------------------- */
/* ==========================================================================//
//
// 会社概要　扉ページ
//
// ========================================================================== */
@media all and (max-width: 750px) {
  .content_head_content .content_head_text_title {
    top: 30px;
  }
  .content_head_content .content_head_text_title .en {
    font-size: 59px;
  }
}

section.sec_how {
  position: relative;
  overflow: hidden;
}
@media all and (min-width: 751px) {
  section.sec_how {
    padding: 120px 0 0;
  }
}
@media all and (max-width: 750px) {
  section.sec_how .line_yellow.left {
    top: 15px;
    left: -20px;
    aspect-ratio: 178/185;
    width: 47.5%;
  }
}
@media all and (min-width: 751px) {
  section.sec_how .line_yellow.left {
    top: 60px;
    left: 0;
  }
}
section.sec_how .line_yellow.right {
  bottom: -10px;
  right: 100px;
}
section.sec_how .how_list {
  margin-inline: auto;
}
@media all and (min-width: 751px) {
  section.sec_how .how_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 60px 30px;
    width: min(1000px, 100%);
  }
}
@media all and (min-width: 751px) and (min-width: 1101px) {
  section.sec_how .how_list {
    gap: 60px 99px;
  }
}
@media all and (min-width: 751px) {
  section.sec_how .how_list .how_detail {
    width: calc((100% - 30px) / 2);
  }
}
@media all and (min-width: 751px) and (min-width: 1101px) {
  section.sec_how .how_list .how_detail {
    width: calc((100% - 99px) / 2);
  }
}
@media all and (max-width: 750px) {
  section.sec_how .how_list .how_detail:not(:first-child) {
    margin-top: 37px;
  }
}
@media (min-width: 751px) and (hover: hover) {
  section.sec_how .how_list .how_detail a:hover .image img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
section.sec_how .how_list .how_detail .image {
  overflow: hidden;
}
section.sec_how .how_list .how_detail .image img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media all and (min-width: 751px) {
  section.sec_how .how_list .how_detail .image img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
section.sec_how .how_list .how_detail .ttl {
  margin-top: 15px;
  padding-left: 11px;
  position: relative;
  font-size: 18px;
  font-weight: bold;
}
@media all and (min-width: 751px) {
  section.sec_how .how_list .how_detail .ttl {
    margin-top: 12px;
  }
}
section.sec_how .how_list .how_detail .ttl::before {
  position: absolute;
  content: "";
  background-color: #005633;
  width: 6px;
  height: 100%;
  top: 0;
  left: 0;
}