@charset "UTF-8";

/*
theme Name: AIエンジニアリングラボ
Description:　
*/

/* 共通 */
html {
    font-size: 62.5%;
}
 @media (min-width: 835px) {
    html {
        font-size: calc(1vw * 100 / 1920);
    }
}    
@media (max-width: 834px) and (min-width: 441px) {
    html {
        font-size: calc(1vw * 100 / 834);
    }
} 
@media (max-width: 440px) {
    html {
        font-size: calc(1vw * 100 / 440);
    }
}   
body {
    font-family: 'Montserrat', 'Noto SansJP',sans-serif;
    color: #152342;
}
.blue_bg {
    background-color: #F6FBFD;
    padding: 140rem 0;
}
@media (max-width: 834px) {
    .blue_bg {
        padding: 80rem 0;
    }
}
@media (max-width: 440px) {
    .blue_bg {
        padding: 60rem 0;
    }
}
.gray_bg {
    background-color: #F8F8F8;
    padding: 140rem 0;
}
@media (max-width: 834px) {
    .gray_bg {
        padding: 80rem 0;
    }
}
@media (max-width: 440px) {
    .gray_bg {
        padding: 60rem 0;
    }
}
.page_contact_wrapper {
    width: 1180rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .page_contact_wrapper {
        width: 85%;
    }
}
@media (max-width: 440px) {
    .page_contact_wrapper {
        width: 90%;
    }
}
.section_title,
.page_section_title {
    text-align: center;
    margin-bottom: 80rem;
}
@media (max-width: 834px) {
.section_title,
.page_section_title {
    margin-bottom: 60rem;
}
}
@media (max-width: 440px) {
    .section_title,
    .page_section_title {
        margin-bottom: 30rem;
    }
    }
.section_title span,
.page_section_title span {
    color: #007BBB;
    font-size: 40rem;
    font-weight: 500;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .section_title span,
    .page_section_title span {
    font-size: 30rem;
}
}
@media (max-width: 440px) {
    .section_title span,
    .page_section_title span {
    font-size: 24rem;
}
}
.section_title h3,
.page_section_title h2 {
    font-size: 60rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-top: 10rem;
	line-height: 1.3;
}
@media (max-width: 834px) {
.section_title h3,
.page_section_title h2 {
    font-size: 40rem;
}
}
@media (max-width: 440px) {
    .section_title h3,
    .page_section_title h2 {
        font-size: 28rem;
    }
    }
.section_title p,
.page_section_title p {
    font-size: 25rem;
    letter-spacing: 0.03em;
    margin-top: 30rem;
    line-height: 1.6;
}
@media (max-width: 834px) {
.section_title p,
.page_section_title p {
    font-size: 20rem;
    margin-top: 20rem;
}
}
@media (max-width: 440px) {
    .section_title p,
    .page_section_title p {
        font-size: 18rem;
    }
    }
.common_btn a {
    font-size: 25rem;
    color: #2E4053;
    border: 4rem solid #2E4053;
    background: linear-gradient(to right, #dcdcdc, #f8f8f8);
    font-weight: bold;
    width: 350rem;
    height: 90rem;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10rem;
    margin: 60rem auto 0;
    position: relative;
    transition: all 0.4s;
}
@media (min-width: 835px) {
    .common_btn a:hover {
        background: linear-gradient(to right, #2E4053, #62707E);
        color: #fff;
    }
}
@media (max-width: 834px) {
    .common_btn a {
        font-size: 20rem;
        height: 70rem;
        margin: 40rem auto 0;
    }
}
@media (max-width: 440px) {
    .common_btn a {
        font-size: 18rem;
        height: 60rem;
        margin: 30rem auto 0;
        width: 320rem;
    }
}
.page_for {
    font-size: 36rem;
    font-weight: bold;
    color: #007BBB;
    letter-spacing: 0.03em;
    width: 410rem;
    padding: 18rem 0;
    border: 3.5rem solid #007BBB;
    border-radius: 100rem;
    background-color: #fff;
    display: block;
    margin: 0 auto 60rem;
}
@media (max-width: 834px) {
    .page_for {
        font-size: 28rem;
        margin: 0 auto 40rem;
    }
}
@media (max-width: 440px) {
    .page_for {
        font-size: 18rem;
        margin: 0 auto 30rem;
        width: 190rem;
        padding: 10rem 0;
        border: 2rem solid #007BBB;
    }
}
@media (min-width: 835px) {
br.tb {
    display: none;
}
}
@media (min-width: 441px) {
    br.sp {
        display: none;
    }
    }
    @media (max-width: 440px) {
        br.sp_none {
            display: none;
        }
        }

/* ヘッダー */
.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100rem;
    padding: 15rem 0 15rem 2%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
}
.client_enjineer_header {
    padding: 15rem 6% 15rem;
}
@media (max-width: 834px) {
    .header {
        height: 90rem;
        padding: 0 0 0 3%;
    }
}
@media (max-width: 440px) {
    .header {
        height: 55rem;
        padding: 0 0 0 3%;
    }
}
.page_header {
    padding: 15rem 5% 15rem;
}
.header.change_border {
    border-bottom: 3rem solid #C0C0C0;
    transition: 0.2s ease;
}
@media (max-width: 440px) {
	.header.change_border {
    border-bottom: 2rem solid #C0C0C0;
}
}
.header_logo h1,
.header_logo p {
    font-size: 34rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    background: linear-gradient(to right, #007BBB, #409CCC);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 834px) {
    .header_logo h1,
    .header_logo p {
    font-size: 26rem;
}
}
@media (max-width: 440px) {
    .header_logo h1,
    .header_logo p {
    font-size: 15rem;
}
}
.header_list {
    display: flex;
    align-items: center;
}
@media (max-width: 834px) {
    .header_list {
       display: none;
    }
}
.header_item {
    padding: 0 18rem;
    font-size: 25rem;
    font-weight: bold;
    letter-spacing: 0.03em;
}
.header_item a {
    padding: 5rem 10rem;
    position: relative;
    display: inline-block;
    transition: transform 0.3s ease;
}
/* カレント */
.header_item.current {
    color: #007BBB;
}
.header_item a::after {
    content: '';
    position: absolute;
    bottom: -5rem;
    left: 50%;
    width: 90%;             
    height: 3rem;
    background: #007BBB;
    transition: transform 0.3s;
    transform: translateX(-50%) scaleX(0);  
    transform-origin: left;  
}
.header_item a:hover::after {
    transform: translateX(-50%) scaleX(1);
}
.header_item:hover {
    color: #007BBB;
    transition: transform 0.3s ease;
}
/* カレント */
.header_contact_box {
    display: flex;
}
@media (max-width: 834px) {
    .header_contact_box {
        margin-right: 100rem;
    }
}
@media (max-width: 440px) {
    .header_contact_box {
        margin-right: 62rem;
    }
}
.header_contact {
    font-size: 25rem;
    color: #fff;
    font-weight: bold;
    width: 230rem;
    height: 100rem;
    line-height: 1.4;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
@media (max-width: 834px) {
    .header_contact {
        font-size: 20rem;
        width: 180rem;
        height: 90rem;
    }
}
@media (max-width: 440px) {
    .header_contact {
        font-size: 14rem;
        width: 90rem;
        height: 55rem;
        line-height: 1.4;
        padding-top: 3rem;
    }
}
.orange_contact {
    background: linear-gradient(to right, #FF7A00, #FF9B40);
    position: relative;
    transition: all 0.4s;
    border: 4rem solid #FF9B40;
}
.blue_contact {
    background: linear-gradient(to right, #007BBB, #409CCC);
    position: relative;
    transition: all 0.4s;
    border: 4rem solid #409CCC;
}
@media (max-width: 834px) {
    .orange_contact {
        border: none;
    }
    .blue_contact {
        border: none;
    }
}
@media (min-width: 835px) {
.orange_contact:hover {
    background: #fff;
    color: #FF7A00;
}
.blue_contact:hover {
    background: #fff;
    color: #007BBB;
}
}
/* ハンバーガー */
@media (min-width: 835px) {
    .open {
        display: none;
    }
    }
    @media (max-width: 834px) {
        .open {
            position: fixed;
            top: 0;
            right: 0; 
            z-index: 1000;
            display: flex;
        }
        }
    .open_btn {
        width: 100rem;
        height: 90rem;
    }
    @media (max-width: 440px) {
        .open_btn {
            width: 62rem;
            height: 55rem;
        } 
    }
    .open_btn {
        position: relative;
        background-color: #2E4053;
    }
    .open_btn::before {
        content: "メニュー";
        position: absolute;
        bottom: 12rem;
        right: 20rem;
        color: #fff;
        font-size: 17rem;
        font-weight: bold;
        transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        }
        @media (max-width: 440px) {
            .open_btn::before {
                font-size: 11rem;
                bottom: 4.5rem;
                right: 8.5rem;
                } 
        }
      .open_btn span {
        display: inline-block;
          transition: 0.2s ease;
          -webkit-transition: 0.3s ease;
        position: absolute;
        right: 28rem;
        height: 2rem;
        background: #fff;
      }
      @media (max-width: 440px) {
        .open_btn span {
            right: 11rem;
            height: 1.3rem;
          }
      }
      .open_btn span:nth-of-type(1) {
        top: 16rem;
        width: 48rem;
      }
      @media (max-width: 440px) {
        .open_btn span:nth-of-type(1) {
            width: 38rem;
            top: 11rem;
          }
      }
      .open_btn span:nth-of-type(2) {
        top: 30rem;
        width: 48rem;
      }
      @media (max-width: 440px) {
        .open_btn span:nth-of-type(2) {
            width: 38rem;
            top: 21rem;
          }
      }
      .open_btn span:nth-of-type(3) {
        top: 44rem;
        width: 48rem;
      }
      @media (max-width: 440px) {
        .open_btn span:nth-of-type(3) {
            width: 38rem;
            top: 31rem;
          }
      }
      .open_btn.active span:nth-of-type(1) {
        top: 25rem;
        right: 30rem;
        -webkit-transform: translateY(6px) rotate(-45deg);
                transform: translateY(6px) rotate(-45deg);
        width: 46rem;
      }
      @media (max-width: 440px) {
        .open_btn.active span:nth-of-type(1) {
            width: 35rem;
            top: 15rem;
            right: 14rem;
          }
      }
      @media (max-width: 320px) {
        .open_btn.active span:nth-of-type(1) {
            top: 13rem;
            right: 12.5rem;
          }
      }
      .open_btn.active span:nth-of-type(2) {
        opacity: 0;
      }
      .open_btn.active span:nth-of-type(3) {
        top: 37rem;
        right: 30rem;
        -webkit-transform: translateY(-6px) rotate(45deg);
                transform: translateY(-6px) rotate(45deg);
        width: 46rem;
      }
      @media (max-width: 440px) {
        .open_btn.active span:nth-of-type(3) {
            width: 35rem;
            top: 28rem;
            right: 14rem;
          }
      }
    @media (max-width: 390px) {
        .open_btn.active span:nth-of-type(3) {
            top: 29.5rem;
          }
      }
    @media (max-width: 320px) {
        .open_btn.active span:nth-of-type(3) {
            top: 30rem;
            right: 12.5rem;
          }
      }
    .overlay {
        width: 100%;
        position: fixed;
        top: 0;
         right: 0;
        height: 100%;
        background-color: #fff;
        z-index: -1;
        display: block;
         transition: right 0.2s ease; 
        margin-top: 90rem;
        display: none;
    }
    @media (max-width: 440px) {
        .overlay {
            margin-top: 55rem;
            padding-top: 30rem;
    
        } 
    }
    .sp_header_list {
        width: 70%;
        margin: 30rem auto 50rem;
    }
    @media (max-width: 440px) {
        .sp_header_list {
            width: 85%;
            margin: 0 auto 30rem;
        }
    }
    .sp_header_item {
       font-size: 20rem;
       letter-spacing: 0.08em;
       font-weight: bold;
       padding: 25rem 0 25rem 10rem;
       border-bottom: 0.8rem solid #2E4053;
    }
    @media (max-width: 440px) {
        .sp_header_item {
            padding: 20rem 0 20rem 10rem;
         }
    }
    .sp_header_item a {
        display: block;
    }
    .sp_header_item_list li {
        font-size: 20rem;
        margin-top: 20rem;
        margin-left: 30rem;
        position: relative;
    }
    .sp_header_item_list li::before {
        content: "";
        position: absolute;
        height: 2rem;
        width: 15rem;
        background-color: #fff;
        top: 10rem;
        left: -22rem;
    }
    /* ハンバーガー */
/* ヘッダー */

/* フッター */
.footer {
    background: linear-gradient(to right, #007BBB, #409CCC);
    padding: 60rem 0 20rem;
    color: #fff;
}
@media (max-width: 834px) {
    .footer {
        padding: 50rem 0 20rem;
    }
}
@media (max-width: 440px) {
    .footer {
        padding: 40rem 0 20rem;
    }
}
.footer_wrapper {
    width: 1570rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .footer_wrapper {
        width: 85%;
    }
}
.footer_content {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .footer_content {
       flex-direction: column;
    }
}
.footer_left {
    width: 500rem;
}
@media (max-width: 834px) {
    .footer_left {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40rem;
    }
}
@media (max-width: 440px) {
    .footer_left {
        margin-bottom: 30rem;
    }
}
.footer_logo {
    font-size: 40rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .footer_logo {
        font-size: 32rem;
    }
}
@media (max-width: 440px) {
    .footer_logo {
        font-size: 26rem;
        margin-bottom: 15rem;
    }
}
.footer_text {
    font-size: 23rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .footer_text {
        font-size: 18rem;
    }
}
@media (max-width: 440px) {
    .footer_text {
        font-size: 16rem;
    }
}
.footer_list {
    display: flex;
    justify-content: space-between;
    gap: 60rem;
}
@media (max-width: 440px) {
    .footer_list {
       flex-direction: column;
        gap: 30rem;
    }
}
.footer_list_title {
    font-size: 28rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .footer_list_title {
        font-size: 20rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .footer_list_title {
        font-size: 18rem;
        margin-bottom: 10rem;
    }
}
.footer_nav_item {
    font-size: 23rem;
    letter-spacing: 0.03em;
    margin-bottom: 15rem;
    margin-left: 40rem;
    position: relative;
}
@media (max-width: 834px) {
    .footer_nav_item {
        font-size: 18rem;
        margin-bottom: 10rem;
        margin-left: 35rem;
        position: relative;
    }
}
@media (max-width: 440px) {
    .footer_nav_item {
        font-size: 16rem;
        margin-left: 25rem;
    }
}
.footer_nav_item::before {
    position: absolute;
    content: "";
    top: 10rem;
    left: -25rem;
    background-color: #fff;
    height: 2.5rem;
    width: 15rem;
}
@media (max-width: 834px) {
    .footer_nav_item::before {
        left: -22rem;
        height: 1.5rem;
        width: 10rem;
    }
}
@media (max-width: 440px) {
    .footer_nav_item::before {
        left: -20rem;
    }
}
.footer_nav_item:last-child {
    margin-bottom: 0;
}
.footer_end {
    font-size: 20rem;
    letter-spacing: 0.03em;
    text-align: center;
    margin-top: 100rem;
}
@media (max-width: 834px) {
    .footer_end {
        font-size: 16rem;
        margin-top: 60rem;
    }
}
@media (max-width: 440px) {
    .footer_end {
        font-size: 14rem;
    }
}
/* 戻るボタン */
#page_top {
    position: fixed;
    bottom: 10%;
    right: -0.5%;
    z-index: 1;
  }
  @media (max-width: 834px) {
    #page_top {
        bottom: 11%;
      }
  }
  @media (max-width: 440px) {
    #page_top {
        right: -4%;
        bottom: 10%;
      }
  }
  @media (min-width: 835px) {
  #page_top:hover {
    cursor: pointer;
  }
}
  #page_top::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 5rem;
    width: 60rem;
    height: 60rem;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    background: linear-gradient(to right, #007BBB, #409CCC);
	border: 1px solid #fff;
}
@media (max-width: 834px) {
    #page_top::before {
        width: 45rem;
        height: 45rem;
    }
}
@media (max-width: 440px) {
    #page_top::before {
        width: 35rem;
        height: 35rem;
    }
}
#page_top::after {
    content: "";
    margin: auto;
    position: absolute;
    top: -5rem;
    right: 56rem;
    width: 18rem;
    height: 18rem;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    transform: rotate(45deg);
}
@media (max-width: 834px) {
    #page_top::after {
        right: 44rem;
        width: 12rem;
        height: 12rem;
		top: -4rem;
    }
}
@media (max-width: 440px) {
    #page_top::after {
        right: 35rem;
        width: 10rem;
        height: 10rem;
         top: -3rem;
		 border-top: 2px solid #fff;
    	border-left: 2px solid #fff;
    }
}
/* 戻るボタン */
/* フッター */

