@media screen and (max-width: 768px) {
    /* 5-1 */
    .gu5_1_list{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: 15px;
        gap: 10px;
    }
    .gu5_1_list img{
        width: 40vw;
    }
    .gu5_1_check_box{
        background: #eaebf1;
        width: 100%;
        padding: 30px 20px;
        box-sizing: border-box;
        border-radius: 5px;
    }
    .gu5_1_check_box li{
        display: inline-flex;
        align-items: flex-start;
        gap: 10px;
        font-size: clamp(14px, 3.8vw, 16px);
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: 0.05em;
        padding-bottom: 15px;
    }
    .gu5_1_check_box li img{
        width: 20px;
        padding-top: 3px;
    }
    .gu5_1_hakase{
        width: 80px;
        display: block;
        margin: auto;
    }
    .gu5_1_point_txt{
        padding: 30px 15px !important;
        padding-right: 23% !important;
    }

     /* 5-2 */

     .gu5_2_top{
        display: flex;
        gap: 15px;
        align-items: center;
    }
    .gu5_2_hakase01{
        width: 80px;
    }
    .gu5_2_hakase02{
        width: 680px;
        margin: auto;
        display: block;
        padding-top: 30px;
    }
    .gu5_2_ng_flex{
        padding-top: 30px;
    }
    .gu5_2_ng_flex img{
        width: 120px;
        display: block;
        margin: auto;
        padding-top: 20px;
    }
    .gu5_2_ng_flex li{
        width: 300px;
        height: 40px;
        display: grid;
        place-content: center;
        border: 3px solid #626681;
        color: #626681;
        font-size: 15px;
        font-weight: bold;
        position: relative;
        border-radius: 10px;
        margin: auto;
    }
    .gu5_2_ng_flex li:not(:last-of-type){
        margin-bottom: 15px;
    }
    .gu5_2_ng_flex li::before{
        content: "";
        width: 40px;
        height: 40px;
        display: block;
        background: url(/guide_img/5-2/ng.png);
        background-size: cover;
        position: absolute;
        top: -15px;
        left: -15px;
    }

    /* 5-3 */
    .gu5_3_pc{
        display: none;
    }
    .gu5_3_1_flex h3{
        margin: 0 0 10px 0;
        font-size: clamp(18px, 4.8vw, 20px);
        line-height: 1.5;
        font-weight: 600;
    }
    .gu5_3_1_flex h3 span, .gu5_3_num{
        width: 24px;
        height: 24px;
        display: inline-grid;
        place-content: center;
        color: #fff;
        background: #7f84b1;
        border-radius: 99px;
        box-sizing: border-box;
        margin-right: 10px;
        line-height: 1;
    }
    .gu5_3_1_flex img{
        display: block;
        margin: auto;
        padding-top: 15px;
    }
    .gu5_3_tuyomi{
        display: block;
        background: #fff;
        border: 2px solid #7f84b1;
        margin-top: 20px;
    }
    .gu5_3_tuyomi li{
        width: 100%;
        display: flex;
        height: 120px;
    }
    .gu5_3_tym_left{
        width: 40%;
        height: 100%;
        background: #7f84b1;
        box-sizing: border-box;
        display: grid;
        place-content: center;
    }
    .gu5_3_tuyomi li:not(:last-of-type) .gu5_3_tym_left{
        border-bottom: 1px solid #fff;
    }
    .gu5_3_tym_left img{
        display: block;
        margin: auto;
    }
    .gu5_3_tym_left p{
        color: #fff;
        font-size: clamp(14px, 3.8vw, 16px);
        font-weight: 600;
        text-align: center;
        padding-top: 5px;
    }
    .gu5_3_tym_right{
        width: 60%;
        height: 100%;
    }
    .gu5_3_tuyomi li:not(:last-of-type) .gu5_3_tym_right{
        border-bottom: 2px dotted #7f84b1;
    }
    .gu5_3_tym_right p{
        padding: 0 20px;
        height: 100%;
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
        align-items: center;
        display: flex;
        font-size: clamp(12px, 3.5vw, 14px);
    }
    .gu5_3_suriawase{
        margin: auto;
        display: block;
        padding-bottom: 20px;
        width: 180px;
    }
    .gu5_3_image_box{
        display: block;
        background: #fff;
        border-radius: 10px;
        border: 6px double #7f84b1;
        margin-top: 20px;
        padding: 15px 0px 10px;
    }
    .gu5_3_image_tit{
        font-size: clamp(18px, 4.8vw, 20px);
        font-weight: bold;
        color: #7f84b1;
        text-align: center;
    }
    .gu5_3_image_hakase{
        display: block;
        margin: auto;
        padding-top: 10px;
        width: 100px;
    }
    .gu5_3_image_flex div{
        width: 264px;
        margin: auto;
        display: block;
    }
    .gu5_3_image_flex p{
        font-size: clamp(12px, 3.5vw, 14px);
        line-height: 20px;
    }
    .gu5_3_image_flex li{
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: left;
        padding-top: 10px;
    }
    .gu5_3_check{
        width: 20px;
    }
    .gu_5_3_image_ex_end{
        text-align: right;
    }
    .gu5_3_point_title{
        margin-bottom: 10px;
        font-size: clamp(14px, 4vw, 16px);
        font-weight: bold;
        background: linear-gradient(transparent 60%, #ecedf3 60%);
        display: inline-block;
    }
    .gu5_3_point_txt{
        width: 78%;
        font-size: clamp(12px, 3.5vw, 14px);
    }
    .gu5_3_point_box_pc{
        width: 100%;
        border-radius: 10px;
        background: #ecedf3;
        padding: 35px 20px 20px;
        position: relative;
        margin-top: 50px;
        box-sizing: border-box;
    }
    .gu_5_3_point_tit_pc{
        font-size: clamp(18px, 4.8vw, 20px);
        font-weight: 600;
        color: #fff;
        background: #7f84b1;
        padding: 8px 25px;
        display: inline-block;
        box-sizing: border-box;
        width: auto;
        border-radius: 99px;
        position: absolute;
        top: -18px;
        left: 30px;
    }
    .gu5_3_point_gamen{
        width: 100%;
    }
    .gu5_3_point_box_pc ul{
        padding-top: 20px;
    }
    .gu5_3_point_box_pc li{
        display: block;
        width: 100%;
        background: #7f84b1;
        color: #fff;
        font-size: clamp(18px, 4.8vw, 20px);
        text-align: center;
        font-weight: 600;
        padding: 8px 10px;
        box-sizing: border-box;
    }
    .gu5_3_point_box_pc li:not(:last-of-type){
        margin-bottom: 10px;
    }
    .gu5_3_point_box_pc li span, .gu5_3_point_box_sp li span{
        width: 22px;
        height: 22px;
        display: inline-grid;
        place-content: center;
        color: #fff;
        border-radius: 99px;
        box-sizing: border-box;
        margin-right: 8px;
        line-height: 1;
        border: 1px solid #fff;
        font-size: clamp(14px, 4vw, 16px);
    }
    .gu5_3_point_box_pc li p{
        display: block;
        width: 100%;
        background: #fff;
        color: #333;
        font-size: clamp(14px, 3.8vw, 16px);
        font-weight: 500;
        text-align: left;
        padding: 8px;
        box-sizing: border-box;
        margin-top: 5px;
    }
    .gu5_3_chara_txt{
        justify-content: center;
        padding-top: 30px;
        align-items: center !important;
    }
    .gu5_3_chara_txt img{
        bottom: 5px !important;
    }
    .gu5_3_chara_txt p{
        width: 80%;
    }
    .gu5_3_chara_txt div{
        background: #fff;
    }
    .gu5_3_point_box_sp{
        width: 100%;
        border-radius: 10px;
        background: #f5e5e5;
        padding: 35px 20px 20px;
        position: relative;
        margin-top: 50px;
        box-sizing: border-box;
    }
    .gu_5_3_point_tit_sp{
        font-size: clamp(18px, 4.8vw, 20px);
        font-weight: 600;
        color: #fff;
        background: #cc7b7e;
        padding: 8px 25px;
        display: inline-block;
        box-sizing: border-box;
        width: auto;
        border-radius: 99px;
        position: absolute;
        top: -18px;
        left: 30px;
    }
    .gu5_3_sp_zyosyu_txt{
        display: flex;
        gap: 5px;
        align-items: center;
        padding-bottom: 10px;
        justify-content: center;
    }
    .gu5_3_sp_zyosyu_txt img{
        width: 18%;
    }
    .gu5_3_sp_zyosyu_txt p{
        background: #fff;
        border: 3px solid #cc7b7e;
        box-sizing: border-box;
        padding: 10px 15px;
        border-radius: 8px;
        font-size: clamp(14px, 3.8vw, 16px);
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: 0.05em;
    }
    .gu5_3_point_box_sp ul{
        padding-top: 20px;
    }
    .gu5_3_point_box_sp li{
        display: block;
        width: 100%;
        background: #cc7b7e;
        color: #fff;
        font-size: clamp(18px, 4.8vw, 20px);
        text-align: center;
        font-weight: 600;
        padding: 8px 10px;
        box-sizing: border-box;
    }
    .gu5_3_point_box_sp li:not(:last-of-type){
        margin-bottom: 10px;
    }
    .gu5_3_point_box_sp li p{
        display: block;
        width: 100%;
        background: #fff;
        color: #333;
        font-size: clamp(14px, 3.8vw, 16px);
        font-weight: 500;
        text-align: left;
        padding: 8px;
        box-sizing: border-box;
        margin-top: 5px;
    }

}
/* media screen fin */