@charset "UTF-8";

/*　
---------------------------------------------------------*/


.outreach{
    position: relative;
    z-index: 1;
}
.outreach_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;
}


.outreach_mes{
    font-size: var(--f16);
    margin-bottom: 3.7rem;
}
.outreach_tyme{
  display: grid;
  grid-template-columns: max(7.3rem,46px) 1fr;
  border: 1px solid;
  border-image: linear-gradient(101.22deg, #090E2A 7.92%, #326ADB 30.07%, #D0D4E5 73.34%) 1;
  padding: 2.5rem 5.4rem;
  margin-bottom: 3rem;
}
.outreach_tyme dt{}
.outreach_tyme dd{}
.outreach_come{
    font-size: var(--f16);
    margin-bottom: 9rem;
}
.outreach_file{
    display: grid;
    gap: 1.4rem;
}
.outreach_file li{
    position: relative;
    z-index: 1;
    line-height: var(--line-height-min);
    padding-left: max(1.2rem,11px);
}
.outreach_file li:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: #333;
    width: 5px;
    height: 5px;
    top: max(1rem,8px);
    left: 0;
    border-radius: 100px;
}




.outreach .c-textSlide2{
    top: 10rem;
}
.outreach .c-textSlide2_main{
    width: 495rem;
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .outreach{}
    .outreach_inner{
    padding-top: 7rem;
    padding-bottom: 6rem;
}

    .outreach_mes{
    font-size: 1.4rem;
    margin-bottom: 2rem;
}
    .outreach_tyme{
    padding: 1rem 2rem;
    grid-template-columns: 5rem 1fr;
    margin-bottom: 2rem;
}
    .outreach_tyme dt{}
    .outreach_tyme dd{}
    .outreach_come{
    font-size: 1.4rem;
    margin-bottom: 6rem;
}
    .outreach_file{}
    .outreach_file li{}
    .outreach_file li:before{
    top: 0.8rem;
}


    .outreach .c-textSlide2{
    top: 4rem;
}
    .outreach .c-textSlide2_main{
        width: 247rem;
    }

}

/*　
---------------------------------------------------------*/


.contact{
    position: relative;
    z-index: 1;    
}
.contact_inner{
    padding-top: 18rem;
    padding-bottom: 18rem;
    position: relative;
    z-index: 5;
}
.contact_box{
    background: rgba(48, 59, 101, 0.1);
    text-align: center;
    padding: 4rem 3rem 5rem;
    margin-bottom: 8.6rem;
}
.contact_box_name{
    font-size: var(--f20);
    margin-bottom: 1.3rem;
}
.contact_box_tel{
    display: inline-block;
    align-items:center;
}
.contact_box_tel_no{
    font-weight: 500;
    font-size: 4.4rem;
    line-height: 140%;
}
.contact_box_tel_dai{
    font-size: 2.4rem;
    position: relative;
    z-index: 1;
    bottom: 1rem;
}
.contact_box_mes{
    font-weight: var(--font-bold);
    font-size: var(--f15);
    line-height: var(--line-height-sub);
    margin-top: 0.7rem;
}
.contact_main{
    background: #fff;
    color: var(--color-black);
    padding: 8rem 7rem;
}
.contact_main a{
    color: var(--color-black);
}

.contact .c-textSlide2{
    top: 10rem;
}
.contact .c-textSlide2_main{
    width: 577rem;
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .contact{}
    .contact_inner{
    padding-top: 7rem;
    padding-bottom: 6rem;
    }
    .contact_box{
    padding: 2rem 2rem 3rem;
    margin-bottom: 5.6rem;
}
    .contact_box_name{
    font-size: 1.4rem;
    margin-bottom: .3rem;
}
    .contact_box_tel{}
    .contact_box_tel_no{
    font-size: 2.6rem;
}
    .contact_box_tel_dai{
    font-size: 1.8rem;
    bottom: 0.3rem;
}
    html[lang="en"] .contact_box_tel_dai{
        display: block;
}
    .contact_box_mes{
    font-size: 1.2rem;
}
    .contact_main{
    padding: 2rem 2rem;
}

    .contact .c-textSlide2{
    top: 4rem;
}
    .contact .c-textSlide2_main{
        width: 287rem;
    }
}