/* ファーストビュー */
@media (min-width: 835px) {
    .fv-wrapper {
        height: calc(var(--vh, 1vh) * 100);
      }
    }
    @media (max-width: 834px) {
        .fv-wrapper {
            height: 700rem;
            margin-top: 90rem;
          }
          .fv-wrapper::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 700rem;
            margin-top: 90rem;
            background-color: rgba(255, 255, 255, 0.85);
            z-index: 1;
        }
        }
        @media (max-width: 440px) {
            .fv-wrapper {
                height: 500rem;
                margin-top: 55rem;
              }
              .fv-wrapper::before {
                height: 500rem;
                margin-top: 55rem;
            }
            }
    .top_fv {
        position: absolute;
        top: 100rem;
        right: 0; 
        width: 890rem;
        overflow: hidden;
      }
      @media (min-width: 835px) {
        .top_fv {
            height: calc(var(--vh, 1vh) * 100 - 100rem);
        }
      }
      @media (max-width: 834px) {
        .top_fv {
            width: 100%;
            height: 700rem;
            top: 90rem;
        }
      }
      @media (max-width: 440px) {
        .top_fv {
            height: 500rem;
            top: 55rem;
        }
      }
      .top_fv img {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .top_fv_message_content {
        position: absolute;
        left: 1.1%;
        top: 31%;
        z-index: 2;
        opacity: 0;
    }
    @media (max-width: 834px) {
        .top_fv_message_content {
            left: 10%;
            top: 21%;
        }
    }
    @media (max-width: 440px) {
        .top_fv_message_content {
            left: 7.5%;
            top: 16.5%;
        }
    }
    .page_fv_message_content {
        position: absolute;
        left: 50%;
        top: 53%;
        transform: translate(-50%,-50%);
        z-index: 2;
        width: 100%;
        margin: 0 auto;
    }
    @media (max-width: 834px) {
        .page_fv_message_content {
            top: 39%;
        }
    }
    @media (max-width: 440px) {
        .page_fv_message_content {
            top: 37%;
        }
    }
    .page_fv_harf_message_content {
        top: 58.5%;
    }
    .top_fv_message_sec {
        margin-bottom: 80rem;
        text-align: center;
    }
    @media (max-width: 834px) {
        .top_fv_message_sec {
            margin-bottom: 40rem;
        }
    }
    @media (max-width: 440px) {
        .top_fv_message_sec {
            margin-bottom: 30rem;
        }
    }
    .top_fv_message_sec h2,
    .top_fv_message_sec h1 {
        font-size: 74rem;
        font-weight: bold;
        margin-bottom: 20rem;
        letter-spacing:0.02em;
        color: #2E4053;
        line-height: 1.4;
    }
    @media (max-width: 834px) {
    .top_fv_message_sec h2,
    .top_fv_message_sec h1 {
        font-size: 50rem;
        margin-bottom: 30rem;
    }
    }
    @media (max-width: 440px) {
        .top_fv_message_sec h2,
        .top_fv_message_sec h1 {
            font-size: 28rem;
            margin-bottom: 16rem;
        }
        }
    .top_fv_message_sec p {
        font-size: 28rem;
        letter-spacing:0.08em;
        line-height: 1.6;
        inline-size: fit-content;
        margin-inline: auto;
        display: block;
    }
    @media (max-width: 834px) {
        .top_fv_message_sec p {
            font-size: 20rem;
        }
    }
    @media (max-width: 440px) {
        .top_fv_message_sec p {
            font-size: 16rem;
        }
    }
    .page_fv_message h1 {
        font-size: 64rem;
        margin-bottom: 20rem;
    }
    @media (max-width: 834px) {
        .page_fv_message h1 {
            font-size: 50rem;
        }
    }
    @media (max-width: 440px) {
        .page_fv_message h1 {
            font-size: 28rem;
        }
    }
.fv_contact {
    display: flex;
    justify-content: center;
    gap: 20rem;
}
@media (max-width: 834px) {
    .fv_contact {
        flex-direction: column;
        align-items: center;
    }
}
@media (max-width: 440px) {
    .fv_contact {
        gap: 15rem;
    }
}
.fv_contact_btn {
    font-size: 24rem;
    color: #fff;
    font-weight: bold;
    width: 485rem;
    height: 90rem;
    line-height: 1.4;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10rem;
}
@media (max-width: 834px) {
    .fv_contact_btn {
        font-size: 20rem;
        width: 420rem;
        height: 70rem;
    }
}
@media (max-width: 440px) {
    .fv_contact_btn {
        font-size: 16rem;
        width: 360rem;
        height: 52rem;
    }
}
.page_fv {
    background: linear-gradient(to right, #BFDEEE, #F6FBFD);
}
@media (min-width: 835px) {
    .page_fv {
        height: calc(var(--vh, 1vh) * 100);
    }
}
@media (max-width: 834px) {
    .page_fv {
       height: 700rem;
    }
}
@media (max-width: 440px) {
    .page_fv {
       height: 500rem;
    }
}
.page_fv-harf_wrapper {
    background: linear-gradient(to right, #BFDEEE, #F6FBFD);
    height: 450rem;
    position: relative;
    margin-top: 100rem;
}
@media (max-width: 834px) {
    .page_fv-harf_wrapper {
        height: 300rem;
        margin-top: 90rem;
    }
}
@media (max-width: 440px) {
    .page_fv-harf_wrapper {
        background: linear-gradient(to right, #BFDEEE, #F6FBFD);
        height: 200rem;
        margin-top: 55rem;
    }
}
/* ファーストビュー */

/* トップ */
.top_about_wrapper {
    width: 1500rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .top_about_wrapper {
        width: 85%;
    }
}
@media (max-width: 440px) {
    .top_about_wrapper {
        width: 90%;
    }
}
.top_about_box {
    background: linear-gradient(to right, #007BBB, #409CCC);
    border-radius: 10rem;
    padding: 50rem 100rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50rem;
}
@media (max-width: 834px) {
    .top_about_box {
        padding: 40rem 60rem;
        margin-bottom: 30rem;
        flex-direction: column;

    }
    .top_about_box_sec {
        flex-direction: column-reverse;
    }
}
@media (max-width: 440px) {
    .top_about_box {
        padding: 30rem 15rem;
        margin-bottom: 20rem;

    }
    .top_about_box_sec {
        flex-direction: column-reverse;
    }
}
.top_about_box:last-child {
    margin-bottom: 0;
}
.top_about_item {
    width: 640rem;
}
@media (max-width: 834px) {
    .top_about_item {
        width: 100%;
        margin-bottom: 40rem;
    }
}
@media (max-width: 440px) {
    .top_about_item {
        margin-bottom: 30rem;
    }
}
.top_about_item_sec {
    width: 585rem;
}
@media (max-width: 834px) {
    .top_about_item_sec {
        width: 100%;
    }
}
.top_about_title {
    background-color: #fff;
    color: #007BBB;
    border-radius: 50rem;
    font-size: 40rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    display: block;
    width: 350rem;
    text-align: center;
    padding: 15rem 0;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .top_about_title {
        font-size: 32rem;
        margin: 0 auto 30rem;
    }
}
@media (max-width: 440px) {
    .top_about_title {
        font-size: 22rem;
        margin: 0 auto 25rem;
        width: 300rem;
        padding: 12rem 0;
    }
}
.top_about_message {
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 25rem;
}
@media (max-width: 834px) {
    .top_about_message {
        text-align: center;
        font-size: 28rem;
    }
}
@media (max-width: 440px) {
    .top_about_message {
        font-size: 20rem;
        margin-bottom: 20rem;
    }
}
.yellow {
    font-size: 40rem;
    letter-spacing: 0.06em;
    font-weight: bold;
    color: #FFFF00;
    margin-right: 2rem;
}
@media (max-width: 834px) {
    .yellow {
        font-size: 36rem;
    }
}
@media (max-width: 440px) {
    .yellow {
        font-size: 28rem;
    }
}
@media (max-width: 834px) {
    .top_about_sublist {
        width: 70%;
        margin: 0 auto;
    }
}
@media (max-width: 440px) {
    .top_about_sublist {
        width: 100%;
    }
}
.top_about_subitem {
    display: flex;
    align-items: center;
    gap: 10rem;
    margin-bottom: 15rem;
}
@media (max-width: 834px) {
    .top_about_subitem {
        gap: 5rem;
        margin-bottom: 10rem;
    }
}
.top_about_subitem:last-child {
    margin-bottom: 0;
}
.top_about_subitem img {
    width: 30rem;
    height: 30rem;
    object-fit: cover;
}
@media (max-width: 834px) {
    .top_about_subitem img {
        width: 20rem;
        height: 20rem;
    }
}
.top_about_subitem p {
    font-size: 25rem;
    letter-spacing: 0.03em;
    color: #fff;
}
@media (max-width: 834px) {
    .top_about_subitem p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .top_about_subitem p {
        font-size: 18rem;
    }
}
.top_about_image_box {
    width: 586rem;
    height: 400rem;
    background-color: #fff;
    border-radius: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 834px) {
    .top_about_image_box {
        width: 500rem;
        height: 341rem;
    }
}
@media (max-width: 440px) {
    .top_about_image_box {
        width: 100%;
        height: 250rem;
    }
}
.top_about_image {
    width: 480rem;
    height: 300rem;
}
@media (max-width: 834px) {
    .top_about_image {
        width: 400rem;
        height: 250rem;
    }
}
@media (max-width: 440px) {
    .top_about_image {
        width: 310rem;
        height: 210rem;
    }
}
.top_about_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top_reason_wrapper {
    width: 1730rem;
    margin: 140rem auto;
}
@media (max-width: 834px) {
    .top_reason_wrapper {
        width: 90%;
        margin: 80rem auto;
    } 
}
@media (max-width: 440px) {
    .top_reason_wrapper {
        margin: 60rem auto;
    } 
}
.reason_list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 40rem);
    margin-top: 100rem;
}
@media (max-width: 834px) {
    .reason_list {
        width: calc(100% + 30rem);
        margin-top: 80rem;
    }
}
@media (max-width: 440px) {
    .reason_list {
        width: calc(100%);
        margin-top: 60rem;
    }
}
.reason_item {
    width: calc(33.333333% - 40rem);
    margin: 0 40rem 60rem 0;
    border: 8rem solid #007BBB;
    border-radius: 10rem;
    padding: 60rem 20rem 30rem 20rem;
    position: relative;
}
@media (min-width: 835px) {
.reason_item:nth-child(3n) {
    margin-right: 0;
}
.reason_item:nth-child(n+4) {
    margin-bottom: 0;
}
}
@media (max-width: 834px) {
    .reason_item {
        width: calc(50% - 30rem);
        margin: 0 30rem 55rem 0;
        border: 6rem solid #007BBB;
        padding: 40rem 20rem 20rem 20rem;
    }
    .reason_item:nth-child(2n) {
        margin-right: 0;
    }
    .philosophy_wrapper .reason_item:nth-last-child(-n + 2) {
        margin-bottom: 55rem;
    }
    .philosophy_wrapper .reason_item:nth-child(3) {
        margin-bottom: 0;
    }
}
@media (max-width: 834px) and (min-width: 441px) {
    .reason_item:nth-last-child(-n + 2) {
    margin-bottom: 0;
}
}
@media (max-width: 440px) {
    .reason_item {
        width: calc(100%);
        margin: 0 0 45rem 0;
        border: 4rem solid #007BBB;
        padding: 35rem 15rem 20rem 15rem;
    }
    .reason_item:last-child {
        margin-bottom: 0;
    }
}
.orange_circle {
    position: absolute;
    top: -40rem;
    left: 44%;
    font-size: 36rem;
    font-weight: bold;
    color: #fff;
    width: 70rem;
    height: 70rem;
    background: linear-gradient(to right, #FF7A00, #FFBD80);
    border-radius: 50%;
    font-family: 'Noto SansJP',sans-serif;
   display: flex;
   align-items: center;
   justify-content: center;
}
@media (max-width: 834px) {
    .orange_circle {
        top: -35rem;
        left: 41%;
        font-size: 28rem;
        width: 55rem;
        height: 55rem;
    }
}
@media (max-width: 440px) {
    .orange_circle {
        font-size: 26rem;
        top: -30rem;
        left: 43%;
        width: 50rem;
        height: 50rem;
    }
}
.reason_title p {
    font-size: 36rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    text-align: center;
    margin-bottom: 20rem;
    position: relative;
   inline-size: fit-content;
    margin-inline: auto;
}
@media (max-width: 834px) {
    .reason_title p {
        font-size: 26rem;
    }
}
@media (max-width: 440px) {
    .reason_title p {
        margin-bottom: 15rem;
    }
}
.reason_item p::before {
    content: "";
    display: inline-block;
    width: 40rem;
    height: 40rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: -55rem;
    position: absolute;
}
@media (max-width: 834px) {
    .reason_item p::before {
        width: 30rem;
        height: 30rem;
        left: -40rem;
    }
}
.reason_item:nth-child(1) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/お金の入金・支払いの無料アイコン素材-1.png);
}
.reason_item:nth-child(2) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/電気・カミナリマークの無料アイコン素材-2.png);
}
.reason_item:nth-child(3) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/WEBデザイン（ブラウザ）のアイコン-4.png);
}
.reason_item:nth-child(4) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/書類のアイコン素材-3.png);
}
.reason_item:nth-child(5) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/セキュリティマークのアイコン素材-1.png);
}
.reason_item:nth-child(6) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/握手のイラストアイコン素材-1.png);
}
.reason_text {
    font-size: 25rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .reason_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .reason_text {
        font-size: 18rem;
    }
}
.solutions_wrapper {
    width: 1800rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .solutions_wrapper {
        /* width: 85%; */
        width: 100%;
    }
}
.solutions_box {
    margin-bottom: 70rem;
}
@media (max-width: 834px) {
    .solutions_box {
        margin-bottom: 60rem;
    }
}
@media (max-width: 440px) {
    .solutions_box {
        margin-bottom: 40rem;
    }
}
.solutions_box:last-of-type {
    margin-bottom: 0;
}
.solutions_title {
    background: linear-gradient(to right, #2E4053, #62707e);
    border-radius: 100rem;
    font-size: 38rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #fff;
    text-align: center;
    padding: 20rem 0;
    width: 470rem;
    margin: 0 auto 50rem;
}
@media (max-width: 834px) {
    .solutions_title {
        font-size: 28rem;
        margin: 0 auto 40rem;
}
}
@media (max-width: 440px) {
    .solutions_title {
        font-size: 20rem;
        margin: 0 auto 20rem;
        width: 305rem;
        padding: 12rem 0;
}
}
.solutions_list {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 30rem;
}
.solutions_item {
/*     background: linear-gradient(to right, #007BBB, #409CCC); */
	background-color: #007BBB;
    border-radius: 10rem;
    width: 580rem;
    height: 235rem;
    padding: 35rem;
}
@media (max-width: 834px) {
    .solutions_item {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 440px) {
    .solutions_item {
      padding: 20rem 30rem;
    }
}
.solutions_item h4 {
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    margin-bottom: 20rem;
    font-family: 'Noto SansJP',sans-serif;
}
@media (max-width: 834px) {
    .solutions_item h4 {
        font-size: 24rem;
    }
}
@media (max-width: 440px) {
    .solutions_item h4 {
        font-size: 20rem;
        margin-bottom: 15rem;
    }
}
.solutions_item p {
    font-size: 23rem;
    line-height: 1.6;
    letter-spacing: 0.03em;
    color: #fff;
}
@media (max-width: 834px) {
    .solutions_item p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .solutions_item p {
        font-size: 18rem;
    }
}
.cases_wrapper {
    width: 1730rem;
    margin: 140rem auto;
}
@media (max-width: 834px) {
    .cases_wrapper {
        width: 100%;
        margin: 80rem auto;
    }
}
@media (max-width: 440px) {
    .cases_wrapper {
        margin: 60rem auto;
    }
}
.cases_list,
.page_cases_list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 40rem);
}
@media (max-width: 834px) {
    .cases_list,
    .page_cases_list {
        display: flex;
        flex-wrap: wrap;
        width: calc(100%);
    }
}
.cases_item {
    width: calc(33.333333% - 40rem);
    margin: 0 40rem 0 0;
    border-radius: 10rem;
    border: 8rem solid #007BBB;
}
@media (max-width: 834px) {
    .cases_item {
        width: calc(100%);
        margin: 0;
        border: 6rem solid #007BBB;
    }
}
@media (max-width: 440px) {
    .cases_item {
        border: 4rem solid #007BBB;
    }
}
@media (min-width: 835px) {
.cases_item:nth-child(3n) {
    margin-right: 0;
}
.cases_item:nth-child(n+4) {
    margin-top: 40rem;
}
}
.cases_item_image {
    width: 100%;
    height: 293rem;
}
@media (max-width: 834px) {
    .cases_item_image {
        height: 394rem;
    }
}
@media (max-width: 440px) {
    .cases_item_image {
        height: 216rem;
    }
}
.cases_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}
@media (max-width: 440px) {
	.cases_item_image img {
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem;
}
}
.cases_item_content {
    padding: 30rem 25rem;
}
@media (max-width: 440px) {
    .cases_item_content {
        padding: 25rem 20rem;
    }
}
.cases_item_content h5,
.cases_item_content h2 {
    font-size: 34rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .cases_item_content h5,
    .cases_item_content h2 {
    font-size: 26rem;
}
}
@media (max-width: 440px) {
    .cases_item_content h5,
    .cases_item_content h2 {
    font-size: 24rem;
    margin-bottom: 10rem;
}
}
.cases_item_content p {
    font-size: 25rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .cases_item_content p {
        font-size: 20rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .cases_item_content p {
        font-size: 18rem;
        margin-bottom: 15rem;
    }
}
.cases_category_content:first-of-type {
    margin-bottom: 15rem;
}
@media (max-width: 440px) {
    .cases_category_content:first-of-type {
        margin-bottom: 10rem;
    } 
}
.cases_category_content p {
    font-size: 25rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 5rem;
}
@media (max-width: 834px) {
    .cases_category_content p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .cases_category_content p {
        font-size: 18rem;
    }
}
.category_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10rem;
}
@media (max-width: 440px) {
    .category_list {
        gap: 7rem;
    }
}
.category_item a,
.category_item {
    font-size: 18rem;
    letter-spacing: 0.03em;
    color: #fff;
    text-align: center;
    padding: 10rem 20rem;
    background: linear-gradient(to right, #007BBB, #409CCC);
    display: inline-block;
    border-radius: 100rem;
}
@media (max-width: 834px) {
    .category_item a,
    .category_item {
        font-size: 16rem;
    }
}
@media (max-width: 440px) {
    .category_item a,
    .category_item {
        font-size: 14rem;
        padding: 8rem 11rem;
    }
}
.top_contact_bg {
    width: 100%;
    height: 500rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/11/qi-yue-shuni-shu-mingshita-hou-wo-shou-scaled.jpg);
    position: relative;
    background-position: center center;
}
@media (max-width: 834px) {
    .top_contact_bg {
        height: 400rem;
    }
}
@media (max-width: 440px) {
    .top_contact_bg {
        height: 330rem;
    }
}
.top_contact_bg::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(46, 64, 83, 0.8);
}
.top_contact_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.top_contact_message {
    text-align: center;
}
.top_contact_title {
    font-size: 60rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #fff;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .top_contact_title {
        font-size: 40rem;
    }
}
@media (max-width: 440px) {
    .top_contact_title {
        font-size: 28rem;
    }
}
.top_contact_text {
    font-size: 30rem;
    letter-spacing: 0.03em;
    color: #fff;
}
@media (max-width: 834px) {
    .top_contact_text {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .top_contact_text {
        font-size: 16rem;
    }
}
.top_contact_box {
    display: flex;
    justify-content: center;
    gap: 40rem;
    margin-top: 50rem;
}
@media (max-width: 834px) {
    .top_contact_box {
        margin-top: 40rem;
        flex-direction: column;
       align-items: center;
        gap: 30rem;
    }
}
@media (max-width: 440px) {
    .top_contact_box {
        margin-top: 30rem;
        gap: 20rem;
    }
}
.top_contact {
    font-size: 24rem;
    color: #fff;
    font-weight: bold;
    width: 485rem;
    height: 90rem;
    line-height: 1.4;
    letter-spacing: 0.06em;
    border-radius: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
@media (max-width: 834px) {
    .top_contact {
        font-size: 20rem;
        height: 70rem;
    }
}
@media (max-width: 440px) {
    .top_contact {
        font-size: 16rem;
        height: 52rem;
        width: 360rem;
    }
}
/* トップ */

/* 下層〜発注者の方へ */
.page_reason_wrapper {
    width: 1575rem;
    margin: 120rem auto 140rem;
}
@media (max-width: 834px) {
    .page_reason_wrapper {
        width: 90%;
        margin: 60rem auto 80rem;
    }
}
@media (max-width: 440px) {
    .page_reason_wrapper {
        margin: 40rem auto 60rem;
    }
}
.page_reason_list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 40rem);
    margin-top: 120rem;
}
@media (max-width: 834px) {
    .page_reason_list {
        margin-top: 80rem;
    } 
}
@media (max-width: 440px) {
    .page_reason_list {
        width: calc(100%);
        margin-top: 60rem;
    } 
}
.page_reason_item {
    width: calc(50% - 40rem);
    margin: 0 40rem 60rem 0;
    border: 8rem solid #007BBB;
    border-radius: 10rem;
    padding: 60rem 20rem 30rem 20rem;
    position: relative;
}
@media (min-width: 835px) {
.page_reason_item:nth-child(2n) {
    margin-right: 0;
}
.page_reason_item:nth-child(n+3) {
    margin-bottom: 0;
}
}
@media (max-width: 834px) {
    .page_reason_item {
        width: calc(50% - 30rem);
        margin: 0 30rem 50rem 0;
        border: 6rem solid #007BBB;
        padding: 40rem 20rem 20rem 20rem;
    }
}
@media (max-width: 440px) {
    .page_reason_item {
        width: calc(100%);
        margin: 0 0 45rem 0;
        border: 4rem solid #007BBB;
        padding: 35rem 15rem 20rem 15rem;
    }
    .page_reason_item:last-child {
        margin-bottom: 0;
    }
}
@media (max-width: 834px) and (min-width: 441px) {
    .page_reason_item:nth-child(2n) {
        margin-right: 0;
    }
    .page_reason_item:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
}
.reason_title span {
    color: #007BBB;
    font-size: 34rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    text-align: center;
    display: block;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .reason_title span {
        font-size: 20rem;
        line-height: 1.4;
    }
}
.page_reason_item p::before {
    content: "";
    display: inline-block;
    width: 45rem;
    height: 45rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: -60rem;
    position: absolute;
}
@media (max-width: 834px) {
    .page_reason_item p::before {
        width: 30rem;
        height: 30rem;
        left: -40rem;
    }
}
.page_reason_item:nth-child(1) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/お金の入金・支払いの無料アイコン素材-1.png);
}
.page_reason_item:nth-child(2) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/電気・カミナリマークの無料アイコン素材-2.png);
}
.page_reason_item:nth-child(3) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/検索・サーチの虫眼鏡アイコン.png);
}
.page_reason_item:nth-child(4) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/WEBデザイン（ブラウザ）のアイコン-4.png);
}
.partners_wrapper {
    width: 1730rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .partners_wrapper {
        width: 100%;
    }
}
.partners_list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 40rem);
}
@media (max-width: 834px) {
    .partners_list {
        width: calc(100%);
    }
}
.partners_item {
    width: calc(33.3333333% - 40rem);
    margin: 0 40rem 40rem 0;
    border: 8rem solid #DCDCDC;
    border-radius: 10rem;
    padding: 30rem 25rem;
    background-color: #fff;
}
@media (min-width: 835px) {
.partners_item:nth-child(3n) {
    margin-right: 0;
}
.partners_item:nth-child(n+4) {
    margin-bottom: 0;
}
}
@media (max-width: 834px) {
    .partners_item {
        width: calc(100%);
        margin: 0 0 40rem 0;
        border: 6rem solid #DCDCDC;
        padding: 30rem;
    }
}
@media (max-width: 440px) {
    .partners_item {
        border: 4rem solid #DCDCDC;
        padding: 25rem 20rem;
    }
}
.partners_orange_circle {
    background: linear-gradient(to right, #FF7A00, #FFBD80);
    border-radius: 50%;
    width: 120rem;
    height: 120rem;
    font-size: 44rem;
    color: #fff;
    font-weight: bold;
    font-family: 'Noto SansJP',sans-serif;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20rem;
}
@media (max-width: 834px) {
    .partners_orange_circle {
        width: 80rem;
        height: 80rem;
        font-size: 30rem;
    }
}
@media (max-width: 440px) {
    .partners_orange_circle {
        width: 65rem;
        height: 65rem;
        font-size: 24rem;
    }
}
.partners_name {
   font-size: 34rem;
   font-weight: bold;
   letter-spacing: 0.03em;
   margin-bottom: 10rem;
}
@media (max-width: 834px) {
    .partners_name {
        font-size: 28rem;
        text-align: center;
     }
}
@media (max-width: 440px) {
    .partners_name {
        font-size: 22rem;
     }
}
.partners_position {
    font-size: 25rem;
    letter-spacing: 0.03em;
    color: #007BBB;
 }
 @media (max-width: 834px) {
    .partners_position {
        font-size: 20rem;
        text-align: center;
     }
}
@media (max-width: 440px) {
    .partners_position {
        font-size: 18rem;
     }
}
.partners_content {
    margin-top: 25rem;
}
@media (max-width: 440px) {
    .partners_content {
        margin-top: 20rem;
    }
}
.partners_category_list {
    display: flex;
    align-items: flex-start;
    gap: 15rem;
    margin-bottom: 15rem;
}
@media (max-width: 440px) {
    .partners_category_list {
        gap: 10rem;
        margin-bottom: 12rem;
    }
}
.partners_category_list:last-of-type {
    margin-bottom: 0;
}
.partners_category_list dt {
    font-size: 18rem;
    letter-spacing: 0.03em;
    color: #fff;
    text-align: center;
    padding: 10rem 0;
    background: linear-gradient(to right, #007BBB, #409CCC);
    display: inline-block;
    border-radius: 100rem;
    width: 125rem;
    font-weight: normal;
}
@media (max-width: 834px) {
    .partners_category_list dt {
        font-size: 16rem;
    }
}
@media (max-width: 440px) {
    .partners_category_list dt {
        font-size: 14rem;
        padding: 8rem 11rem;
        width: 100rem;
    }
}
.partners_category_list dd {
    font-size: 25rem;
    letter-spacing: 0.03em;
    flex: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-top: 3rem;
    line-height: 1.4;
}
@media (max-width: 834px) {
    .partners_category_list dd {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .partners_category_list dd {
        font-size: 18rem;
    }
}
.partners_contact_text {
    font-size: 25rem;
    letter-spacing: 0.03em;
    text-align: center;
    margin-bottom: 30rem;
    line-height: 1.5;
}
@media (max-width: 834px) {
    .partners_contact_text {
        font-size: 22rem;
    }
}
@media (max-width: 440px) {
    .partners_contact_text {
        font-size: 18rem;
        margin-bottom: 20rem;
    }
}
.partners_contact {
    margin-top: 60rem;
}
@media (max-width: 834px) {
    .partners_contact {
        margin-top: 40rem;
    }
}
@media (max-width: 440px) {
    .partners_contact {
        margin-top: 30rem;
    }
}
.partners_contact_btn {
    font-size: 24rem;
    color: #fff;
    font-weight: bold;
    width: 485rem;
    height: 90rem;
    line-height: 1.4;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .partners_contact_btn {
        font-size: 20rem;
        height: 70rem;
    } 
}
@media (max-width: 440px) {
    .partners_contact_btn {
        font-size: 18rem;
        height: 60rem;
        width: 350rem;
    } 
}
.support_wrapper {
    width: 1730rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .support_wrapper {
        width: 100%;
    }
}
.support_list {
    display: flex;
    gap: 40rem;

    flex-wrap: wrap;
}
.support_item {
    background: linear-gradient(to right, #007BBB, #409CCC);
    width: 550rem;
    border-radius: 10rem;
    padding: 40rem;
}
@media (max-width: 834px) {
    .support_item {
        width: 100%;
        padding: 30rem;
    }
}
.support_item_title {
    background-color: #fff;
    color: #007BBB;
    border-radius: 50rem;
    font-size: 34rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    display: block;
    width: 400rem;
    text-align: center;
    padding: 12rem 0;
    margin: 0 auto 35rem;
}
@media (max-width: 834px) {
    .support_item_title {
        font-size: 26rem;
        margin: 0 auto 30rem;
    }
}
@media (max-width: 440px) {
    .support_item_title {
        font-size: 22rem;
        margin: 0 auto 20rem;
        width: 305rem;
    }
}
.support_item_text {
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.03em;
    font-size: 28rem;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 25rem;
}
@media (max-width: 834px) {
    .support_item_text {
        font-size: 24rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .support_item_text {
        font-size: 22rem;
    }
}
.support_sublist {
    display: flex;
    flex-direction: column;
    gap: 12rem;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .support_sublist {
       width: 350rem;
       margin: 0 auto 30rem;
    }
}
@media (max-width: 440px) {
    .support_sublist {
       gap: 10rem;
       margin: 0 auto 20rem;
    }
}
.support_subitem {
    font-size: 25rem;
    letter-spacing: 0.03em;
    color: #fff;
}
@media (max-width: 834px) {
    .support_subitem {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .support_subitem {
        font-size: 18rem;
    }
}
.support_yellow_title {
    font-size: 32rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.3;
    color: #FFFF00;
    text-align: center;
}
@media (max-width: 834px) {
    .support_yellow_title {
        font-size: 28rem;
    }
}
@media (max-width: 440px) {
    .support_yellow_title {
        font-size: 24rem;
    }
}
.recommended_wrapper {
    width: 1500rem;
    margin: 140rem auto;
}
@media (max-width: 834px) {
    .recommended_wrapper {
        width: 85%;
        margin: 80rem auto;
    }
}
@media (max-width: 440px) {
    .recommended_wrapper {
        width: 90%;
        margin: 60rem auto;
    }
}
.page_recommended_title {
    width: 610rem;
}
@media (max-width: 834px) {
    .page_recommended_title {
      width: 100%;
    } 
}
.flow_wrapper {
    width: 1190rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .flow_wrapper {
        width: 85%;
    }
}
@media (max-width: 440px) {
    .flow_wrapper {
        width: 90%;
    }
}
@media (max-width: 440px) {
.flow_number_list {
    margin-top: 50rem;
}
}
.flow_number_item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .flow_number_item {
        margin-bottom: 35rem;
        gap: 20rem;
    }
}
@media (max-width: 440px) {
    .flow_number_item {
        margin-bottom: 35rem;
    }
}
.flow_number_item:last-child {
    margin-bottom: 0;
}
.flow_number_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 180rem;
    margin-top: -30rem;
}
@media (max-width: 834px) {
    .flow_number_box {
        width: 100rem;
    } 
}
@media (max-width: 440px) {
    .flow_number_box {
        width: auto;
    } 
}
.flow_number_content {
    border-radius: 50%;
    width: 110rem;
    height: 110rem;
    border: 6rem solid #007BBB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (max-width: 834px) {
    .flow_number_content {
        width: 100rem;
        height: 100rem;
        border: 4rem solid #007BBB;
    }
}
@media (max-width: 440px) {
    .flow_number_content {
        width: 70rem;
        height: 70rem;
        border: 3rem solid #007BBB;
    }
}
.flow_number_content p {
    font-size: 21rem;
    font-weight: bold;
    color: #007BBB;
    margin-top: 5rem;
}
@media (max-width: 834px) {
    .flow_number_content p {
        font-size: 16rem;
        margin-top: 5rem;
    }
}
@media (max-width: 440px) {
    .flow_number_content p {
        font-size: 13rem;
        margin-top: 1rem;
    }
}
.flow_number_content span {
    font-size: 48rem;
    font-weight: bold;
    color: #FF7A00;
    margin-top: -8rem;
    font-family: 'Noto Sans JP', sans-serif;
}
_::-webkit-full-page-media, _:future, :root .flow_number_content span {
	margin-top: 0;
}
@media (max-width: 834px) {
    .flow_number_content span {
        font-size: 40rem;
        margin-top: -4rem;
    }
}
@media (max-width: 440px) {
    .flow_number_content span {
        font-size: 30rem;
        margin-top: -2rem;
    }
}
.flow_line {
    background-color: #007BBB;
    width: 6rem;
    display: block;
    margin-top: 8rem;
    margin-bottom: 8rem;
}
@media (max-width: 834px) {
    .flow_line {
        width: 4rem;
        margin-top: 13rem;
    }
}
@media (max-width: 440px) {
    .flow_line {
        width: 3rem;
        margin-top: 10rem;
    }
}
.flow_line_ft {
    height: 70rem;
}
@media (max-width: 834px) {
    .flow_line_ft {
        height: 30rem;
    }
}
.flow_line_sec {
    height: 175rem;
}
@media (max-width: 834px) {
    .flow_line_sec {
        height: 190rem;
    } 
}
.flow_title_content {
    width: 1100rem;
}
@media (max-width: 834px) {
    .flow_title_content {
        width: 90%;
    } 
}
@media (max-width: 440px) {
    .flow_title_content {
        width: 100%;
    } 
}
.flow_title {
    font-size: 32rem;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(to right, #007BBB, #409CCC);
    border-radius: 10rem;
    margin-bottom: 30rem;
    padding: 25rem 0;
    text-align: center;
    letter-spacing: 0.03em;
    width: 650rem;
    margin-top: -17rem;
}
@media (max-width: 834px) {
    .flow_title {
        font-size: 24rem;
        margin-bottom: 20rem;
        padding: 20rem 0;
        width: 100%;
        margin-top: -13rem;
    }
}
@media (max-width: 440px) {
    .flow_title {
        font-size: 18rem;
        margin-bottom: 15rem;
        padding: 15rem 0;
        margin-top: -20rem;
    }
}
.flow_nav_item {
    display: flex;
    gap: 20rem;
    margin-bottom: 20rem;
}
@media (max-width: 834px) {
    .flow_nav_item {
       flex-direction: column;
        gap: 10rem;
        margin-bottom: 15rem;
    }
}
@media (max-width: 440px) {
    .flow_nav_item {
        gap: 7rem;
        margin-bottom: 10rem;
    }
}
.flow_nav_item:last-child {
    margin-bottom: 0;
}
.flow_nav_item span {
    font-size: 28rem;
    font-weight: bold;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .flow_nav_item span {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .flow_nav_item span {
        font-size: 18rem;
    }
}
.flow_nav_item p {
    font-size: 28rem;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .flow_nav_item p {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .flow_nav_item p {
        font-size: 18rem;
		line-height: 1.4;
    }
}
.faq_wrapper {
    width: 1400rem;
    margin: 140rem auto;
}
@media (max-width: 834px) {
    .faq_wrapper {
        width: 85%;
        margin: 80rem auto;
    }
}
@media (max-width: 440px) {
    .faq_wrapper {
        width: 90%;
        margin: 60rem auto;
    }
}
.accordion-area li {
    margin-bottom: 30rem;
    border: 3px solid #007BBB;
    border-radius: 5rem;
}
@media (min-width: 835px) {
	.accordion-area li:hover {
		cursor: pointer;
	}
}
@media (max-width: 834px) {
    .accordion-area li {
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .accordion-area li {
        margin-bottom: 15rem;
    }
}
.accordion-area li:last-child {
    margin-bottom: 0;
}
.question_box {
    padding: 20rem 20rem 20rem 30rem;
    background-color: #007BBB;
    display: flex;
    transition: all .2s ease;
    position: relative;
}
@media (max-width: 834px) {
    .question_box {
        padding: 15rem 15rem 15rem 25rem;
    } 
}
@media (max-width: 440px) {
    .question_box {
        padding: 10rem;
    } 
}
/* プラスマイナスの挙動 */
.question_acd_open::before,.question_acd_open::after  {
    content: '';
    display: inline-block;
    width: 30rem;
    height: 3rem;
    background-color: #fff;
    position: absolute;
	right: 5%;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .2s;
}
@media (max-width: 834px) {
    .question_acd_open::before,.question_acd_open::after  {
        width: 20rem;
        height: 2.5rem;
    }  
}
@media (max-width: 440px) {
    .question_acd_open::before,.question_acd_open::after  {
        width: 18rem;
        height: 2rem;
    }  
}
.question_acd_open::after {
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.3s;
}
.question_acd_open.show::before {
    opacity: 0;
}
.question_acd_open.show::after {
    transform: translateY(-50%) rotate(180deg);
}
/* プラスマイナスの挙動 */
.question_title {
    font-weight: bold;
    font-size: 28rem;
    line-height: 1.6;
    width: 85%;
    padding-right: 40rem;
	letter-spacing: 0.08em;
    color: #fff;
    margin-top: 13rem;
    word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 834px) {
    .question_title {
        font-size: 20rem;
        margin-top: 5rem;
    }
}
@media (max-width: 440px) {
    .question_title {
        font-size: 18rem;
        width: 89%;
    }
}
.question {
    color: #fff;
    font-size: 32rem;
    font-weight: bold;
    margin-right: 30rem;
    letter-spacing: 0.03em;
    width: 65rem;
    height: 65rem;
    border-radius: 50%;
    background-color: #fff;
    color: #007BBB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto SansJP',sans-serif;
}
@media (max-width: 834px) {
    .question {
        font-size: 20rem;
        width: 40rem;
        height: 40rem;
        margin-right: 20rem;
    }
}
@media (max-width: 440px) {
    .question {
        font-size: 18rem;
        width: 35rem;
        height: 35rem;
        margin-right: 10rem;
    }
}
.answer {
    color: #fff;
    font-size: 32rem;
    font-weight: bold;
    margin-right: 25rem;
    width: 65rem;
    height: 65rem;
    border-radius: 50%;
    background-color: #E94709;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto SansJP',sans-serif;
}
@media (max-width: 834px) {
    .answer {
        font-size: 20rem;
        margin-right: 20rem;
        width: 40rem;
        height: 40rem;
    }
}
@media (max-width: 440px) {
    .answer {
        font-size: 17rem;
		margin-right: 10rem;
        width: 35rem;
        height: 35rem;
    }
}
.answer_content {
    display: none;
}
.answer_box {
    padding: 20rem 70rem 20rem 30rem;
    display: flex;
    transition: all .2s ease;
    position: relative;
}
@media (max-width: 834px) {
    .answer_box {
        padding: 15rem 40rem 15rem 25rem;
    } 
}
@media (max-width: 440px) {
    .answer_box {
        padding: 10rem 20rem 10rem 10rem;
    } 
}
.answer_box p {
    font-size: 25rem;
    line-height: 1.6;
    width: 90%;
    margin-top: 13rem;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .answer_box p {
        font-size: 20rem;
        margin-top: 5rem;
    }
}
@media (max-width: 440px) {
    .answer_box p {
        font-size: 18rem;
    }
}
/* 下層〜発注者の方へ */

/* 下層〜エンジニアの方へ */
.page_engineer_reason_item:nth-child(1) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/走る人のシルエットアイコン素材.png);
}
.page_engineer_reason_item:nth-child(2) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/1508677-更新済み.png);
}
.page_engineer_reason_item:nth-child(3) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/WEBデザイン（ブラウザ）のアイコン-4.png);
}
.page_engineer_reason_item:nth-child(4) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/リロード・更新のアイコン素材-1.png);
}
.flow_line_th {
    height: 130rem;
}
/* 下層〜エンジニアの方へ */

