@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@400;500;600&display=swap');
.pc_hidden {
    display: none;
}
.ambassador {
    width: 100%;
    padding-top: 96px;
}
.ambassador .header_lp {
    width: 100%;
    max-width: calc(100% - 5%);
    margin: 50px auto 150px;
}
.ambassador .header_lp .h_area {
    padding: 20px 0;
    display: flex;
    text-align: left;
    position: relative;
}
.ambassador .header_lp .h_area .mark {
    width: 300px;
}
.ambassador .header_lp .h_area .mark img {
    width: 100%;
    object-fit: contain;
}
.ambassador .header_lp .h_area .h_area_inner {
    width: 100%;
    max-width: calc(100% - 210px);
    margin-left: 40px;
    display: flex;
    flex-direction: column;
}
.ambassador .header_lp .h_area h2 {
    font-size: 3.2rem;
    font-weight: 500;
    color: #333333;
}
.ambassador .header_lp .h_area .h_area_inner ul {
    display: flex;
}
.ambassador .header_lp .h_area .h_area_inner ul li {
    margin-right: 15px;
}
.ambassador .header_lp .h_area .h_area_inner ul li p {
    font-size: 2.8rem;
    font-weight: 500;
    color: #333333;
}
.ambassador .header_lp .h_area p {
    font-size: 1.6rem;
    margin-top: 10px;
    text-align: left;
}
.ambassador .slider {
    width: 100%;
    margin-top: 20px;
    position: relative;
}
.ambassador .slider div {
    width: 100%;
}
.ambassador .slider div img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: contain;
}
.ambassador .slider .slick-arrow {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}
.ambassador .slider .slick-arrow img {
    filter: invert(4%) sepia(2%) saturate(9%) hue-rotate(314deg) brightness(107%) contrast(65%);
    width: 100%;
    object-fit: contain;
}
.ambassador .slider .slick-prev {
    left: -15px;
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
}

.ambassador .slider .slick-next {
    right: -15px;
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
}
.ambassador .slider .slick-prev.slick-disabled,
.ambassador .slider .slick-next.slick-disabled {
    display: none !important;
}
.ambassador .slider .slick-num {
    width: 100%;
    font-size: 2.0rem;
    font-weight: 500;
    text-align: center;
    padding: 10px;
    margin-inline: 5px;
    color: #fff;
    background-color: #333333;
}
.ambassador .infomation_area {
    width: 100%;
    margin: 100px auto 0;
    text-align: center;
}
.ambassador .infomation_area .button {
    width: 100%;
    max-width: 360px;
    height: 60px;
    position: relative;
}
.ambassador .infomation_area .btn_color {
    background: #00b995;
}
.ambassador .infomation_area p {
    width: 90%;
    font-size: 2.2rem;
    font-weight: 600;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    
}
@media screen and ( min-width: 1240px ) {
    .ambassador .header_lp {
        width: 100%;
        max-width: 1100px;
        margin: 50px auto 150px;
    }
}
@media screen and ( max-width: 767px ) {
    .pc_hidden {
        display: block;
    }
    .ambassador {
        padding-top: 70px;
        /* height: calc(100vh - 70px); */
    }
    .ambassador .header_lp {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
    .ambassador .header_lp .h_area {
        width: 100%;
        max-width: calc(100% - 32px);
        margin: 0 auto;
        padding-bottom: 10px;
    }
    .ambassador .header_lp .h_area p {
        font-size: 1.1rem;
        margin-top: 10px;
        text-align: left;
    }
    .ambassador .header_lp .h_area .mark {
        width: 100px;
    }
    .ambassador .header_lp .h_area .h_area_inner {
        width: 100%;
        max-width: 100%;
        margin-left: 0px;
    }
    .ambassador .header_lp .h_area .h_area_inner h2 {
        width: 100%;
        max-width: 100%;
        font-size: 1.6rem;
        line-height: normal;
        position: relative;
    }
    .ambassador .slider {
        margin-top: 0;
    }
    .ambassador .slider .slick-arrow {
        top: 48%;
    }
    .ambassador .slider .slick-prev,
    .ambassador .slider .slick-next {
        width: 24px;
        height: 24px;
    }
    .ambassador .slider .slick-num {
        width: 100%;
        max-width: calc(100% -32px);
        margin: 0 auto;
        font-size: 1.6rem;
        font-weight: 500;
        text-align: center;
        padding: 5px;
    }
    .ambassador .infomation_area {
        margin: 40px auto;
    }
    .ambassador .infomation_area .button {
        width: 100%;
        max-width: calc(100% - 32px);
        height: 50px;
    }
    .ambassador .infomation_area p {
        font-size: 1.6rem;
    }
    .ambassador .header_lp .h_area .h_area_inner ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 5px;
    }
    .ambassador .header_lp .h_area .h_area_inner ul li {
        margin-right: 5px;
    }
    .ambassador .header_lp .h_area .h_area_inner ul li p {
        font-size: 1.2rem;
        margin-top: 5px;
    }
}