#main-visual{
    background:url(../images/start-up-top-vl.jpg);
    text-align:center;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
}

.st-number{
    background:#F7FFF5;
    text-align: center;
    padding:2% 0;
}

.st-number > h3{
    margin-top:8%;
    color:#689576;
    font-weight:bold;
    display: inline-block;
    width:3rem;
    height: 3rem;
    background: #ffffff;
    border:2px solid #689576;
    border-radius: 1.5rem;
    line-height: 3rem;
}

.st-number > p{
    color:#707070;
    font-weight:bold;
}

.box-header{
    text-align: center;
}

.fnt-green{
    color:#689576;
}

section > p{
    line-height:3.1rem;
}

#start-up-closing{
    padding:5%;
}

#contact-btn{
    margin:0 auto 13%;
    width:80%;
    height:4rem;
    text-align:center;
    background:#689576;
    border-radius:2rem;
}
   
#contact-btn-txt{
    margin:3%;
    font-size:1.5rem;
    font-weight:bold;
    line-height:4rem;
    color:#ffffff;
}

#contact-btn:hover{
    opacity:0.7;
    transition-duration: 1s;
}

.closing-txt{
    margin-top:18%;
}

.closing-txt > p{
    font-weight:bold;
}

/*スマートフォン（横向き）用の設定*/
@media screen and (min-width:667px) and (min-height:375px){
    #start-up-closing{
        padding:5% 3%;
    }

    #contact-btn{
        margin:8% auto 5%;
    }
}

/*タブレット（縦向き）用の設定*/
@media screen and (min-width:820px) and (min-height:1180px){
    h2{
        font-size:3rem;
    }

    #start-up-closing{
        text-align:center;
    }
}

/*タブレット（横向き）用の設定*/
@media screen and (min-width:1180px) and (min-height:820px){
    #start-up-closing{
        text-align:center;
    }

}

@media screen and (min-width:1366px){
    .box{
        width:100%;
        max-width:1200px;
        margin:0 auto;
    }

    .st-number{
        padding:4% 0;
    }

    .st-number > h3{
        margin:0;
    }

    .st-number > p{
        margin:20px 0 0 0;
    }

    section > p{
        text-align: center;
    }

    #start-up-closing{
        text-align:center;
    }
}