@charset "utf-8";

/* キーカラー */
/* 
青
#0090FF

青紫
#7E6BFF

赤紫
#D670D3


薄グレー
#F2F2F2

紺
#123477

黄色
#FCE021

グラデオレンジ
#F7931E
#FCEE21
#FFCC33
#F7931E
 */



/* =======================================

reset

 ======================================= */
 

*{margin:0;padding:0;list-style:none;text-decoration: none;-webkit-text-size-adjust: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'Yu Gothic UI','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;/* line-height: 1.7em;
letter-spacing: 0.05em; */font-weight: 700;}



html, body, div, span, applet, object, iframe,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  -webkit-text-size-adjust: none;
}

#wrapper{
  width: 100%;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 1);
 
}

.fixed_wrapper{
margin-top: 148px;
 
}

a{
  transition: 0.2s ease-in-out;  
}

a:hover{
  transition: 0.2s ease-in-out;
  opacity: 0.5;
}


/*******************************
　　ヘッダー
*******************************/




header{

padding: 16px 0;

position: relative;

z-index: 1;

background: #fff;
}

header .inner{

display: flex;

justify-content: space-between;

width: 95%;

max-width: 960px;

margin: 0 auto;
}

header .inner .logo{

width: 24%;
}
header .inner .logo a{
display: block;
line-height: 0;
}
header .inner .logo a img{
  display: block;
  width: 100%;
  transition: 0.2s ease-in-out;
}

header .inner .logo a img:hover{
  display: block;
  width: 100%;
  transition: 0.2s ease-in-out;
}



header .inner .icon_block{width: 16%;display: flex;justify-content: space-between;}

header .inner .icon_block li{width: 22%;line-height: 1;}
header .inner .icon_block li a{
display: block;
}
header .inner .icon_block li a img{
width: 100%;
}







/* スクロール後ヘッダー固定レイアウト *//* スクロール後ヘッダー固定レイアウト *//* スクロール後ヘッダー固定レイアウト */
header.fixed_header{
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  z-index: 100000;
 
  position: fixed;
  /* display: flex; */
  flex-direction: row-reverse;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0px;
  transition: 0.2s ease-in-out;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
padding: 8px 0 8px 0;
}

header.fixed_header .logo{

}


/* スクロール後ヘッダー固定レイアウト ここまで*/


/* ヘッダーここまで */



/* ボタン共通設定 */
.btn01 {
  display: block;
  margin: 0;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.btn01 a {
    width: 100%;
    color: #ffffff;
    background: #19508c;
    display: block;
    padding: 8px 16px;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    font-weight: bold;
    font-size: 16px;
    border: 1px #19508c solid;
}
.btn01 a i{

}
.btn01:hover a{
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
transition: 0.2s ease-in-out;
color: #19508c;
background: #fff;
border: 1px #19508c solid;
}

.btn02 {
display: block;
margin: 0;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.btn02 a {
  width: 100%;
  color: #19508c;
  background: #fff;
  display: block;
  padding: 8px 16px;
  text-align: center;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  font-weight: bold;
  font-size: 16px;
  border: 1px #19508c solid;
}
.btn02 a i{

}
.btn02:hover a{
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
transition: 0.2s ease-in-out;
color: #fff;
background: #19508c;
border: 1px #fff solid;
}



/* ボタン共通設定ここまで */












#mainImage{
position:relative;
}

#mainImage .inner{width: 100%;max-width: 960px;display: flex;margin: 0px auto;padding: 32px 0;justify-content: space-between;z-index: 1;position: relative;}



#mainImage .catch{
  max-width: 374px;
  margin-top: 10%;
}

#mainImage .catch img{

width: 100%;
}
#mainImage figure{
  max-width: 755px;
}
#mainImage figure img{

width: 100%;
}
#mainImage::after{content: "";background: linear-gradient(67deg,#7E6BFF,#7e6bff,#0090FF,#d670d3,#D670D3);width: 150%;height: 700px;position: absolute;top: -21%;left: -25%;z-index: 0;border-radius: 95% 95% 95% 95%;}







