/* guide_mv */
.guide_mv {
    z-index: 100;
}
.guide_mv_anker.common_mv_anker {
    width: calc(1020 / var(--view-size) * 100vw);
}
.guide_mv_anker.common_mv_anker .common_mv_btn {
    width: calc(250 / var(--view-size) * 100vw);
    letter-spacing: 0;
}
.guide_mv_bottom {
    bottom: calc(0 / var(--view-size) * 100vw);
}
.guide_mv_top {
    bottom: calc(-99.7 / var(--view-size)* 100vw);
    height: calc(100 / var(--view-size) * 100vw);
}

/* guide_about */
.guide_about_section {
    padding: calc(15 / var(--view-size) * 100vw) 0 calc(55 / var(--view-size) * 100vw) 0;
    position: relative;
    background-color: #F1F1F1;
}
.guide_about_section .inner {
    position: relative;
    z-index: 100;
}
.guide_about_top {
    position: absolute;
    top: 0;
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(100% 100%, 100% 0, 0 0);
    height: calc(100 / var(--view-size) * 100vw);
    background-color: #FCC800;
}
.guide_about_section .common_ttl_02 {
    text-align: center;
}
.guide_about_box {
    border: calc(8 / var(--view-size) * 100vw) solid #333;
    padding: calc(50 / var(--view-size) * 100vw);
    padding-bottom: calc(30 / var(--view-size) * 100vw);
    background-color: #FCC800;
    border-radius: calc(30 / var(--view-size) * 100vw);
    margin-bottom: calc(40 / var(--view-size) * 100vw);
    position: relative;
}
.guide_about_text {
    font-size: calc(24 / var(--view-size) * 100vw);
    text-align: center;
}

/* guide_kinds */
.guide_kinds_section {
    position: relative;
    background-color: #F1F1F1;
    padding-bottom: calc(20 / var(--view-size) * 100vw);
}
.guide_kinds_section .inner {
    position: relative;
    z-index: 100;
}
.guide_kinds_box {
    padding: calc(50 / var(--view-size) * 100vw);
    background-color: #fff;
    border-radius: calc(30 / var(--view-size) * 100vw);
}
.guide_kinds_section .common_ttl_02 {
    text-align: center;
}
.guide_kinds_row {
    width: calc(690 / var(--view-size) * 100vw);
    margin: 0 auto;
}
.guide_kinds_item {
    width: calc(320 / var(--view-size) * 100vw);
    text-align: center;
    margin-bottom: calc(35 / var(--view-size) * 100vw);
}
.guide_kinds_item:nth-last-child(1),
.guide_kinds_item:nth-last-child(2) {
    margin-bottom: 0;
}
.guide_kinds_item img {
    margin-bottom: calc(15 / var(--view-size) * 100vw);
}
.guide_kinds_name {
    font-size: calc(24 / var(--view-size) * 100vw);
    font-weight: 800;
    letter-spacing: calc(-1 / var(--view-size) * 100vw);
}
.guide_kinds_bottom {
    background-color: #0068B7;
    height: calc(200 / var(--view-size) * 100vw);
    clip-path: polygon(100% 100%, 100% 0, 0 100%);
    position: absolute;
    bottom: 0;
    width: calc(1360 / var(--view-size) * 100vw);
}

