/*! Writen  by SCSS */
.mainvisual:before {
  padding-bottom: 41.75%; }
.mainvisual .mainimg {
  background-image: url("../images/main.jpg"); }

.image_wrap {
  align-items: flex-start;
  margin-bottom: 5px; }
  @media screen and (max-width: 480px) {
    .image_wrap {
      flex-direction: column;
      gap: 15px 0; } }
  .image_wrap .image_box {
    max-width: 523px;
    width: 48.43%; }
    @media screen and (max-width: 480px) {
      .image_wrap .image_box {
        width: 100%; } }
    .image_wrap .image_box .cap {
      font-size: clamp(24px, 3.12vw, 35px);
      line-height: 1;
      letter-spacing: 0.1em;
      padding: 10px; }

.text_box {
  margin-top: 2.78%; }
  @media screen and (max-width: 480px) {
    .text_box {
      margin-top: 15px; } }
  .text_box .item_head {
    text-align: center;
    padding-bottom: 0.68em;
    margin-bottom: 0.68em;
    border-bottom: 1px solid; }
    @media screen and (max-width: 480px) {
      .text_box .item_head {
        padding-bottom: 10px;
        margin-bottom: 10px; } }
  .text_box .text_box_in {
    align-items: flex-start; }
    @media screen and (max-width: 480px) {
      .text_box .text_box_in {
        flex-direction: column;
        gap: 15px 0; } }
    .text_box .text_box_in .text_box_image {
      max-width: 524px;
      width: 48.52%; }
      @media screen and (max-width: 480px) {
        .text_box .text_box_in .text_box_image {
          width: 100%; } }
    .text_box .text_box_in .text_in {
      width: 48.52%; }
      @media screen and (max-width: 480px) {
        .text_box .text_box_in .text_in {
          width: 100%; } }

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