@charset "UTF-8";
/* ---------------- style ----------------- */
body {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

.wrap {
    width: 100vw;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.wrap a:hover {
    opacity: 0.6;
}

.wrap .p-box {
    position: relative;
}

.wrap .p-box .link_sec01_01_01 {
    position: absolute;
    top: 44%;
    right: 16.4%;
    width: min(25.3vw, 190px);
    height: min(5.1vw, 38px);
    cursor: pointer;
}

.wrap .p-box .link_sec01_01_02 {
    position: absolute;
    top: 64%;
    right: 14%;
    width: min(22.4vw, 168px);
    height: min(5.1vw, 38px);
    cursor: pointer;
}

.wrap .p-box .youtube-wrapper{
    position: absolute;
    bottom: 9%;
    left: 8%;
    width: 84%;
}

.wrap .p-box .youtube-wrapper .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.wrap .p-box .youtube-wrapper .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.wrap .p-box .link_sec01_03 {
    position: absolute;
    bottom: 46%;
    right: 16%;
    width: min(25.3vw, 190px);
    height: min(5.1vw, 38px);
    cursor: pointer;
}

.wrap .p-box .link_sec01_04 {
    position: absolute;
    top: 18%;
    right: 14.5%;
    width: min(22.4vw, 168px);
    height: min(5.1vw, 38px);
    cursor: pointer;
}

.wrap .p-box .link_campagin_03_01 {
    position: absolute;
    top: 18%;
    right: 40.5%;
    width: min(14.7vw, 110px);
    height: min(3.7vw, 28px);
    cursor: pointer;
}

.wrap .p-box .link_campagin_03_02 {
    position: absolute;
    top: 32%;
    right: 40.5%;
    width: min(14.7vw, 110px);
    height: min(3.7vw, 28px);
    cursor: pointer;
}

.wrap .p-box .link_campagin_08_01 {
    position: absolute;
    bottom: 25%;
    left: 9.9%;
    width: min(9.6vw, 72px);
    height: min(3.7vw, 28px);
    cursor: pointer;
}

.wrap .p-box .link_campagin_08_02 {
    position: absolute;
    bottom: 25%;
    left: 20%;
    width: min(13.3vw, 100px);
    height: min(3.7vw, 28px);
    cursor: pointer;
}

.wrap .btn_contact {
    width: 28.8%;
    margin: 6% auto 5%;
}

/* sec03_01 */
.wrap .sec03_01 {
    width: 84%;
    margin: 0 auto 6%;
    background: #f0f9ff;
}

.wrap .sec03_02 {
    width: 84%;
    margin: 0 auto;
    background: #fdf4f8;
}
.wrap .sec03_01 .btn,
.wrap .sec03_02 .btn {
    display: block;
    width: 89.5%;
    margin: 0 auto;
    border: none;
    background: transparent;
}

.wrap .sec03_02 .btn a {
    width: 100%;
}
.wrap .sec03_02 {
    width: 84%;
    margin: 0 auto;
}