/* guide_point */
.guide_point_section {
    position: relative;
    background-color: #F1F1F1;
    padding: calc(20 / var(--view-size) * 100vw) 0;
}
.guide_point_section .inner {
    position: relative;
    z-index: 100;
}
.guide_point_top {
    position: absolute;
    top: calc(-0.3 / var(--view-size) * 100vw);
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(100% 0, 0 0, 0 100%);
    height: calc(100 / var(--view-size) * 100vw);
    background-color: #0068B7;
}
.guide_point_section .common_ttl_02 {
    text-align: center;
}
.guide_point_box {
    padding: calc(50 / var(--view-size) * 100vw);
    background-color: #fff;
    border-radius: calc(30 / var(--view-size) * 100vw);
}
.guide_point_group {
    background-color: #F1F1F1;
    padding: calc(40 / var(--view-size) * 100vw);
    border-radius: calc(30 / var(--view-size) * 100vw);
    margin-bottom: calc(30 / var(--view-size) * 100vw);
}
.guide_point_group:last-child {
    margin-bottom: 0;
}
.guide_point_group h4 {
    text-align: center;
    color: #0068B7;
    font-size: calc(24 / var(--view-size) * 100vw);
    margin-bottom: calc(50 / var(--view-size) * 100vw);
    font-weight: 800;
}
.guide_point_cate {
    margin-bottom: calc(50 / var(--view-size) * 100vw);
}
.guide_point_cate:last-child {
    margin-bottom: 0;
}
.guide_point_cate_name_wrap {
    text-align: center;
    position: relative;
}
.guide_point_cate_name_wrap:after {
    content: "";
    background-color: #FCC800;
    height: calc(1 / var(--view-size)* 100vw);
    width: calc(980 / var(--view-size)* 100vw);
    position: absolute;
    top: calc(15 / var(--view-size)* 100vw);
    left: 0;
    z-index: 0;
}
.guide_point_cate_name {
    background-color: #FCC800;
    display: inline-block;
    border-radius: calc(40 / var(--view-size)* 100vw);
    padding: calc(3 / var(--view-size)* 100vw) calc(20 / var(--view-size)* 100vw);
    position: relative;
    text-align: center;
    margin-bottom: calc(30 / var(--view-size)* 100vw);
    z-index: 100;
    font-weight: 800;
}
.guide_point_item {
    width: calc(225 / var(--view-size)* 100vw);
    margin-right: calc(25 / var(--view-size)* 100vw);
    text-align: center;
}
.guide_point_item:last-child {
    margin-right: 0;
}
.guide_point_item img {
    margin-bottom: calc(10 / var(--view-size)* 100vw);
}
.guide_point_name {
    text-align: center;
    font-weight: 800;
    position: relative;
    display: inline;
}
.guide_point_name_sub {
    font-size: calc(12 / var(--view-size)* 100vw);
}
.guide_point_caption {
    position: absolute;
    font-size: calc(14 / var(--view-size)* 100vw);
    font-weight: normal;
    right: calc(-15 / var(--view-size)* 100vw);
    top: calc(-8 / var(--view-size)* 100vw);
}
.guide_point_caption_text {
    margin-top: calc(30 / var(--view-size)* 100vw);
    text-align: center;
    font-size: calc(12 / var(--view-size)* 100vw);
}
.guide_point_bottom {
    background-color: #009944;
    height: calc(200 / var(--view-size) * 100vw);
    clip-path: polygon(100% 100%, 0 0, 0 100%);
    position: absolute;
    bottom: 0;
    width: calc(1360 / var(--view-size) * 100vw);
}

/* guide_rule */
.guide_rule_section {
    position: relative;
    background-color: #F1F1F1;
    padding: calc(20 / var(--view-size) * 100vw) 0 calc(100 / var(--view-size) * 100vw);
}
.guide_rule_section .inner {
    position: relative;
    z-index: 100;
}
.guide_rule_top {
    position: absolute;
    top: calc(-0.3 / var(--view-size) * 100vw);
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    height: calc(100 / var(--view-size) * 100vw);
    background-color: #009944;
}
.guide_rule_section .common_ttl_02 {
    text-align: center;
}
.guide_rule_box {
    border: calc(8 / var(--view-size)* 100vw) solid #333;
    padding: calc(50 / var(--view-size)* 100vw) calc(40 / var(--view-size)* 100vw);
    background-color: #FCC800;
    border-radius: calc(30 / var(--view-size)* 100vw);
    margin-bottom: calc(40 / var(--view-size)* 100vw);
    position: relative;
}
.guide_rule_ttl {
    text-align: center;
    position: relative;
    margin-bottom: calc(30 / var(--view-size)* 100vw);
}
.guide_rule_ttl::before {
    content: "";
    width: 100%;
    height: calc(8 / var(--view-size)* 100vw);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    border-radius: calc(4 / var(--view-size)* 100vw);
}
.guide_rule_ttl p {
    background-color: #FCC800;
    padding: 0 calc(10 / var(--view-size)* 100vw);
    display: inline-block;
}
.guide_rule_ttl_white {
    font-size: calc(22 / var(--view-size)* 100vw);
    color: #fff;
    font-weight: 800;
    position: relative;
    z-index: 100;
    letter-spacing: 0;
    position: absolute;
    inset: 0;
}
.guide_rule_ttl_shadow {
    font-weight: 800;
    font-size: calc(22 / var(--view-size)* 100vw);
    color: #333;
    -webkit-text-stroke: calc(7 / var(--view-size)* 100vw) #333;
    letter-spacing: 0;
    transform: translateY(calc(2 / var(--view-size)* 100vw));
    display: inline-block;
    background-color: #FCC800;
    padding: 0 calc(10 / var(--view-size)* 100vw);
}

