@charset "utf-8";

.img{width:100%;}

a{color:black;
  text-decoration: none;}

a:hover{color:grey;}


.contents{width:100%;
          max-width: 500px;
          margin:0 auto;}

.logo{width:70%;
      margin:25px auto 20px auto;
      text-align: center;}

h1{font-size:17px;}

/* ビデオのスタイルここから */
.video-container {
    position: relative;
    width: 100%;                /* 親要素の幅に合わせる */
    padding-top: 56.25%;       /* 16:9の比率を保つ (9/16 = 0.5625) */
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;         /* 動画が枠いっぱいに表示されるよう調整 */
}
/* ビデオのスタイルここまで */

.concept{
    width:90%;
    max-width: 400px;
    margin:20px auto 20px auto;
}

h2{font-size:15px;}

h4{margin-top: 55px;
   font-size: 25px;}

  

h5{font-size: 20px;}

.explain{font-size:16px;
         width:70%;
         max-width: 350px;
         margin:0 auto;}

h6{margin-top: -20px;}

.circlemember{width:70%;
              max-width: 300px;
              height:750px;
              margin:0 auto;
            }

.box{width:34%;
     float:left;
     padding:10px;}            

.box img{width:100%;}

h7{font-size: 10px;}

h9{font-size: 8px;
   text-align: left;}

.school{width:75%;
        margin: 0 auto 50px auto;}

.banner{width:100%;}

.banner img{width:100%;}

h10{font-size:10px;}

h11{font-size: 12px;
    font-weight:bold;}

.contactbox{border: 2px solid #333;
            width:90%;
            max-width: 350px;
            margin:0 auto;
            padding:5px;}

.recruit{text-align: left;
         font-size: 14px;}    

.recruitconcept{
    width:70%;
    margin: 0 auto;
    font-size: 14px;
    text-align: left;;
}

.recruitconcept span{font-size: 10px;
                     color:red;}

.contact{font-size: 15px;
         text-align: left;}

.contact span{color:red;}



/* スマホ向け：10px～499pxまで */
@media only screen and (min-width: 10px) and (max-width:499px){

}


/* タブレット向けのレイアウトの指定：500px～960px */
@media only screen and (min-width:500px) and (max-width:960px){

}


/* PC向け全画面表示レイアウトの指定：961px以上 */
@media only screen and (min-width: 961px) {
}