main{

}



/* 学部紹介 */
.gakubu_info{justify-content: flex-end;width: 100%;max-width: 960px;display: flex;margin: 0px auto 64px;flex-wrap: wrap;}

.gakubu_info h2{
  width: 100%;
  position: relative;
  z-index: 1;
}
.gakubu_info h2 img{
  width: 100%;
}

.gakubu_info figure:nth-of-type(1){

  margin-left: 0%;
}
.gakubu_info figure{
  width: calc(80% / 3);
  margin-top: -24px;
  margin-left: 7%;
  position: relative;
  z-index: 0;
}
.gakubu_info figure a{
  
}
.gakubu_info figure a img{
  width: 100%;
}
.gakubu_info figure a figcaption{
  display: flex;
  color: #123477;
  align-items: center;
  justify-content: center;
}
.gakubu_info figure a figcaption img{
  width: 16px;
  display: block;
}
/* 学部紹介 ここまで*/


/* バーチャルキャンパスツアー */
.virtual_campus_tour{background: #F2F2F2;margin: 0px 0 0;padding: 64px 0;}

.virtual_campus_tour .inner{
width: 100%;
max-width: 960px;
  margin: 0 auto;
}


.virtual_campus_tour .inner h2{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  }
  .virtual_campus_tour .inner h2 .catch{

max-width: 508px;

}
  
    .virtual_campus_tour .inner h2 .catch img{

width: 100%;

}
    .virtual_campus_tour .inner h2 .catch p{

font-size: 16px;

margin: 24px 0 0 0;
}
    .virtual_campus_tour .inner h2 figure{max-width: 1361px;}
    .virtual_campus_tour .inner h2 figure img{
width: 100%;
    }


    /* Google VR View共通設定 */
    .vrview_block{

    }

    .vrview_block ul.large{
      
margin: 0 0 24px 0;
    }

    .vrview_block ul.large li{
      position: relative;
      z-index: 0;
    }

    .vrview_block ul.large li img{
      
    }

    .vrview_block ul.large li iframe{
      width: 100%;
    }


    .vrview_block ul.large li img.ic_virtual_slider_play{
      
    }

    .vrview_block .thumbnail{

position: relative;

}

    .vrview_block .thumbnail a{
display: block;
position: relative;
    }

    .vrview_block .thumbnail img.ic_virtual_slider_play{
      position: absolute;
      width: 13%;
      border: none;
      top: 25%;
      left: 0;
      right: 0;
      margin: 0 auto;
      border-radius: 0;
    }

/* スライダー画像が2個以下の場合は、スライダーしない */

.vrview_block .thumbnail .inner{

display: flex;

}
  .vrview_block .thumbnail .inner .swiper-slide{

display: block;

width: 33%;

margin: 0 1.5% 0 0;

}

  .vrview_block .thumbnail .inner .swiper-slide a{display: block;}



    .swiper-slide .caption{
      font-size: 13px;
      color: #333;
      margin: 8px 0 0 0;
    }



    /* Google VR View共通設定 ここまで*/

.vrview_block figure.fukidashi360 {
    position: absolute;
    top: -56px;
    right: -4%;
    width: 214px;
    z-index: 1;
}


/* 庄屋 */
.shoya{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 32px 0 0 0px;
    position: relative;
}

.shoya h3{

display: flex;

position: relative;

justify-content: space-between;

align-items: center;

width: 100%;

margin: 0px 0 32px 0;
}


.shoya h3 .obj_shoya{

max-width: 550px;

position: relative;
}

.shoya h3 .obj_shoya figure{
  position: relative;
}
.shoya h3 .obj_shoya figure::before{content: "";background: #0090FF;width: 300%;height: 370px;position: absolute;top: 0%;left: -203%;z-index: 0;border-radius: 240px;}


.shoya h3 .obj_shoya img{

width: 100%;

position: relative;
}
.shoya h3 dl{position: relative;max-width: 300px;}
.shoya h3 dl dt{

max-width: 200px;

margin: 0 0 24px 0;
}
.shoya h3 dl dt img{
width: 100%;

}


.shoya h3 dl dd{

font-size: 16px;
font-weight: 400;
line-height: 2em;
}

.shoya .bg_shoya{

width: 80%;

order: 4;

position: absolute;

top: 52%;

right: -17%;

z-index: 0;
}

.shoya .bg_shoya img{

width: 100%;
}


/* 庄屋　Google VR View スライダー*/
.shoya .vrview_block{position: relative;width: 540px;order: 3;}

.shoya .vrview_block figure img{
width: 100%;

}

 .shoya .swiper-slide img{
     width: 100%;
     border-radius: 16px;
     border: 6px #0090FF solid;
   }


   .shoya .swiper-slide figure{position: relative;line-height: 0;}
       .shoya .swiper-slide figure::before{display: block;content: "";background: rgba(0, 144, 255, 0.3);width: 100%;height: 100%;position: absolute;border-radius:16px;}





/* 正雀 */
.shojaku{

display: flex;

justify-content: space-between;

flex-wrap: wrap;

margin: 32px 0 0 0px;

position: relative;
}

.shojaku h3{

display: flex;

position: relative;

justify-content: space-between;

align-items: center;

width: 100%;

margin: 0 0 64px 0;

flex-direction: row-reverse;
}




.shojaku h3 .obj_shojaku{

max-width: 560px;

position: relative;

margin: 0px 0 0 0;
}

.shojaku h3 .obj_shojaku figure{

  }

.shojaku h3 .obj_shojaku figure::before{content: "";background: #7e6bff;width: 300%;height: 370px;position: absolute;top: 0%;right: -195%;z-index: 0;border-radius: 240px;}


.shojaku h3 .obj_shojaku img{

width: 100%;

position: relative;
}
.shojaku h3 dl{

max-width: 260px;
}
.shojaku h3 dl dt{

max-width: 200px;
    margin: 0 0 24px 0;
}
.shojaku h3 dl dt img{
width:100%;
}

.shojaku h3 dl dd{

font-size: 16px;
font-weight: 400;
line-height: 2em;
}

.shojaku .bg_shojaku{

width: 80%;

position: absolute;

top: 52%;

left: -17%;

z-index: 0;
}
.shojaku .bg_shojaku img{

width: 100%;
}

.shojaku .vrview_block{

width: 540px;

margin: 0 0 0 auto;

position: relative;
}

.shojaku .vrview_block figure img{

width: 100%;
}

 .shojaku .swiper-slide img{
     width: 100%;
     border-radius: 16px;
     border: 6px #7e6bff solid;
   }


   .shojaku .swiper-slide figure{position: relative;line-height: 0;}
       .shojaku .swiper-slide figure::before{display: block;content: "";background: rgba(126, 107, 255, 0.3);width: 100%;height: 100%;position: absolute;border-radius:16px;}




/* C号館 */
.c_gokan{

display: flex;

justify-content: space-between;

flex-wrap: wrap;

margin: 32px 0 0 0px;

position: relative;
}

.c_gokan h3{

display: flex;

position: relative;

justify-content: space-between;

align-items: center;

width: 100%;

margin: 0 0 64px 0;

z-index: 1;
}


.c_gokan h3 .obj_c_gokan{
max-width: 550px;
    position: relative;
}

.c_gokan h3 .obj_c_gokan figure{
position: relative;
}

.c_gokan h3 .obj_c_gokan figure::before {
  content: "";
  background: #d670d3;
  width: 300%;
  height: 370px;
  position: absolute;
  top: 9%;
  left: -192%;
  z-index: 0;
  border-radius: 240px;
}



.c_gokan h3 .obj_c_gokan img{

width: 100%;

position: relative;
}
.c_gokan h3 dl{

max-width: 260px;
}
.c_gokan h3 dl dt{

max-width: 160px;

margin: 0 0 24px 0;
}
.c_gokan h3 dl dt img{

width: 100%;
}

.c_gokan h3 dl dd{

font-size: 16px;
font-weight: 400;
line-height: 2em;
}

.c_gokan .bg_c_gokan{
    width: 80%;
    order: 4;
    position: absolute;
    top: 26%;
    right: -21%;
    z-index: 0;
}
.c_gokan .bg_c_gokan img{

width: 100%;
}

.c_gokan .vrview_block{

width: 540px;

order: 3;

position: relative;

margin: 0 0 0 16%;
z-index: 1;
}

.c_gokan .vrview_block figure img{

width: 100%;
}

 .c_gokan .swiper-slide img{
     width: 100%;
     border-radius: 16px;
     border: 6px #d670d3 solid;
   }

   .c_gokan .swiper-slide figure{position: relative;line-height: 0;}

       .c_gokan .swiper-slide figure::before{
        display: block;
        content: "";
        background: rgba(214, 112, 211, 0.3);
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 16px;
    }

/* バーチャルキャンパスツアー ここまで*/






/* WEB体験授業 */
.web_trial_class{

background: linear-gradient(#0090FF,#7e6bff,#d670d3);
}
.web_trial_class .inner{max-width: 720px;margin: 0 auto;padding: 64px 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.web_trial_class .inner h2{
  
margin: 0 auto 40px;
  
width: 100%;
}
.web_trial_class .inner h2 img{
  
max-width: 280px;
  
display: block;
  
margin: 0 auto;
}


.web_trial_class .inner dl:nth-of-type(1){
  
width: 48%;
}
.web_trial_class .inner dl:nth-of-type(2){
  
width: 48%;
}

.web_trial_class .inner dl:nth-of-type(3){
  margin: 32px auto 0;
  width: 100%;
  max-width: 480px;
}

.web_trial_class .inner dl:nth-of-type(1) dt{
  
width: 57%;
  
margin: 0 auto 24px auto;
}
.web_trial_class .inner dl:nth-of-type(2) dt{
  
width: 80%;
  
margin: 0 auto 8px auto;
}

.web_trial_class .inner dl:nth-of-type(3) dt{
  
width: 100%;
}


.web_trial_class .inner dl dt img{
 
width: 100%;
}

.web_trial_class .inner dl dd{
  
color: #fff;
  
text-align: center;
}

.web_trial_class .inner dl dd a{
display: block;
}
.web_trial_class .inner dl dd a img{
width: 100%;
}


.web_trial_class .inner dl dd iframe{
  width: 100%;
}


/* 新入試情報 */
.nyuushi_info{

margin: 64px 0 64px 0;
}
.nyuushi_info h2{

max-width: 270px;

margin: 0 auto 40px;
}
.nyuushi_info h2 img{

width: 100%;
}
.nyuushi_info .btn{

}
.nyuushi_info .btn a{

background: #123477;

color: #fff;

max-width: 400px;

margin: 0 auto;

border-radius: 32px;

display: flex;

text-align: center;

padding: 8px;

position: relative;
}
.nyuushi_info .btn span{display: block;margin: 0 0% 0 auto;width: 100%;font-size: 18px;letter-spacing: 0.2em;padding: 0 0 0 5%;}
.nyuushi_info .btn a img{

max-width: 27px;

display: block;

margin: 0 0 0 auto;
}




/* 新入試情報 coming soon*/
.nyuushi_info_cs{

  margin: 64px 0 64px 0;
  }
  .nyuushi_info_cs h2{
  
max-width: 540px;
  
margin: 0 auto 40px;
  
display: flex;
  
align-items: center;
  
justify-content: space-between;
  }
  .nyuushi_info_cs h2 img{
  
width: 55%;
  
height: 100%;
  
display: block;
  }
 .nyuushi_info_cs h2 img:nth-of-type(2){
  
width: 37%;
  
height: 100%;
  
display: block;
  }

  
  .nyuushi_info_cs .btn{
  
display: none;
  }
  .nyuushi_info_cs .btn a{
  
  background: #123477;
  
  color: #fff;
  
  max-width: 400px;
  
  margin: 0 auto;
  
  border-radius: 32px;
  
  display: flex;
  
  text-align: center;
  
  padding: 8px;
  
  position: relative;
  }
  .nyuushi_info_cs .btn span{display: block;margin: 0 0% 0 auto;width: 100%;font-size: 18px;letter-spacing: 0.2em;padding: 0 0 0 5%;}
  .nyuushi_info_cs .btn a img{
  
  max-width: 27px;
  
  display: block;
  
  margin: 0 0 0 auto;
  }









/* アクセスをバーチャル */
.virtual_access{

background: #F2F2F2;

margin: 64px 0 0;

padding: 64px 0;
}

.virtual_access h2{
  
max-width: 640px;
  
width: 30%;
  
margin:  0 auto;
  
position: relative;
}
.virtual_access h2 img:nth-child(1){
  
width: 100%;
  
margin: 0 0px 0 0;
}
.virtual_access h2 img:nth-child(2){
  
width: 11.5%;
  
position: absolute;
  
right: -17%;
}

.virtual_access .inner{
  
max-width: 960px;
  
margin: 0 auto;
  
width: 100%;
}


/* 正雀駅 */

.virtual_access .inner .shojaku_st{
  
display: flex;
  
justify-content: space-between;
  
margin: 72px 0 72px 0;
  
position: relative;
}
.virtual_access .inner .shojaku_st ul{
  
width: 40%;
  
position: relative;
  
z-index: 1;
}
.virtual_access .inner .shojaku_st ul li.title{
  
width: 48%;
}
.virtual_access .inner .shojaku_st ul li{
  
margin: 0 0 32px 0;
}

.virtual_access .inner .shojaku_st ul li a{
color: #123477;
    font-size: 20px;
}


.virtual_access .inner .shojaku_st ul li img{
  
width: 100%;
}
.virtual_access .inner .shojaku_st ul li span{
  
}

.virtual_access .inner .shojaku_st figure{
  
width: 70%;
  
position: absolute;
  
right: 2%;
  
top: 25%;
  
z-index: 0;
}
.virtual_access .inner .shojaku_st figure img{
  
width: 100%;
}



/* 岸辺駅 */
.virtual_access .inner .kishibe_st{
  
display: flex;
  
justify-content: space-between;
  
flex-direction: row-reverse;
  
position: relative;
}
.virtual_access .inner .kishibe_st ul{
  
width: 40%;
  
position: relative;
  
z-index: 1;
}
.virtual_access .inner .kishibe_st ul li.title{
  
width: 48%;
}
.virtual_access .inner .kishibe_st ul li{
  margin:0 0 32px 0;
}
.virtual_access .inner .kishibe_st ul li img{
  
width: 100%;
}
.virtual_access .inner .kishibe_st ul li span{
  
}

.virtual_access .inner .kishibe_st ul li span a {
    color: #123477;
    font-size: 20px;
}

.virtual_access .inner .kishibe_st figure{
  
width: 70%;
  
position: absolute;
  
left: 1%;
  
top: 18%;
  
z-index: 0;
}
.virtual_access .inner .kishibe_st figure img{
  
width: 100%;
}


/* 登録者限定でスペシャルコンテンツ公開中 */
.sp_contents{display: block;background: radial-gradient(ellipse at center, #fcee21 0%,#ffcc33 41%,#f7931e 84%,#f7931e 100%);padding: 48px 0;}
.sp_contents h2{

}
.sp_contents h2 img:nth-child(1){

display: block;

margin: 0 auto;

max-width: 100px;
}
.sp_contents h2 img:nth-child(2){

width: 100%;

max-width: 734px;

margin: 32px auto;

display: block;
}


.sp_contents .inner{

}




.sp_contents .inner .bnr_block{
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  max-width: 634px;
  }
  
  .sp_contents .inner .bnr_block li{
  width: calc((100% - 8%) / 3);
  }
  .sp_contents .inner .bnr_block li img{
  width: 100%;
  filter: drop-shadow(0px 0px 12px #f7931e );
  }
  
  


.sp_contents .inner .btn_block{

width: 100%;

margin: 40px auto 0;
}
.sp_contents .inner .btn_block li{

margin: 0 0 16px 0;
}
.sp_contents .inner .btn_block li a{background: #123477;color: #fff;max-width: 600px;margin: 0 auto;border-radius: 32px;display: flex;text-align: center;padding: 8px;position: relative;align-items: center;justify-content: space-between;}
.sp_contents .inner .btn_block li span{display: block;margin: 0 0% 0 auto;width: 100%;font-size: 18px;letter-spacing: 0.04em;}
    
.sp_contents .inner .btn_block li a img{

max-width: 27px;

height: 27px;

display: block;

margin: 0 0 0 auto;
}




/* 登録者限定でスペシャルコンテンツ公開中 coming soon*/
.sp_contents_cs{background: radial-gradient(ellipse at center, #fcee21 0%,#ffcc33 41%,#f7931e 84%,#f7931e 100%);padding: 48px 0;}
.sp_contents_cs h2{

}
.sp_contents_cs h2 img:nth-child(1){

display: block;

margin: 0 auto;

max-width: 100px;
}
.sp_contents_cs h2 img:nth-child(2){

width: 45%;

margin: 32px auto;

display: block;
}


.sp_contents_cs .inner{

}


.sp_contents_cs .inner .bnr_block{
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  max-width: 634px;
  }
  
  .sp_contents_cs .inner .bnr_block li{
  width: calc((100% - 8%) / 3);
  }
  .sp_contents_cs .inner .bnr_block li img{
  width: 100%;
  filter: drop-shadow(0px 0px 12px #f7931e );
  }
  

  .sp_contents_cs .inner .btn_block{

    width: 100%;
    
    margin: 40px auto 0;
    }
    .sp_contents_cs .inner .btn_block li{
    
    margin: 0 0 16px 0;
    }
    .sp_contents_cs .inner .btn_block li a{pointer-events: none;background: #123477;color: #fff;max-width: 600px;margin: 0 auto;border-radius: 32px;display: flex;text-align: center;padding: 8px;position: relative;}
    .sp_contents_cs .inner .btn_block li span{display: block;margin: 0 0% 0 auto;width: 100%;font-size: 18px;letter-spacing: 0.04em;}
        
    .sp_contents_cs .inner .btn_block li a img{
    
    max-width: 27px;
    
    display: block;
    
    margin: 0 0 0 auto;
    }
    









/* オンラインで質問ができる!Web個別相談会予約受付中! */
.btn_soudan_reserve{display: block;max-width: 900px;margin: 56px auto;}
.btn_soudan_reserve a{

display: block;

max-width: 900px;

margin: 0 auto;
}
.btn_soudan_reserve a img{

width: 100%;
display: block;
filter: drop-shadow(10px 10px 10px rgba(0, 145, 255,0.8));
}



/* 資料請求はこちら */
.btn_request_document{

margin: 56px 0;
}
.btn_request_document a{

border: 6px #123477 double;

display: block;

max-width: 680px;

margin: 0 auto;

font-size: 32px;

color: #123477;

text-align: center;

position: relative;

padding: 20px 0;

align-items: center;

line-height: 1;
}
.btn_request_document a img:nth-of-type(1){

position: absolute;

width: 35px;

top: 16px;

left: 130px;
}
.btn_request_document a img:nth-of-type(2){

position: absolute;

width: 31px;

top: 22px;

right: 140px;
}











/* 下層ページ */


/* 限定公開ページ */
#sp_contents_mainImage{
  position:relative;
  background: radial-gradient(ellipse at center, #fcee21 0%,#ffcc33 41%,#f7931e 84%,#f7931e 100%);
  padding: 48px 0;
  }
  
  #sp_contents_mainImage .inner{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
  }
  
  #sp_contents_mainImage .inner img:nth-child(1){
    max-width: 103px;
    width: 100%;
    margin: 0 auto 16px;
    display: block;
  }
  #sp_contents_mainImage .inner img:nth-child(2){
    max-width: 470px;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  
  



/* 実習室第1弾 */
.jisshushitsu01{
  background: #f2f2f2;
  padding: 0 0 40px 0;
}
.jisshushitsu01 h2{
  
max-width: 295px;
  
margin: 0 auto;
}

.jisshushitsu01 h2 img{
  width: 100%;
  display: block;
}


.jisshushitsu01 h3{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: block;
}
.jisshushitsu01 iframe {
  width: 100%;
  max-width: 495px;
}


.jisshushitsu01 ul{
  width: 100%;
  max-width: 482px;
  margin: 48px auto 0;
  display: block;
}
.jisshushitsu01 ul li{

margin: 0 0 56px 0;
}
.jisshushitsu01 ul li a{

display: block;
}


.jisshushitsu01 ul li a h3{

color: #123477;

margin: 0 0 16px 0;

font-size: 32px;
}



.jisshushitsu01 ul li a .icon_block{display: flex;/* justify-content: space-between; */margin: 0 0 16px 0;}

.jisshushitsu01 ul li a .icon_green{background: #22B573;color: #fff;border-radius: 24px;font-size: 14px;padding: 4px;width: 120px;text-align: center;margin: 0 16px 0 0;}
.jisshushitsu01 ul li a .icon_blue{
background: #0090FF;
color: #fff;
border-radius: 24px;
font-size: 14px;
padding: 4px;
width: 120px;
text-align: center;
}
.jisshushitsu01 ul li a .icon_orange{
background: #F7931E;
color: #fff;
border-radius: 24px;
font-size: 14px;
padding: 4px;
width: 120px;
text-align: center;
}
.jisshushitsu01 ul li a img{

width: 100%;
}



/* 実習室第2弾 */

.jisshushitsu02{

background: #f2f2f2;

padding: 0px 0 64px 0;
}

.jisshushitsu02 h2{max-width: 354px;margin: 0 auto;justify-content: space-between;display: flex;align-items: center;padding: 0 0 0px;}
.jisshushitsu02 h2 img:nth-child(1){

width: 50%;

height: 100%;
}
.jisshushitsu02 h2 img:nth-child(2){

width: 43%;

height: 100%;
}




/* 大阪人間科学大学生　特集MOVIE */

.st_sp_movie{background: linear-gradient(#0090FF,#7e6bff,#d670d3);padding: 80px 0;}
.st_sp_movie h2{max-width: 340px;margin: 0 auto 32px;display: block;}
.st_sp_movie h2 img{
width: 100%;
}

.st_sp_movie .inner{

max-width: 470px;

margin: 0 auto;

display: block;
}


.st_sp_movie img{
width: 100%;
}






/* 過去問 */
.nyuushi_test{
  
  background: #123477;
  
  padding: 80px 0;
  
}
.nyuushi_test .inner{
  max-width: 580px;
  margin: 0 auto;
}
.nyuushi_test .inner h2{
  max-width: 280px;
  margin: 0 auto 40px;
}
.nyuushi_test .inner h2 img{
  width: 100%;
}

.nyuushi_test .inner .btn{
  
}
.nyuushi_test .inner .btn a{
  
  display: block;
  
  background: #FCE021;
  
  border-radius: 50px;
  
  color: #123477;
  
  display: flex;
  
  align-items: center;
  
  justify-content: space-between;
  
  padding: 8px 0;
}

.nyuushi_test .inner .btn a span{
  
  font-size: 20px;
  
  margin: 0 33% 0 auto;
  
  line-height: 0;
  
  display: block;
  
}

.nyuushi_test .inner .btn a img:nth-of-type(1){
  
  width: 31px;
  
  display: block;
  
  margin: 0 10px 0 0px;
  
}













/* 一般公開ページへ戻るボタン */


.btn_back_home{
  
}
.btn_back_home a{
  
background: #F2F2F2;
  
color: #123477;
  
display: flex;
  
align-items: center;
  
justify-content: center;
  
padding: 32px 0;
}

.btn_back_home a span{
  
font-size: 20px;
  
margin: 0 2% 0 0;
  
line-height: 0;
  
display: block;
}

.btn_back_home a img:nth-of-type(1){
  
width: 31px;
  
display: block;
  
margin: 0 0px 0 0px;
}










/* 限定公開ページここまで */









/* フッター */
footer{
  
  background: #123477;
  
  padding: 16px 0;
}






#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    z-index: 100000;
}
#page-top a {
  text-decoration: none;
  width: 100%;
  text-align: center;
  display: block;
  color: #FFFFFF;
  background: #123477;
  padding-top: 16px;
  padding-right: 8px;
  padding-bottom: 16px;
  padding-left: 8px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
   border: 1px #ffffff solid;
}
#page-top a:hover{
  color: #19508c;
  background: #ffffff;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
   border: 1px #123477 solid;
}


#page-top a i{
    font-size: 14px;
    margin: 0 8px 0 0;
        color: #ccc;
        -webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#page-top a:hover i{
    color: #19508c;
-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#page-top .inner{
width: 1200px;
margin: 0 auto;
position: relative;
}




footer .logo{

max-width: 152px;

margin: 0 auto;

line-height: 0;
}
footer .logo img{

width: 100%;
}
footer > ul{

max-width: 245px;

margin: 16px auto;
}
footer > ul li{color: #fff;font-size: 10px;letter-spacing: 0.04em;}

footer > #copyright{

color: #fff;

text-align: center;

padding: 0px;

font-size: 8px;

line-height: 1;
}






/*フッターここまで*/




/* PCで非表示 */
.pc_only_b{
  display: block!important;
}

.pc_only_f{
  display: flex!important;
}
/* PCで非表示 ここまで*/





/* スマホで非表示 */
.sp_only_b{
  display: none!important;
}
.sp_only_f{
  display: none!important;
}
/* スマホで非表示 ここまで*/






.ofi_cv{
  -o-object-fit: cover;
  object-fit: cover;
font-family: 'object-fit: cover;'
}







.vr-sp {
  height: 100%;
  margin-bottom: 15px;
  position: relative;
}
.canvas-frame-sp {
  display: block;
  width: 100%;
  padding-bottom: 50%;
  position: relative;
}
.canvas-frame01,.canvas-frame02,.canvas-frame03 {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.canvas-frame01,.canvas-frame02,.canvas-frame03 canvas {
width: 100%;height: 100%;
}
.bt-sp {
position: absolute;
bottom: 0px;
width: 100%;
color: #ffffff;
}
.bt-sp a{
display: block;
position: absolute;
right:0px;bottom: 0px;
width: 10%;
color: #ffffff;
transition: all .3s;
padding: 5px;
}
.bt-sp a:hover {
box-shadow: 0 0 45px rgba(255,255,255,.6);
}
@media only screen and (max-width: 959px) {
html, body { font-size: 10px; }
main {
    width: 100%;
    margin-top: 0;
    padding: 15px;
}
.canvas-frame-wrapper {
    padding-bottom: 100%;
}
}








/* タブレット */
@media screen and (min-width:767px) and ( max-width:1200px) {


  

}





@media print{
  /* 印刷用CSSの定義を指定する */


  
}