.guide_rule_list {
    margin-bottom: calc(50 / var(--view-size)* 100vw);
}
.guide_rule_list li {
    background-color: #fff;
    padding: calc(15 / var(--view-size)* 100vw) calc(10 / var(--view-size)* 100vw);
    border-radius: calc(40 / var(--view-size)* 100vw);
    margin-bottom: calc(10 / var(--view-size)* 100vw);
    text-align: center;
}
.guide_rule_list li:last-child {
    margin-bottom: 0;
}

.guide_rule_row {
    margin-bottom: calc(60 / var(--view-size)* 100vw);
}
.guide_rule_box_02 {
    background-color: #FFE47D;
    padding: calc(30 / var(--view-size) * 100vw);
    border: calc(4 / var(--view-size) * 100vw) solid #333;
    border-radius: calc(30 / var(--view-size) * 100vw);
    /* width: calc(462 / var(--view-size) * 100vw); */
    width: 100%;
    margin-bottom: calc(30 / var(--view-size) * 100vw);
}
.guide_rule_personal{
    background: #FFFFCC;
    border-radius: calc(30 / var(--view-size) * 100vw);
    margin-top: calc(30 / var(--view-size) * 100vw);
    text-align: center;
    padding: calc(20 / var(--view-size) * 100vw) calc(10 / var(--view-size) * 100vw);
}
.guide_rule_personal_midashi{
    font-size: calc(22 / var(--view-size) * 100vw);   
    font-weight: 800;
    margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.guide_rule_personal_txt{
    font-size: calc(16 / var(--view-size) * 100vw);   
}
.guide_rule_personal_txt a{
    color: #0068B7;
}
.guide_rule_box_02:last-child{
    margin-bottom: 0;
}
.guide_rule_box_02 .text_read {
    font-weight: 700;
}
.guide_rule_ttl_02 {
    text-align: center;
    position: relative;
    margin-bottom: calc(10 / var(--view-size) * 100vw);
}
.guide_rule_ttl_02::before {
    content: "";
    width: 100%;
    height: calc(4 / var(--view-size)* 100vw);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    border-radius: calc(2 / var(--view-size)* 100vw);
}
.guide_rule_ttl_02 h5 {
    background-color: #FFE47D;
    padding: 0 calc(10 / var(--view-size)* 100vw);
    display: inline-block;
    position: relative;
    z-index: 100;
    font-weight: 800;
    font-size: calc(22 / var(--view-size)* 100vw);
}
.guide_rule_ttl_02 h5 .text_large {
    font-size: calc(32 / var(--view-size)* 100vw);
}
.guide_rule_box_02 .guide_rule_list {
    margin-bottom: 0;
}
.guide_rule_box_02 .guide_rule_list li {
    font-size: calc(16 / var(--view-size)* 100vw);
}
.guide_rule_detail .guide_rule_ttl_02 {
    margin-bottom: calc(40 / var(--view-size)* 100vw);
}
.guide_rule_detail .guide_rule_ttl_02 h5 {
    background-color: #FCC800;
}
.guide_rule_site {
    margin-bottom: calc(20 / var(--view-size)* 100vw);
    text-align: center;
}
.guide_rule_site:last-child {
    margin-bottom: 0;
}
.guide_rule_site h5 {
    font-size: calc(20 / var(--view-size)* 100vw);
}
.guide_rule_site_link {
    font-size: calc(20 / var(--view-size)* 100vw);
    color: #0068B7;
    font-weight: 800;
}
.guide_rule_section .inner {
    background-color: #fff;
    border-radius: calc(30 / var(--view-size)* 100vw);
    padding: calc(50 / var(--view-size)* 100vw);
}
.guide_rule_point .guide_rule_list,
.guide_rule_ban .guide_rule_list {
    margin-bottom: 0;
}

.guide_rule_caption li {
    font-size: calc(12 / var(--view-size)* 100vw);
}

/* guide_test */
.guide_test_section {
    padding-bottom: calc(20 / var(--view-size) * 100vw);
    position: relative;
    background-color: #F1F1F1;
}
.guide_test_section .inner {
    position: relative;
    z-index: 100;
}
.guide_test_section .common_ttl_02 {
    text-align: center;
}
.guide_test_img {
    width: calc(560 / var(--view-size) * 100vw);
}
.guide_test_box {
    text-align: center;
    background-color: #fff;
    border-radius: calc(30 / var(--view-size) * 100vw);
    margin-bottom: calc(40 / var(--view-size) * 100vw);
    padding: calc(20 / var(--view-size) * 100vw) 0;
    width: calc(580 / var(--view-size) * 100vw);
}
.guide_test_text {
    font-weight: 700;
}
.guide_test_text span {
    font-weight: 800;
}
.guide_test_btn a {
    background-color: #009944;
    border-radius: calc(60 / var(--view-size) * 100vw);
    font-size: calc(20 / var(--view-size) * 100vw);
    width: calc(345 / var(--view-size) * 100vw);
    margin: 0 auto;
}
.guide_test_bottom {
    background-color: #FCC800;
    height: calc(200 / var(--view-size) * 100vw);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    position: absolute;
    bottom: 0;
    width: calc(1360 / var(--view-size) * 100vw);
}

/* guide_faq */
.guide_faq_section {
    padding: calc(80 / var(--view-size) * 100vw) 0 calc(100 / var(--view-size) * 100vw);
    position: relative;
    background-color: #F1F1F1;
}
.guide_faq_section .inner {
    position: relative;
    z-index: 100;
}
.guide_faq_section .common_ttl_02 {
    text-align: center;
}
.guide_faq_top {
    position: absolute;
    top: calc(-0.3 / var(--view-size) * 100vw);
    width: calc(1360 / var(--view-size) * 100vw);
    clip-path: polygon(0 0, 0 100%, 100% 0);
    height: calc(150 / var(--view-size) * 100vw);
    background-color: #FCC800;
}
.guide_mv_anker .common_mv_btn p {
    display: inline-block;
}

html[lang="en"] .guide_mv_anker.common_mv_anker {
    width: calc(1060 / var(--view-size)* 100vw);
}

@media screen and (max-width: 768px) {
    .guide_mv_anker .common_mv_btn {
        position: relative;
    }
    .guide_mv_anker .common_mv_btn p {
        position: absolute;
        left: calc(20 / var(--view-size) * 100vw);
        top: calc(20 / var(--view-size) * 100vw);
    }
    .guide_mv_bottom {
        bottom: calc(410 / var(--view-size)* 100vw);
        height: calc(82 / var(--view-size) * 100vw);
    }
    .guide_mv_top.common_mv_top_02 {
        height: calc(27 / var(--view-size) * 100vw);
        bottom: calc(383.5 / var(--view-size)* 100vw);
    }
    .guide_mv_anker.common_mv_anker {
        width: calc(345 / var(--view-size) * 100vw);
    }
    .guide_mv_anker.common_mv_anker .common_mv_btn {
        width: calc(345 / var(--view-size) * 100vw);
    }

    /* guide_about */
    .guide_about_section {
        padding: calc(70 / var(--view-size)* 100vw) 0 calc(35 / var(--view-size)* 100vw) 0;
    }
    .guide_about_box {
        padding: calc(30 / var(--view-size)* 100vw) calc(24 / var(--view-size)* 100vw) calc(50 / var(--view-size)* 100vw);
        margin-bottom: 0;
    }
    .guide_about_box .common_ttl_02 {
        margin-bottom: calc(20 / var(--view-size)* 100vw);
    }
    .guide_about_box .common_ttl_02 .common_edging_ttl,
    .guide_about_box .common_ttl_02 .common_edging_text,
    .guide_kinds_box .common_ttl_02 .common_edging_ttl,
    .guide_kinds_box .common_ttl_02 .common_edging_text,
    .guide_point_box .common_ttl_02 .common_edging_ttl,
    .guide_point_box .common_ttl_02 .common_edging_text,
    .guide_rule_box .common_ttl_02 .common_edging_ttl,
    .guide_rule_box .common_ttl_02 .common_edging_text,
    .guide_test_section .common_ttl_02 .common_edging_ttl,
    .guide_test_section .common_ttl_02 .common_edging_text,
    .guide_faq_section .common_ttl_02 .common_edging_ttl,
    .guide_faq_section .common_ttl_02 .common_edging_text {
        font-size: calc(32 / var(--view-size)* 100vw);
    }
    .guide_about_text {
        font-size: calc(18 / var(--view-size)* 100vw);
        text-align: left;
    }

    html[lang="en"] .guide_mv_anker.common_mv_anker {
        width: 100%;
    }
    html[lang="en"] .guide_mv_anker.common_mv_anker .common_mv_btn {
        font-size: calc(14 / var(--view-size)* 100vw);
    }
    html[lang="en"] .guide_about_section .guide_edging_ttl .sp_db:last-child,
    html[lang="en"] .guide_about_section .common_edging_text .sp_db:last-child {
        display: none;
    }


    /* guide_kinds */
    .guide_kinds_box {
        padding: calc(20 / var(--view-size)* 100vw) calc(30 / var(--view-size)* 100vw);
    }
    .guide_kinds_row {
        padding: 0 calc(5 / var(--view-size)* 100vw);
        width: 100%;
    }
    .guide_kinds_item {
        width: calc(130 / var(--view-size)* 100vw);
        margin-bottom: calc(20 / var(--view-size)* 100vw);
    }
    .guide_kinds_item:nth-last-child(3) {
        margin-bottom: calc(20 / var(--view-size)* 100vw);
    }
    .guide_kinds_name {
        font-size: calc(18 / var(--view-size)* 100vw);
        line-height: 1.1;
    }
    .guide_kinds_bottom {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(82 / var(--view-size)* 100vw);
    }

    /* guide_point */
    .guide_point_section {
        padding-top: calc(10 / var(--view-size)* 100vw) 0;
    }
    .guide_point_top {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(27 / var(--view-size)* 100vw);
        top: calc(-0.5 / var(--view-size) * 100vw);
    }
    .guide_point_box {
        padding: calc(20 / var(--view-size)* 100vw);
    }
    .guide_point_group h4 {
        margin-bottom: calc(30 / var(--view-size)* 100vw);
        font-size: calc(22 / var(--view-size)* 100vw);
    }
    .guide_point_group {
        padding: calc(15 / var(--view-size)* 100vw) calc(30 / var(--view-size)* 100vw);
        margin-bottom: calc(20 / var(--view-size)* 100vw);
    }
    .guide_point_cate_name_wrap:after {
        width: calc(245 / var(--view-size)* 100vw);
    }
    .guide_point_item {
        width: calc(115 / var(--view-size)* 100vw);
        margin-right: calc(12 / var(--view-size)* 100vw);
        margin-bottom: calc(20 / var(--view-size)* 100vw);
    }
    .guide_point_item:nth-child(2n) {
        margin-right: 0;
    }
    .guide_point_item:nth-last-child(1),
    .guide_point_item:nth-last-child(2) {
        margin-bottom: 0;
    }
    .guide_point_cate {
        margin-bottom: calc(30 / var(--view-size)* 100vw);
    }
    .guide_point_caption_text {
        text-align: left;
    }
    .guide_point_bottom {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(41 / var(--view-size)* 100vw);
    }
    .guide_point_name {
        line-height: 1.1;
        display: inline-block;
    }

    /* guide_rule */
    .guide_rule_top {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(27 / var(--view-size)* 100vw);
    }
    .guide_rule_section {
        padding-bottom: calc(40 / var(--view-size)* 100vw);
    }
    .guide_rule_section .inner {
        padding: calc(15 / var(--view-size)* 100vw);
        padding-bottom: calc(25 / var(--view-size)* 100vw);
    }
    .guide_rule_box {
        padding: calc(20 / var(--view-size)* 100vw) calc(20 / var(--view-size)* 100vw);
        padding-bottom: calc(50 / var(--view-size)* 100vw);
    }
    .guide_rule_list {
        margin-bottom: calc(30 / var(--view-size)* 100vw);
    }
    .guide_rule_list li {
        font-size: calc(18 / var(--view-size)* 100vw);
        border-radius: calc(15 / var(--view-size)* 100vw);
        text-align: left;
        padding: calc(10 / var(--view-size)* 100vw);
    }
    .guide_rule_box_02 {
        width: 100%;
        padding: calc(20 / var(--view-size)* 100vw);
        margin-bottom: calc(5 / var(--view-size)* 100vw);
    }
    .guide_rule_box_02 .guide_rule_ttl_02 {
        margin-bottom: calc(3 / var(--view-size)* 100vw);
    }
    .guide_rule_personal{
        margin-top: calc(20 / var(--view-size)* 100vw);
        border-radius: calc(15 / var(--view-size)* 100vw);
    }
    .guide_rule_personal_midashi{
        font-size: calc(16 / var(--view-size)* 100vw);
    }
    .guide_rule_personal_txt{
        text-align: left;
    }
    .guide_rule_ttl_02 h5 {
        padding: 0 calc(3 / var(--view-size)* 100vw);
    }
    .guide_rule_box_02:last-child {
        margin-bottom: 0;
    }
    .guide_rule_box_02 .guide_rule_list li {
        font-size: calc(16 / var(--view-size)* 100vw);
    }
    .guide_rule_detail .guide_rule_ttl_02 h5 {
        letter-spacing: calc(-1 / var(--view-size)* 100vw);
    }
    .guide_rule_site {
        text-align: left;
    }
    .guide_rule_site h5,
    .guide_rule_site_link {
        font-size: calc(16 / var(--view-size)* 100vw);
        word-wrap:break-word;
    }
    .guide_rule_ttl_02 {
        margin-bottom: calc(20 / var(--view-size)* 100vw);
    }
    .guide_rule_site {
        margin-bottom: calc(10 / var(--view-size)* 100vw);
    }
    .guide_rule_site:last-child {
        margin-bottom: 0;
    }
    .guide_rule_row {
        margin-bottom: calc(30 / var(--view-size)* 100vw);
    }
    .guide_rule_ttl p {
        padding: 0 calc(6 / var(--view-size)* 100vw);
    }
    .guide_rule_ttl {
        margin-bottom: calc(25 / var(--view-size)* 100vw);
    }

    /* guide_test */
    .guide_test_row {
        flex-direction: column-reverse;
    }
    .guide_test_img {
        width: calc(320 / var(--view-size)* 100vw);
        margin: 0 auto;
        margin-bottom: calc(40 / var(--view-size)* 100vw);
    }
    .guide_test_box {
        width: calc(345 / var(--view-size)* 100vw);
        margin-bottom: calc(20 / var(--view-size)* 100vw);
        padding: calc(20 / var(--view-size)* 100vw) calc(40 / var(--view-size)* 100vw);
        text-align: left;
    }
    .guide_test_bottom {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(55 / var(--view-size)* 100vw);
    }

    /* guide_faq */
    .guide_faq_section {
        padding-top: calc(40 / var(--view-size)* 100vw);
        padding-bottom: calc(60 / var(--view-size)* 100vw);
    }
    .guide_faq_top {
        width: calc(375 / var(--view-size)* 100vw);
        height: calc(41 / var(--view-size)* 100vw);
        top: calc(-0.5 / var(--view-size) * 100vw);
    }
    .common_faq_cont {
        margin-top: calc(20 / var(--view-size)* 100vw);
    }
}