.opencampus_cover{
    text-align: center;
}
.cover_main_img{
    width: 100%;
    max-width: 1200px;
}
.old_opencampus{
    background-color: #E3E2E2;
    /*margin: 15px 30px;*/
    margin: auto;
    padding: 8px 15px;
    font-size: 26px;
    text-align: left;
    font-weight: bold;
}
.campus_title{
    font-weight: bold;
    font-size: 33px;
    margin-top: 20px;

}
/*オープンキャンパスコンテンツ共通スタイル*/
.campus_contents{
    max-width: 100%;
    margin:auto;
    /*height: 300px;*/
}


.campus_contents .ver2021-contents-area{
    max-width: 1000px;
    margin:auto;
}
.campus_contents.title{
    /* max-width: 1000px; */
    max-height: 60px;
    background-color: #0E6747;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 35px;
}
/*オープンキャンパス画像スタイル*/
.campus_contents.photo{
    background-color: #FFFAEB;
}
.campus_contents.movie{
    background-color: #DDE6D7;
}
.campus_contents.questionnaire{
    background-color: #EBF3FA;
    clear: both;
}
.campus_contents.voice{
    background-color: #F4F4F4;
}
.movies--item{
    max-width: 381px;
    /* width: 381px; */
    margin: 25px auto;
	/* margin: 25px 85px; */
    /* background: #f3f3f3; */
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.movies--item a{
    background: #f3f3f3;
	margin: 0 25px;
	height: 100%;
}
.movies--item.second_contents{
    margin: 25px 30px;
}
/* .movies--item:hover{ */
.movies--item a:hover{
    -webkit-animation: btnAni 2s ease infinite reverse;
    animation: btnAni 2s ease infinite reverse;
    /* color: #fff; */
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    background-image: -webkit-linear-gradient(left, #026544, #1d7a44, #3c8e3f, #5da235, #83b524);
    background-image: linear-gradient(to right, #026544, #1d7a44, #3c8e3f, #5da235, #83b524);
    background-size: 135% 135%;
    box-shadow: 0 3px 11px -3px rgba(0, 0, 0, 0.6);
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.movies--item a:hover h3,
.movies--item a:hover p{
    color: #fff;
}
.btn-play{
    width: 70px;
    height: 80px;
    margin: -140px 150px;
}
.movies--item--description{
    padding: 15px;
    /* padding-top: 35px; */
}
.movies--item--title{
    margin: 0 0 16px;
    font-size: 256px;
    font-size: 16px;
    line-height: 1.3;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
}
.js_video_top{
    color: #000000;
    text-decoration: none;
}
.questionnaire_sp {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
}

.balloon1-left {
    position: relative;
    display: inline-block;
    margin: 1.5em;
    padding: 7px 10px;
    min-width: 120px;
    /* max-width: 33%; */
    color: #424242;
    font-size: 16px;
    background: #fff;
    vertical-align: top;
    border: 1px solid #676767;
}

.balloon1-left:before{
    content: "";
    position: absolute;
    top: 10%;
    left: -30px;
    /*margin-top: -8px;*/
    border: 15px solid transparent;
    border-right: 15px solid #676767;
    /*border: 1px solid #676767;*/
}
.balloon1-left:after {
    content: "";
    position: absolute;
    top: 10%;
    left: -28px;
    /*margin-top: -8px;*/
    border: 15px solid transparent;
    /*border-right: 15px solid #676767;*/
    border-right: 14px solid #fff;
}

.balloon1-left p {
    margin: 0;
    padding: 0;
}
.campus_hr{
    margin: 0.5em;
}
.questionnaire_detail{
    font-weight: bold;
    font-size: 15px;
}
.questionnaire_name{
    font-size: 13px
}
div.loader{
    border: none;
    -webkit-animation:none;
}
/*.staff_voice{
    width: 400px;
}*/
.ver2021-staff-voice {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
}
.ver2021-staff-voice img{
	flex-shrink: 1;
}
.staff_voice_img1{
    width: 400px;
    /* margin: 2em 3em 2em 4em; */
    margin: 2em;
}
.staff_voice_img2{
    width: 400px;
    margin: 2em 0em 2em 2em;
}
.gallery-contaier{
    margin: 0px 200px;
    margin-top: 20px;
}
.ver2021-gallery-contaier {
	margin: 0px auto;
	padding: 0 15px;
	max-width: 670px;
}
.mCSB_1_container{

}
.main_contens_section{
    min-width: 1040px;
    width: 100%;
}
.ver2021-main_contens_section {
    min-width: initial;
}
.gContent{
    margin: auto;
}
.voice_contents{
    margin: auto;
    max-width: 1200px;
    min-width: 1040px;
    width: 100%;
}
.contents_area{
    width: 1040px;
    margin: auto;
}
.movie_img_first{
    width: 381px;
    /* margin: -28px 0; */
}
/*昨年の履歴*/
.buttom_houkoku{
    text-decoration: none;
    padding: 5px 10px;
    color: #050e05;
    background-color: #AACE99;
    border-radius: 10px;
    border: #5c906b 1px solid;
    font-size: 20px;
    margin-right: 5px;
}
.contents_area.head{
    width: 100%;
    max-width: 1200px;
}
a:hover{
    color: #fff1e7;
}
.small_screen{
    display: none;
}
@media screen and (max-width: 767px){
    .campus_contents.title{
        margin: 0px 0px;
        font-size: 25px;
    }
    .main_contens_section {
        min-width: 100%;
    }
    .balloon1-left {
        margin: 0.5em 0 0.5em 0em;
        max-width: 80%;
    }
    /*PHOTOセクション*/
/*            .gallery-contaier{
        margin: 10px 0 0 0;
    }*/
    /*これが無いと画像一覧が消える*/
    ul .thumbs{
        padding: 0!important;
    }
    .gallery-contaier{
        /*margin: 30px 0px;*/
        margin: 0px 0px;
        /*margin-top: 20px;*/
        margin-top: 0px;
    }
    div.slideshow-container {
        background: #FFFAEB!important;
    }
    #mCSB_1_container{
        top: 0px!important;
    }
    #mCSB_2_container{
        top:0px!important;
    }
    div.slideshow img{
        height: auto!important;
    }
    #gallery{
        background:none!important;
    }
    div.navigation div.top{
        margin: 0px!important;
        height: 0px!important;
    }

    /*スタッフから一言セクション*/
    .staff_voice_img1{
        margin: 1em 1em 0 1em;
        width: 90%;
    }
    .staff_voice_img2{
        margin: 0 1em 1em 1em;
        width: 90%;
    }
    .contents_area {
        width: 90%;
    }
    /*声セクション*/
    .questionnaire_sp{
        text-align: center;
    }
    .questionnaire_detail{
        text-align: left;
    }
    .balloon1-left p{
        text-align: left;
    }
    /*動画セクション*/
    .movie_img_first{
        width: 100%;
    }
    .movies--item{
        width: 100%;
        margin: 10px auto;
        /* margin: 10px 0px; */
    }
    .movies--item.second_contents {
        margin: 10px 0px;
        margin-bottom: 40px;
    }
    .campus_title{
        font-size: 24px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .campus_title_img{
        zoom: 70%;
    }
    .contents_area.head{
        width: 100%;
    }
    .buttom_houkoku {
        font-size: 11px;
    }
    .old_opencampus {
        font-size: 14px;
        padding: 10px;
    }
    .buttom_houkoku {
        padding: 2px 10px;
    }
    .small_screen{
        display: none;
    }
}
@media screen and (max-width: 445px){
    .campus_title {
        font-size: 16px;
    }
    .campus_title_img {
        zoom: 50%;
    }
    .small_screen{
        display: none;
    }
}
/*画面小さい場合のボタン崩れ対処*/
@media screen and (max-width: 360px){
    .campus_title {
        font-size: 16px;
    }
    .campus_title_img {
        zoom: 50%;
    }
    .small_screen{
        display: block;
    }
}