#sec3_top{
    width: 100%;
    height: 35vw;
    background-image: url("../image/sec3_top.jpeg");
    background-size:100%;
    background-position:100%;
    background-repeat: no-repeat;
    position: relative; 
    display:inline-block;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.sec3_top_text{
    margin-top: 17vw;
    margin-left: 3vw;
}

.sec3_top_blacktext{
    font-size: 3vw;
    color: #404040;
    font-weight:750;
    line-height: 3vw;
}

.sec3_top_redtext{
    font-size: 4.2vw;
    color: #ec6f71;
    font-weight: bold;
    line-height: 6.5vw;
}

#sec3_parent{
    background-color: #fff;
    height:100%; 
    width: 100%;
    margin: 0 0 20px 0;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.sec3_headingText{
    margin-top: 6.5vw;
    font-size: 3vw;
    font-weight: bold;
    color: #52958B;
    text-align: center;
}

.sec3_explain{
    width: 86%;
    margin: 0 auto;
    margin-top:2vw;
    margin-bottom:1.8vw;
}

.sec3_explainText{
    font-size: 1.6vw;
    color: #000;
}

.sec3_redLetter{
    font-size: 2.5vw;
    color: #ec6f71;
    font-weight: bold;
}

.sec3_img{
    text-align: center;
}

#img-pc {
    width: 90% !important;
    height: auto;
    margin-bottom: 7vw;
}

#img-sp {
    display: none;
}

/* 文字の縁取り */
.sec2_textshadow{
    text-shadow:0.5px 0.5px 0 #FFF, -0.5px -0.5px 0 #FFF,
                -0.5px 0.5px 0 #FFF, 0.5px -0.5px 0 #FFF,
                0px 0.5px 0 #FFF,  0 -0.5px 0 #FFF,
                -0.5px 0 0 #FFF, 0.5px 0 0 #FFF;
}


@media screen and (max-width:768px) {
    .sec3_top_text{
        margin-top: 15vw;
    }
    
    .sec3_top_blacktext{
        font-size: 3.5vw;
        font-weight:750;
        line-height: 3vw;
    }
    
    .sec3_top_redtext{
        font-size: 5.5vw;
    }
    
    .sec3_headingText{
        margin-top: 11vw;
        font-size: 5vw;
    }

    .sec3_explain{
        width: 81%;
        margin: 0 auto;
        margin-top:4vw;
        margin-bottom:3vw;
    }

    .sec3_explainText{
        font-size: 2.5vw;
    }

    .sec3_redLetter{
        font-size: 5vw;
    }

    #img-pc {
        display: none;
    }

    #img-sp {
        display: block;
        width: 85% !important;
        height: auto;
        margin-bottom: 11vw;
        margin: auto;
    }

    .sec2_textshadow{
        text-shadow:0.1px 0.1px 0 #FFF, -0.1px -0.1px 0 #FFF,
                    -0.1px 0.1px 0 #FFF, 0.1px -0.1px 0 #FFF,
                    0px 0.1px 0 #FFF,  0 -0.1px 0 #FFF,
                    -0.1px 0 0 #FFF, 0.1px 0 0 #FFF;
    }
}

@media screen and (max-width:576px) {
    .sec3_top_text{
        margin-top: 12vw;
    }
    
    .sec3_top_blacktext{
        font-size: 4vw;
        font-weight:750;
        line-height: 3vw;
    }
    
    .sec3_top_redtext{
        font-size: 6vw;
    }
    
    .sec3_headingText{
        margin-top: 12vw;
        font-size: 6vw;
        font-weight: 800;
    }

    .sec3_explain{
        width: 81%;
        margin: 0 auto;
        margin-top:4vw;
        margin-bottom:3vw;
    }

    .sec3_explainText{
        font-size: 3.8vw;
        line-height: 6.5vw;
    }

    .sec3_redLetter{
        font-size: 6vw;
    }

    #img-pc {
        display: none;
    }

    #img-sp {
        display: block;
        width: 85% !important;
        height: auto;
        margin-bottom: 11vw;
        margin: auto;
    }

    .sec2_textshadow{
        text-shadow:0.1px 0.1px 0 #FFF, -0.1px -0.1px 0 #FFF,
                    -0.1px 0.1px 0 #FFF, 0.1px -0.1px 0 #FFF,
                    0px 0.1px 0 #FFF,  0 -0.1px 0 #FFF,
                    -0.1px 0 0 #FFF, 0.1px 0 0 #FFF;
    }
}