/* 下層〜導入事例 */
.page_cases_wrapper {
    width: 1730rem;
    margin: 120rem auto 140rem;
}
@media (max-width: 834px) {
    .page_cases_wrapper {
        width: 100%;
        margin: 60rem auto 80rem;
    }
}
@media (max-width: 440px) {
    .page_cases_wrapper {
        margin: 40rem auto 60rem;
    }
}
.page_cases_content_list {
    display: flex;
    align-items: center;
    gap: 20rem;
    margin-bottom: 17rem;
}
@media (max-width: 440px) {
    .page_cases_content_list {
        margin-bottom: 10rem;
    } 
}
.page_cases_content_list_category {
    flex-direction: column;
    align-items: start;
    gap: 12rem;
}
.page_cases_content_list:last-of-type {
    margin-bottom: 0;
}
.page_cases_content_list_category_dd {
    display: flex;
    flex-wrap: wrap;
    gap: 10rem;
}
@media (max-width: 440px) {
    .page_cases_content_list_category_dd {
        gap: 7rem;
    } 
}
.page_cases_content_list dt {
    font-size: 25rem;
    font-weight: bold;
    color: #007BBB;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .page_cases_content_list dt {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .page_cases_content_list dt {
        font-size: 18rem;
    }
}
.page_cases_content_list dd {
    font-size: 25rem;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .page_cases_content_list dd {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .page_cases_content_list dd {
        font-size: 18rem;
    }
}
.page_cases_content_list_category_dd dd {
    font-size: 18rem;
    letter-spacing: 0.03em;
    color: #fff;
    text-align: center;
    padding: 10rem 18rem;
    background: linear-gradient(to right, #007BBB, #409CCC);
    display: inline-block;
    border-radius: 100rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
@media (max-width: 834px) {
    .page_cases_content_list_category_dd dd {
        font-size: 16rem;
    }
}
@media (max-width: 440px) {
    .page_cases_content_list_category_dd dd {
        font-size: 14rem;
        padding: 8rem 11rem;
    }
}
.post-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 35rem;
    margin-bottom: 80rem;
}
@media (max-width: 834px) {
    .post-categories {
        gap: 20rem;
        width: 90%;
        margin: 0 auto 50rem;
    }
    }
    @media (max-width: 440px) {
        .post-categories {
            gap: 15rem;
            margin-bottom: 35rem;
        }
        }
.cat-item {
    font-size: 25rem;
    color: #007BBB;
    letter-spacing: 0.03em;
    position: relative;
    border: 3rem solid #007BBB;
    border-radius: 100rem;
}
@media (max-width: 834px) {
    .cat-item {
        font-size: 20rem;
        border: 2rem solid #007BBB;
    }
}
@media (max-width: 440px) {
    .cat-item {
        font-size: 14rem;
    }
}
.cat-item a {
    display: block;
    padding: 13rem 25rem;
}
@media (max-width: 440px) {
    .cat-item a {
        padding: 8rem 11rem;
    }
}
.cat-item.current {
    color: #fff;
    background-color: #007BBB;
}
/* ページナビ */
.wp-pagenavi {
    text-align: center;
    margin-top: 60rem;
    display: flex;
    justify-content: center;
  }
@media (max-width: 440px) {
    .wp-pagenavi {
        margin-top: 40rem;
      }
  }
  span.current {
      background: #007BBB;
      color: #fff;
      border-radius: 50%;
      width: 60rem;
      height: 60rem;
      display: inline-block;
      border: 3rem solid #007BBB;
      margin: 0 10rem;
      font-size: 30rem;
      line-height: 1.8;
      font-weight: bold;
  }
  @media (max-width: 834px) {
    span.current {
        width: 50rem;
        height: 50rem;
        font-size: 24rem;
    }
  }
  @media (max-width: 440px) {
      span.current {
        width: 40rem;
        height: 40rem;
        margin: 0 5rem;
        font-size: 20rem;
        padding-top: 7rem;
        line-height: 1;
      }
  }
  a.larger,
  a.smaller  {
      background: #ffffff;
      color: #2E4053;
      border-radius: 50%;
      width: 60rem;
      height: 60rem;
      display: inline-block;
      border: 3rem solid #DCDCDC;
      margin: 0 10rem;
      font-size: 30rem;
      transition: 0.4s ease;
      line-height: 1.8;
  }
  @media (max-width: 834px) {
    a.larger,
    a.smaller  {
      width: 50rem;
      height: 50rem;
      font-size: 24rem;
  }
  }
  @media (max-width: 440px) {
      a.larger,
      a.smaller {
        width: 40rem;
        height: 40rem;
        margin: 0 5rem;
        font-size: 20rem;
        padding-top: 7rem;
        line-height: 1;
      }
  }
  a.first {
      font-size: 28rem;
      font-weight: bold;
      margin-right: 10rem;
      transition: 0.4s ease;
      margin-top: 10rem;
  }
  @media (max-width: 834px) {
    a.first {
        font-size: 20rem;
    }
  }
  a.last {
      font-size: 28rem;
      font-weight: bold;
      margin-left: 10rem;
      transition: 0.4s ease;
      margin-top: 10rem;
  }
  @media (max-width: 440px) {
      a.first,
      a.last {
      margin-top: 5rem;
  }
  }
  @media (max-width: 440px) {
      a.last {
          width: 40rem;
          height: 40rem;
          margin-left: 4rem;
  }
  }
  @media (min-width: 835px) {
  a.larger:hover,
  a.smaller:hover {
      background: #fff;
      color: #2E4053;
      transition: 0.4s ease;
  }
  a.last:hover,
  a.first:hover {
      color: #2E4053;
      transition: 0.4s ease;
  }
}
  /* ページナビ */
/* 下層〜導入事例 */

/* 下層〜会社概要 */
.page_company_wrapper {
    width: 1360rem;
    margin: 120rem auto 140rem;
}
@media (max-width: 834px) {
    .page_company_wrapper {
        width: 85%;
        margin: 60rem auto 80rem;
    }
}
@media (max-width: 440px) {
    .page_company_wrapper {
        width: 90%;
        margin: 40rem auto 60rem;
    }
}
.page_company_content {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 834px) {
    .page_company_content {
       flex-direction: column;
    }
}
.page_company_content_box {
    width: 650rem;
    border-top: 1rem solid #C0C0C0;
}
@media (max-width: 834px) {
    .page_company_content_box {
        width: 100%;
        border-right: 1rem solid #C0C0C0;
        border-left: 1rem solid #C0C0C0;
        border-top: none;
    }
    .page_company_content_box:first-child {
        border-top: 1rem solid #C0C0C0;
    }
}
@media (max-width: 440px) {
    .page_company_content_box {
        width: 90%;
        margin: 0 auto;
    }
}
.page_company_list {
    display: flex;
    border-bottom: 1rem solid #C0C0C0;
}
@media (max-width: 440px) {
    .page_company_list {
       flex-direction: column;
    }
}
.page_company_list dt {
    font-size: 25rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.03em;
    line-height: 1.4;
    width: 200rem;
    background-color: #007BBB;
    padding: 20rem 10rem;
    text-align: center;
}
@media (max-width: 834px) {
    .page_company_list dt {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .page_company_list dt {
        font-size: 18rem;
        width: 100%;
        text-align: left;
        padding: 10rem 20rem;
    }
}
.page_company_list dd {
    font-size: 23rem;
    letter-spacing: 0.03em;
    flex: 1;
    padding: 20rem;
    line-height: 1.4;
    margin-top: 2rem;
}
@media (max-width: 834px) {
    .page_company_list dd {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .page_company_list dd {
        font-size: 18rem;
        padding: 10rem 20rem;
    }
}
.mission_vision_wrapper {
    width: 1380rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .mission_vision_wrapper {
        width: 85%;
    }
}
@media (max-width: 440px) {
    .mission_vision_wrapper {
        width: 80%;
    }
}
.mission_vision_content {
    display: flex;
   justify-content: space-between;
}
@media (max-width: 834px) {
    .mission_vision_content {
       flex-direction: column;
       gap: 40rem;
    }
}
@media (max-width: 440px) {
    .mission_vision_content {
       gap: 30rem;
    }
}
.mission_vision_box {
    border: 4rem solid #007BBB;
    background-color: #fff;
    width: 650rem;
    height: 420rem;
    border-radius: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 834px) {
    .mission_vision_box {
        width: 550rem;
        height: 350rem;
        margin: 0 auto;
    }
}
@media (max-width: 440px) {
    .mission_vision_box {
        width: 100%;
        height: 250rem;
        border: 2rem solid #007BBB;
    }
}
.mission_vision_title {
    text-align: center;
    margin-bottom: 20rem;
}
@media (max-width: 440px) {
    .mission_vision_title {
        margin-bottom: 15rem;
    }  
}
.mission_vision_title span {
    font-size: 30rem;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .mission_vision_title span {
        font-size: 20rem;
    }
}
.mission_vision_title p {
    font-size: 80rem;
    font-weight: bold;
    color: rgba(0, 123, 187, 0.8);
}
@media (max-width: 834px) {
    .mission_vision_title p {
        font-size: 66rem;
    }
}
@media (max-width: 440px) {
    .mission_vision_title p {
        font-size: 50rem;
    }
}
.mission_vision_text {
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    text-align: center;
    line-height: 1.7;
}
@media (max-width: 834px) {
    .mission_vision_text {
        font-size: 22rem;
    }
}
@media (max-width: 440px) {
    .mission_vision_text {
        font-size: 18rem;
    }
}
.philosophy_wrapper {
    width: 1730rem;
    margin: 140rem auto;
}
@media (max-width: 834px) {
    .philosophy_wrapper {
        width: 90%;
        margin: 80rem auto;
    }
}
@media (max-width: 440px) {
    .philosophy_wrapper {
        margin: 60rem auto;
    }
}
.page_company_reason_item:nth-child(1) .reason_title p::before {
    background-image: url(https://ai-englab.com/wp-content/uploads/2025/12/握手のイラストアイコン素材-1.png);
}
.achievements_history_wrapper {
    width: 1200rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .achievements_history_wrapper {
        width: 85%;
    }
}
@media (max-width: 440px) {
    .achievements_history_wrapper {
        width: 90%;
    }
}
.achievements_box {
    width: 900rem;
    margin: 0 auto;
    border: 6rem solid #DCDCDC;
    background-color: #fff;
    border-radius: 10rem;
    padding: 60rem 150rem;
}
@media (max-width: 834px) {
    .achievements_box {
        width: 100%;
        padding: 40rem 60rem;
        border: 4rem solid #DCDCDC;
    }
}
@media (max-width: 440px) {
    .achievements_box {
        padding: 30rem 20rem;
    }
}
.achievements_history_title {
    font-size: 40rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #007BBB;
    text-align: center;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .achievements_history_title {
        font-size: 30rem;
        margin-bottom: 30rem;
    }
}
@media (max-width: 440px) {
    .achievements_history_title {
        font-size: 24rem;
        margin-bottom: 25rem;
    }
}
.achievements_list {
    display: flex;
    align-items: center;
    gap: 40rem;
    margin-bottom: 25rem;
}
@media (max-width: 834px) {
    .achievements_list {
        display: flex;
        align-items: center;
        gap: 20rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .achievements_list {
        gap: 15rem;
        margin-bottom: 15rem;
    }
}
.achievements_list:last-of-type {
    margin-bottom: 0;
}
.achievements_list dt {
    font-size: 28rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: #fff;
    background: linear-gradient(to right, #007BBB, #409CCC);
    border-radius: 100rem;
    width: 300rem;
    text-align: center;
    padding: 20rem;
}
@media (max-width: 834px) {
    .achievements_list dt {
        font-size: 22rem;
        width: 300rem;
        padding: 15rem;
    }
}
@media (max-width: 440px) {
    .achievements_list dt {
        font-size: 18rem;
        width: 220rem;
        padding: 12rem;
    }
}
.achievements_list dd {
    font-size: 28rem;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .achievements_list dd {
        font-size: 22rem;
    }
}
@media (max-width: 440px) {
    .achievements_list dd {
        font-size: 18rem;
    }
}
.history_box {
    width: 1100rem;
    margin: 80rem auto 0;
    border: 6rem solid #DCDCDC;
    background-color: #fff;
    border-radius: 10rem;
    padding: 60rem 120rem;
}
@media (max-width: 834px) {
    .history_box {
        width: 100%;
        margin: 40rem auto 0;
        padding: 40rem 60rem;
        border: 4rem solid #DCDCDC;
    }
}
@media (max-width: 440px) {
    .history_box {
        margin: 30rem auto 0;
        padding: 30rem 20rem;
    }
}
.history_list {
    display: flex;
    align-items: center;
    gap: 40rem;
    padding-bottom: 30rem;
    margin-bottom: 30rem;
    border-bottom: 2.5rem solid #D3D3D3;
}
@media (max-width: 834px) {
    .history_list {
        gap: 20rem;
        padding-bottom: 20rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .history_list {
        flex-direction: column;
        align-items: start;
        padding-bottom: 15rem;
        margin-bottom: 15rem;
        gap: 10rem;
    }
}
.history_list:last-of-type {
    margin-bottom: 0;
}
.history_list dt {
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    width: 185rem;
}
@media (max-width: 834px) {
    .history_list dt {
        font-size: 22rem;
        width: 140rem;
    } 
}
@media (max-width: 440px) {
    .history_list dt {
        font-size: 18rem;
        width: 100%;
    } 
}
.history_list dd {
    font-size: 28rem;
    letter-spacing: 0.03em;
    flex: 1;
}
@media (max-width: 834px) {
    .history_list dd {
        font-size: 20rem;
    } 
}
@media (max-width: 440px) {
    .history_list dd {
        font-size: 18rem;
    } 
}
.message_wrapper {
    width: 1435rem;
    margin: 140rem auto;
}
@media (max-width: 834px) {
    .message_wrapper {
        width: 85%;
        margin: 80rem auto;
    }
}
@media (max-width: 440px) {
    .message_wrapper {
        width: 90%;
        margin: 60rem auto;
    }
}
.message_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 834px) {
    .message_box {
        flex-direction: column-reverse;
    }
}
.message_content {
    width: 925rem;
}
@media (max-width: 834px) {
    .message_content {
        width: 100%;
    }
}
.message_content h3 {
    font-size: 44rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.5;
    background: linear-gradient(to right, #007BBB, #409CCC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .message_content h3 {
        font-size: 34rem;
        margin-bottom: 30rem;
    }
}
@media (max-width: 440px) {
    .message_content h3 {
        font-size: 24rem;
        margin-bottom: 20rem;
        line-height: 1.4;
    }
}
.message_content p {
    font-size: 25rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
    margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .message_content p {
        font-size: 20rem;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .message_content p {
        font-size: 18rem;
        margin-bottom: 15rem;
    }
}
.message_content span {
    font-size: 25rem;
    letter-spacing: 0.03em;
    font-weight: bold;
}
@media (max-width: 834px) {
    .message_content span {
        font-size: 20rem;
    }
}
@media (max-width: 440px) {
    .message_content span {
        font-size: 18rem;
    }
}
.message_ceo_image {
    width: 520rem;
}
@media (max-width: 834px) {
    .message_ceo_image {
        width: 350rem;
    }
}
@media (max-width: 440px) {
    .message_ceo_image {
        width: 250rem;
    }
}
.message_ceo_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.company_contact_wrapper {
    width: 1560rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .company_contact_wrapper {
        width: 85%;
    }
}
@media (max-width: 440px) {
    .company_contact_wrapper {
        width: 90%;
    }
}
.company_contact_content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60rem;
}
@media (max-width: 834px) {
    .company_contact_content {
       flex-direction: column;
        margin-bottom: 50rem;
        gap: 30rem;
    }
}
@media (max-width: 440px) {
    .company_contact_content {
        margin-bottom: 30rem;
        gap: 20rem;
    }
}
.company_contact_box {
    width: 750rem;
    border: 8rem solid #007BBB;
    background-color: #fff;
    border-radius: 10rem;
    padding: 65rem 30rem;
}
@media (max-width: 834px) {
    .company_contact_box {
        width: 100%;
        border: 6rem solid #007BBB;
        padding: 40rem 30rem;
    }
}
@media (max-width: 440px) {
    .company_contact_box {
        border: 4rem solid #007BBB;
        padding: 30rem 15rem;
    }
}
.company_contact_title {
    background-color: #2E4053;
    border-radius: 100rem;
    font-size: 36rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.03em;
    text-align: center;
    padding: 20rem 40rem;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .company_contact_title {
        font-size: 26rem;
        padding: 20rem 30rem;
        width: 80%;
        margin: 0 auto 30rem;
    }
}
@media (max-width: 440px) {
    .company_contact_title {
        font-size: 18rem;
        padding: 15rem 20rem;
        width: 100%;
        margin: 0 auto 15rem;
    }
}
.company_contact_text {
    font-size: 28rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
    text-align: center;
    margin-bottom: 40rem;
}
@media (max-width: 834px) {
    .company_contact_text {
        font-size: 20rem;
        margin-bottom: 30rem;
    } 
}
@media (max-width: 440px) {
    .company_contact_text {
        font-size: 17rem;
        margin-bottom: 20rem;
    } 
}
.company_contact_link {
    font-size: 24rem;
    color: #fff;
    font-weight: bold;
    width: 485rem;
    height: 90rem;
    line-height: 1.4;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .company_contact_link {
        font-size: 20rem;
        width: 450rem;
        height: 70rem;
    }
}
@media (max-width: 440px) {
    .company_contact_link {
        font-size: 16rem;
        width: 360rem;
        height: 52rem;
    }
}
.big_company_contact {
    background: linear-gradient(to right, #007BBB, #409CCC);
    border-radius: 10rem;
    color: #fff;
    padding: 60rem;
}
@media (max-width: 834px) {
    .big_company_contact {
        padding: 40rem;
    }
}
@media (max-width: 440px) {
    .big_company_contact {
        padding: 30rem 20rem;
    }
}
.big_company_contact_title {
    font-size: 44rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 40rem;
    text-align: center;
}
@media (max-width: 834px) {
    .big_company_contact_title {
        font-size: 34rem;
        margin-bottom: 30rem;
    }
}
@media (max-width: 440px) {
    .big_company_contact_title {
        font-size: 26rem;
        margin-bottom: 20rem;
    }
}
.big_company_contact_text {
    font-size: 25rem;
    letter-spacing: 0.03em;
    margin-bottom: 40rem;
    text-align: center;
    line-height: 1.5;
}
@media (max-width: 834px) {
    .big_company_contact_text {
        font-size: 20rem;
        margin-bottom: 30rem;
    }
}
@media (max-width: 440px) {
    .big_company_contact_text {
        font-size: 18rem;
        margin-bottom: 20rem;
    }
}
.big_company_contact_tel_mail {
    inline-size: fit-content;
    margin-inline: auto;
}
.big_company_contact_tel_mail p {
    font-size: 30rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
}
@media (max-width: 834px) {
    .big_company_contact_tel_mail p {
        font-size: 20rem;
    } 
}
@media (max-width: 440px) {
    .big_company_contact_tel_mail p {
        font-size: 18rem;
    } 
}
.privacy_wrapper {
    width: 1300rem;
    margin: 140rem auto;
}
@media (max-width: 834px) {
    .privacy_wrapper {
        width: 85%;
        margin: 80rem auto;
    }
}
@media (max-width: 440px) {
    .privacy_wrapper {
        width: 90%;
        margin: 60rem auto;
    }
}
.privacy_terms_box {
    background-color: #FAFAFA;
    border: 6rem solid #DCDCDC;
    border-radius: 10rem;
    padding: 60rem;
}
@media (max-width: 834px) {
    .privacy_terms_box {
        padding: 40rem 30rem;
    }
}
@media (max-width: 440px) {
    .privacy_terms_box {
        padding: 30rem 20rem;
        border: 4rem solid #DCDCDC;
    }
}
.privacy_terms_list {
    border-bottom: 3rem solid #DCDCDC;
    margin-bottom: 30rem;
    padding: 0 2% 30rem 2%;
}
@media (max-width: 834px) {
    .privacy_terms_list {
        border-bottom: 2rem solid #DCDCDC;
        margin-bottom: 20rem;
        padding: 0 2% 20rem 2%;
    }
}
@media (max-width: 440px) {
    .privacy_terms_list {
        margin-bottom: 15rem;
        padding: 0 0 15rem 0;
    }
}
.privacy_terms_list:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.privacy_terms_list dt {
    font-size: 30rem;
    font-weight: bold;
    letter-spacing: 0.03em;
    margin-bottom: 15rem;
}
@media (max-width: 834px) {
    .privacy_terms_list dt {
        font-size: 22rem;
    }  
}
@media (max-width: 440px) {
    .privacy_terms_list dt {
        font-size: 18rem;
        margin-bottom: 10rem;
    }  
}
.privacy_terms_list dd {
    font-size: 25rem;
    line-height: 1.6;
    letter-spacing: 0.03em;
}
@media (max-width: 834px) {
    .privacy_terms_list dd {
        font-size: 20rem;
    }  
}
@media (max-width: 440px) {
    .privacy_terms_list dd {
        font-size: 18rem;
    }  
}
.terms_wrapper {
    width: 1300rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .terms_wrapper {
        width: 85%;
    }
}
@media (max-width: 440px) {
    .terms_wrapper {
        width: 90%;
    }
}
.white_bg {
    background-color: #fff;
}
/* 下層〜会社概要 */

/* 下層〜お問い合わせ完了 */
.contact_thanks_wrapper {
    width: 1000rem;
    margin: 140rem auto;
}
@media (max-width: 834px) {
    .contact_thanks_wrapper {
        width: 85%;
        margin: 60rem auto 80rem;
    }
}
@media (max-width: 440px) {
    .contact_thanks_wrapper {
        width: 90%;
        margin: 40rem auto 60rem;
    }
}
.thanks_text {
    font-size: 30rem;
    letter-spacing: 0.03em;
    line-height: 1.6;
    text-align: center;
}
@media (max-width: 834px) {
    .thanks_text {
        font-size: 22rem;
    }
}
@media (max-width: 440px) {
    .thanks_text {
        font-size: 18rem;
    }
}
/* 下層〜お問い合わせ完了 */

/* パンくず */
.fbc-page .fbc-wrap .fbc-items {
	padding: 15rem 4% 0 4%!important;
	 line-height: 1!important;
     font-size: 25rem;
     display: flex;
     align-items: center;
     flex-wrap: wrap;
}
@media (max-width: 834px) {
    .fbc-page .fbc-wrap .fbc-items {
         font-size: 20rem;
         line-height: 1.4!important;
    }
}
@media (max-width: 440px) {
    .fbc-page .fbc-wrap .fbc-items {
         font-size: 16rem;
         padding: 8rem 2% 0 2%!important;
    }
}
.fbc-page .fbc-wrap .fbc-items {
    background-color: transparent!important;
}
.fbc-page .fbc-wrap .fbc-items li {
	padding:0!important;
	 margin-right: 4px!important;
	 margin-left: 4px!important;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
    margin-right: 4px!important;
}
 .fbc-separator {
	color:#000036!important;
}
.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text {
    line-height: 1.5;
}
.fbc-page .fbc-wrap .fbc-items li a {
    color: #007BBB;
    font-weight: bold;
}
/* パンくず */

.contact_form {
    width: 1180rem;
    margin: 0 auto;
}
@media (max-width: 834px) {
    .contact_form {
        width: 100%;
    }
}
/* contact7 */
.contact_item {
   display: flex;
   margin-bottom: 30rem;
}
@media (max-width: 834px) {
    .contact_item {
        flex-direction: column;
        align-items: start;
        margin-bottom: 20rem;
    }
}
@media (max-width: 440px) {
    .contact_item {
        margin-bottom: 18rem;
    }
}
.required {
    font-size: 34rem;
    color: #dc3232;
    font-weight: normal;
    margin-left: 5rem;
}
@media (max-width: 834px) {
    .required {
        font-size: 16rem;
    }
}
.form_section_title {
    font-size: 25rem;
    font-weight: 600;
    flex: 1;
	letter-spacing: 0.03em;
    display: flex;
    align-items: center;
}
@media (max-width: 834px) {
    .form_section_title {
        font-size: 20rem;
        width: 100%;
    }
}
@media (max-width: 440px) {
    .form_section_title {
        width: 100%;
    }
}
.contact_item_textarea {
    align-items: start;
}
.contact_item_textarea .form_section_title {
    margin-top: 10rem;
}
@media (max-width: 440px) {
    .contact_item_textarea .form_section_title {
        margin-top: 0;
    }
}
.wpcf7-form-control {
    background-color: #fff;
    width: 830rem;
     height: 65rem; 
    font-size: 25rem;
    padding: 20rem;
	letter-spacing: 0.03em;
    border: 1px solid #C0C0C0;
    border-radius: 5rem;
}
@media (max-width: 834px) {
    .wpcf7-form-control {
        font-size: 20rem;
        width: 710rem;
        height: 50rem;
        margin-top: 15rem;
    }
}
@media (max-width: 440px) {
    .wpcf7-form-control {
        padding: 15rem 10rem;
        width: 396rem;
        margin-top: 10rem;
    }
}
.wpcf7-textarea {
    background-color: #fff;
    width: 830rem;
    height: 300rem;
    padding: 20rem;
	resize: vertical;
    line-height: 1.4;
    border-radius: 5rem;
}
@media (max-width: 834px) {
    .wpcf7-textarea {
        width: 710rem;
        height: 250rem;
    }
}
@media (max-width: 440px) {
    .wpcf7-textarea {
        height: 200rem;
        width: 396rem;
        padding: 10rem;
    }
}
.wpcf7-submit {
    font-size: 25rem;
    color: #fff;
    background: linear-gradient(to right, #FF7A00, #FF9B40);
    font-weight: bold;
    width: 350rem;
    height: 90rem;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10rem;
    margin: 20rem auto 0;
    border: none;
    transition: all 0.4s;
    border: 4rem solid #FF9B40;
 }
@media (min-width: 835px) {
    .wpcf7-submit:hover {
        background: #fff;
        color: #FF7A00;
    }
}
 @media (max-width: 834px) {
    .wpcf7-submit {
        font-size: 20rem;
        height: 70rem;
        border: none;
     }
 }
 @media (max-width: 440px) {
    .wpcf7-submit {
        font-size: 18rem;
        margin: 12rem auto 0;
		height:60rem;
        width: 350rem;
     }
 }
.wpcf7-spinner {
	display: none!important;
}
.wpcf7-list-item {
    display: flex!important;
    align-items: center;
}
.wpcf7-list-item:first-child {
    margin-left: 0;
} 
.wpcf7-not-valid-tip {
    margin-top: 12rem;
    font-size: 18rem!important;
    color: #dc3232;
    display: block;
}
@media (max-width: 834px) {
    .wpcf7-not-valid-tip {
        font-size: 14rem!important;
    }
}
@media (max-width: 440px) {
    .wpcf7-not-valid-tip {
        font-size: 12rem!important;
    }
}
.wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 0!important;
	border-color: #dc3232!important;
	font-size: 23rem!important;
    line-height: 1.6;
    border: none!important;
    color: #dc3232;
    text-align: center;
}
@media (max-width: 834px) {
    .wpcf7 form .wpcf7-response-output {
        font-size: 18rem!important;
    }
}
@media (max-width: 440px) {
    .wpcf7 form .wpcf7-response-output {
        padding: 0!important;
        font-size: 16rem!important;
    }
}
.wpcf7 form.sent .wpcf7-response-output {
    font-size: 25rem!important;
    line-height: 1.5;
    border: none;
	color: #2E4053!important;
} 
@media (max-width: 834px) {
    .wpcf7 form.sent .wpcf7-response-output {
        font-size: 18rem!important;
    } 
}
.screen-reader-response {
    display: none;
}
.submit_text {
    font-size: 23rem;
    letter-spacing: 0.03em;
    text-align: center;
    margin-top: 35rem;
    line-height: 1.4;
}
@media (max-width: 834px) {
    .submit_text {
        font-size: 18rem;
    }
}
@media (max-width: 440px) {
    .submit_text {
        font-size: 16rem;
        margin-top: 20rem;
    }
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder { 
    color: #D3D3D3; 
}
/* turnstile〜中央&css */
div.cf-turnstile {
    display: flex!important;
    justify-content: center!important;
	margin-top:40rem!important;
	margin-bottom: 35rem!important;
}
@media (max-width: 834px) {
	div.cf-turnstile {
}
}
@media (max-width: 440px) {
	div.cf-turnstile {
	margin-top: 20rem!important;
}
}
/* turnstile〜中央&css */
/* contact7 */

/* ページ内外リンク位置調整 */
.link-position {
    top: 50rem;
    display: block;
    position: relative;
}
@media (max-width: 834px) {
    .link-position {
        top: 0;
    }
}
/* ページ内外リンク位置調整 */

/* カルーセル*/
.slick-slide {
    margin: 0 20rem;
}
@media (max-width: 440px) {
.slick-slide {
    margin: 0 8rem;
}
}
.slick-prev {
    left: 14.5%;
    top: 48%;
  }
  @media (max-width: 440px) {
    .slick-prev {
        left: 3%;
      }
  }
  @media (max-width: 390px) {
	  .slick-prev {
        left: 3.5%;
      }
}
  .slick-next {
    right: 14.5%;
    top: 48%;
  }
  @media (max-width: 440px) {
    .slick-next {
        right: 3%;
      }
  }
  @media (max-width: 390px) {
.slick-next {
        right: 3.5%;
      }
}
.slick-prev, .slick-next {
    background-color: #fff;
    border: 2rem solid #007BBB;
    border-radius: 50%;
    width: 45rem;
    height: 45rem;
    z-index: 1;
  }
  @media (max-width: 440px) {
    .slick-prev, .slick-next {
        width: 35rem;
        height: 35rem;
      }
  }
  .slick-prev:before {
    content: '<';
    font-size: 26rem;
    margin-left: 13rem;
    opacity: 1!important;
    line-height: 0.3;
    color: #007BBB;
  }
_::-webkit-full-page-media, _:future, :root .slick-prev:before {
	 margin-left: 11rem;
	 line-height: 0.4;
}
  @media (max-width: 440px) {
    .slick-prev:before {
        font-size: 18rem;
        margin-left: 10rem;
        opacity: 1!important;
        line-height: 0.3;
      }
	  _::-webkit-full-page-media, _:future, :root .slick-prev:before {
	 margin-left: 10rem;
}
  }
@media (max-width: 390px) {
	  _::-webkit-full-page-media, _:future, :root .slick-prev:before {
	 margin-left: 9.5rem;
}
  }
  .slick-next:before {
      content: '>';
      font-size: 26rem;
      margin-left: 15rem;
      opacity: 1!important;
      line-height: 0.3;
      color: #007BBB;
  }
_::-webkit-full-page-media, _:future, :root .slick-next:before {
	 margin-left: 14rem;
	 line-height: 0.4;
}
  @media (max-width: 440px) {
    .slick-next:before {
        font-size: 18rem;
        margin-left: 11rem;
    }
  }
 @media (max-width: 390px) {
    .slick-next:before {
        margin-left: 12rem;
    }
	 _::-webkit-full-page-media, _:future, :root .slick-next:before {
	 margin-left: 11.5rem;
}
  }
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    color: #007BBB!important;           
    background-color: #fff!important;
    outline: none;                      
  }
  .slick-list {
    /* overflow: visible!important; */
  }
/* カルーセル*/

/* カルーセル時に slick のスライド高さを揃える */
@media (max-width: 834px) {
    .slick-initialized .slick-track {
      display: flex !important;
      align-items: stretch !important;
    }
    .slick-slide {
      height: auto !important;   
      display: flex !important;    
    }
    .solutions_item,
    .cases_item,
    .partners_item,
    .support_item {
      display: flex;
      flex-direction: column;
    }
  }
/* カルーセル時に slick のスライド高さを揃える */


/* TOPセクションタイトルをスクロール後、下から表示 */
.fadeUp_ft {
    animation-name:fadeUpAnime_ft;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    @keyframes fadeUpAnime_ft{
      from {
        opacity: 0;
      transform: translateY(50px);
      }
    
      to {
        opacity: 1;
      transform: translateY(0);
      }
    }
    .fadeup_title_ft {
        opacity: 0; 
        transition: opacity 1s ease-out; 
      }
      .fadeup_title_ft.fadeUp_ft {
        opacity: 1; 
      }
.fadeUp_sec {
    animation-name:fadeUpAnime_sec;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    @keyframes fadeUpAnime_sec{
      from {
        opacity: 0;
      transform: translateY(100px);
      }
    
      to {
        opacity: 1;
      transform: translateY(0);
      }
    }
    .fadeup_title {
        opacity: 0; 
        transition: opacity 1s ease-out; 
      }
      .fadeup_title.fadeUp_sec {
        opacity: 1; 
      }
/* TOPセクションタイトルをスクロール後、下から表示 */