@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.inner_main .main_bg {
  background-image: url("../images/service/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_bg {
      background-image: url("../images/service/main_sp.jpg"); } }

.sec01 .service_cont {
  display: flex;
  flex-direction: column;
  row-gap: clamp(40px, 9.167vw, 110px); }
  @media screen and (max-width: 480px) {
    .sec01 .service_cont {
      row-gap: 60px; } }
  .sec01 .service_cont .service_in {
    display: flex;
    flex-direction: column;
    row-gap: clamp(40px, 5vw, 60px); }
    @media screen and (max-width: 480px) {
      .sec01 .service_cont .service_in {
        row-gap: 30px; } }
    .sec01 .service_cont .service_in .image.radius {
      border-radius: 20px;
      overflow: hidden; }
      @media screen and (max-width: 480px) {
        .sec01 .service_cont .service_in .image.radius {
          border-radius: 10px; } }
    .sec01 .service_cont .service_in .service_item {
      column-gap: 40px;
      position: relative; }
      @media screen and (max-width: 480px) {
        .sec01 .service_cont .service_in .service_item {
          column-gap: 20px; } }
      .sec01 .service_cont .service_in .service_item .icon {
        width: 120px;
        flex-shrink: 0; }
        @media screen and (max-width: 480px) {
          .sec01 .service_cont .service_in .service_item .icon {
            width: 100px;
            position: absolute;
            left: 0;
            top: 0px; } }
      .sec01 .service_cont .service_in .service_item .text_area {
        width: 100%; }
        .sec01 .service_cont .service_in .service_item .text_area .text_area_in {
          align-items: baseline;
          margin-bottom: clamp(20px, 2.5vw, 30px);
          border-bottom: 1px solid #0c4172; }
          @media screen and (max-width: 480px) {
            .sec01 .service_cont .service_in .service_item .text_area .text_area_in {
              flex-direction: column;
              border-bottom: none;
              padding-left: 120px; } }
          .sec01 .service_cont .service_in .service_item .text_area .text_area_in .sec_ttl02 {
            margin-bottom: 0; }
            @media screen and (max-width: 480px) {
              .sec01 .service_cont .service_in .service_item .text_area .text_area_in .sec_ttl02 {
                width: 100%;
                font-size: 5vw;
                line-height: 1.4;
                padding-bottom: 10px;
                margin-bottom: 10px;
                border-bottom: 1px solid #0c4172; } }
          .sec01 .service_cont .service_in .service_item .text_area .text_area_in .en {
            font-size: clamp(15px, 1.917vw, 23px);
            color: #0c4172; }
            @media screen and (max-width: 480px) {
              .sec01 .service_cont .service_in .service_item .text_area .text_area_in .en {
                width: 100%;
                font-size: 4vw;
                text-align: right; } }
            .sec01 .service_cont .service_in .service_item .text_area .text_area_in .en .big {
              display: inline-block;
              font-size: 234%;
              line-height: 1; }
        .sec01 .service_cont .service_in .service_item .text_area .read {
          line-height: 2.5; }
          @media screen and (max-width: 480px) {
            .sec01 .service_cont .service_in .service_item .text_area .read {
              line-height: 2; } }

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