/*スマートフォン（縦向き）用の設定*/
.slider-visual{
    width:100vw;
    height:91vh;
    margin-bottom: 5%;
    padding-top:28%;
}

.slider-visual:nth-child(1){
    background:url(../images/slide-img.jpg);
    background-size: cover;
    background-position-x: 26%;
}

.slider-visual:nth-child(2){
    background:url(../images/sample-slide-img-02.jpg);
    background-size: cover;
}

.slider-visual:nth-child(3){
    background:url(../images/sample-slide-img-03.jpg);
    background-size: cover;
}

.bx-wrapper {
    margin: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
  }

.bxslider img{
  width: 100% !important;
  height: auto !important;
}

#news-feed{
    width:100%;
    height:50vh;
}

#txt-pass{
    /*color:#F8BCE4;*/
    color:#ff0000;
}

h2{
    text-align: center;
    margin: 2.5rem 0;
}

h3{
    color:#659274;
    font-size: 2rem;
}

section{
    margin-bottom: 25%;
}

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

section > ul{
    padding: 0;
}

section > ul > li{
    list-style-type: none;
    font-size: 1.4rem;
    line-height: 2.5rem;
    margin: 1.5rem 0;
}

.attend{
    color:#000000;
    font-weight: bold;
}

.fnt-green-bld{
    color:#689576;
    font-weight: bold;
}

.fnt-blue-bld{
    color:#002c5b;
    font-weight:bold;
}

.main-vl-catch-copy-top-sp{
    background:#ffffff;
    opacity: 0.8;
    font-weight: bold;
    /*color: #659274;*/
    color:#002c5b;
    font-size:2.8rem;
    width:90%;
    height:80%;
    margin:0 auto;
    border-radius: 2rem;
    padding: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-vl-catch-copy-top{
    display:none;
}


/*スマートフォン（横向き）用の設定*/
@media screen and (min-width:667px) and (min-height:375px){
    .slider-visual{
        padding-top:5.5%;
    }

    .slide-catch-copy{
        width:70%;
        height:70%;
    }

    h2{
        font-size: 2.5rem;
    }

    section{
        margin-bottom: 15%;
    }
}

/*タブレット（縦向き）用の設定*/
@media screen and (min-width:820px) and (min-height:1180px){
    .slider-visual{
        padding-top:20%;
    }

    .slide-catch-copy{
        width:80%;
        height:80%;
    }

    section{
        margin-bottom: 13%;
    }
}

@media screen and (min-width:768px) and (min-height:1024px){
    .slider-visual{
        padding-top:17.5%;
    }
}

/*タブレット（横向き）用の設定*/

@media screen and (min-width:1024px) and (min-height:768px){
    .slider-visual {
        padding-top: 15.5%;
    }   

    section{
        max-width:1200px;
        margin:0 auto;
        margin-top:10%;
        margin-bottom:10%;
        text-align: center;
    }
}

@media screen and (min-width:1180px) and (min-height:820px){
    .slider-visual {
        padding-top: 14%;
    }
}

/*PCサイト用の設定*/
@media screen and (min-width:1366px){
    .slider-visual{
        width:100%;
        padding-top: 11%;
    }

    #news-feed{
        height:65vh;
    }

    .main-vl-catch-copy-top-sp{
        display: none;
    }

    .main-vl-catch-copy-top{
        background:#ffffff;
        opacity: 0.8;
        font-weight: bold;
        /*color: #659274;*/
        color:#002c5b;
        width:90%;
        height:80%;
        margin:0 auto;
        border-radius: 2rem;
        padding: 5%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size:4.2rem;
        line-height: 7rem;
    }

    h2{
        font-size:5.5rem;
        line-height: 10rem;
        text-align: center;
    }

    section{
        max-width:80%;
        margin: 0 auto;
        margin-top:10%;
        margin-bottom:6%;
        text-align: center;
    }

    section > p{
        font-size:2.1rem;
        line-height: 3.7rem;
    }
   
}