@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;
 
}


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




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: 55%;
}
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;right: 0;justify-content: space-between;position: absolute;}

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%;
}








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



/* ボタン共通設定 */
.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 7%;padding: 7% 0 0;justify-content: space-between;z-index: 1;position: relative;}



#mainImage .catch{
  max-width: 70%;
  margin: 0% auto;
}

#mainImage .catch img{

width: 100%;
}
#mainImage figure{
  width: 70%;
  margin: 0 auto;
}
#mainImage figure img{

width: 100%;
}
#mainImage::after{
  content: "";
  background: linear-gradient(100deg,#7E6BFF,#7e6bff,#0090FF,#d670d3,#D670D3);
  width: 300%;
  height: 117%;
  position: absolute;
  top: -20%;
  left: -100%;
  z-index: 0;
  border-radius: 49% 49%;
}




.icon_block{justify-content: space-between;width: 60%;}
.icon_block li{
  width: calc(85% / 4);
}
.icon_block li img{
width: 100%;
}





main{

}



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

.gakubu_info h2{
  width: 100%;
  position: relative;
  margin: 0 0 16px 0;
}
.gakubu_info h2 img{
  width: 100%;
}

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

  margin-left: 0%;
}
.gakubu_info figure{
  width: calc(85% / 3);
  margin-top: -24px;
  margin-left: 7%;
}
.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 span{
 font-size: 3vw;
}


.gakubu_info figure a figcaption img{
  width: 11%;
  display: block;
  margin: 0 0 0 8px;
}
/* 学部紹介 ここまで*/


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

.jisshushitsu01 iframe{
width: 100%;
max-width: 540px;
}

.jisshushitsu02 iframe{
  width: 100%;
  max-width: 540px;
  }

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


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

max-width: 38%;

position: relative;

z-index: 1;
}
  
    .virtual_campus_tour .inner h2 .catch img{

width: 100%;

}
    .virtual_campus_tour .inner h2 .catch p{

font-size: 2.2vw;

margin: 0px 0 0 0;

line-height: 2em;
}
    .virtual_campus_tour .inner h2 figure{width: 70%;margin: 0 0 0 -8%;}
    .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{
      
    }

    .vrview_block ul.large li iframe{
      width: 100%;
      max-width: 540px;
    }


    .vrview_block .thumbnail{

position: relative;

width: 95%;

margin: 0 auto;

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








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

.vrview_block .thumbnail .inner{

display: flex;

justify-content: space-between;

}
    .vrview_block .thumbnail .inner .swiper-slide{
  
display: block;
  
width: 48%;
  
margin: 0 0% 0 0;
  }
  
    .vrview_block .thumbnail .inner .swiper-slide a{display: block;}
  
  
  
      .swiper-slide .caption{
        font-size: 13px;
        color: #333;
        margin: 8px 0 0 0;
      }
  







    .swiper-slide .caption{
      font-size: 3vw;
      color: #333;
    }

.vrview_block figure.fukidashi360{
  position: absolute;
  top: -5%;
  left: 13%;
  width: 40%;
  }

.vrview_block figure.fukidashi360 img{
width: 100%;
}


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






/* 庄屋 */
.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{

width: 90%;

position: relative;

z-index: 1;
}

.shoya h3 .obj_shoya figure{
  position: relative;
   }

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

.shoya h3 .obj_shoya img{

width: 100%;

position: relative;
}
.shoya h3 dl{position: relative;width: 50%;z-index: 1;margin: 10% 0 0 5%;}
.shoya h3 dl dt{

width: 60%;

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

}


.shoya h3 dl dd{

font-size: 3vw;
font-weight: 400;
line-height: 2em;
}

.shoya .bg_shoya{

width: 130%;

order: 4;

position: absolute;

top: 24%;

right: -46%;

z-index: 0;
}

.shoya .bg_shoya img{

width: 100%;
}


/* 庄屋　Google VR View スライダー*/
.shoya .vrview_block{position: relative;width: 85%;order: 3;margin: 0 auto;}




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

}

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


   .shoya .vrview_block .thumbnail figure{position: relative;line-height: 0;}
   .shoya .vrview_block .thumbnail 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{

width: 95%;

position: relative;

margin: 0 0 0 auto;

z-index: 1;
}

.shojaku h3 .obj_shojaku figure{
 position: relative; 

}

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


.shojaku h3 .obj_shojaku img{

width: 100%;

position: relative;
}
.shojaku h3 dl{
position: relative;
    width: 50%;
    z-index: 1;
    margin: 10% 0 0 5%;
}
.shojaku h3 dl dt{

width: 60%;
    margin: 0 0 12px 0;

}
.shojaku h3 dl dt img{
width:100%;
}

.shojaku h3 dl dd{
    font-size: 3vw;
    font-weight: 400;
    line-height: 2em;
}

.shojaku .bg_shojaku{

width: 110%;

position: absolute;

top: 22%;

left: 21%;

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

width: 100%;
}

.shojaku .vrview_block{

width: 85%;

margin: 0 auto 0 auto;

position: relative;
}


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


   .shojaku .vrview_block .thumbnail figure{position: relative;line-height: 0;}

   .shojaku .vrview_block .thumbnail 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{width: 70%;position: relative;}

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

.c_gokan h3 .obj_c_gokan figure::before {
  content: "";
  background: #d670d3;
  width: 180%;
  height: 90%;
  position: absolute;
  top: 8%;
  left: -50%;
  z-index: 0;
  border-radius: 240px;
}


.c_gokan h3 .obj_c_gokan img{

width: 130%;

position: relative;
}
.c_gokan h3 dl{
    position: relative;
    width: 50%;
    z-index: 1;
    margin: 10% 0 0 5%;

}
.c_gokan h3 dl dt{
width: 60%;
    margin: 0 0 12px 0;
}
.c_gokan h3 dl dt img{

width: 100%;
}

.c_gokan h3 dl dd{
    font-size: 3vw;
    font-weight: 400;
    line-height: 2em;
}

.c_gokan .bg_c_gokan{
    width: 85%;
    order: 4;
    position: absolute;
    top: 28%;
    right: -22%;
    z-index: 0;
}
.c_gokan .bg_c_gokan img{

width: 100%;
}

.c_gokan .vrview_block{

width: 85%;

order: 3;

position: relative;

margin: 0 auto 0;
}


 .c_gokan .swiper-slide img{
     width: 100%;
     border-radius: 16px;
     border: 3px #d670d3 solid;
   }
   .c_gokan .vrview_block .thumbnail figure{position: relative;line-height: 0;}
   .c_gokan .vrview_block .thumbnail 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: 32px 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.web_trial_class .inner h2{
  
margin: 0 auto 8%;
  
width: 100%;
}
.web_trial_class .inner h2 img{
  
max-width: 75%;
  
display: block;
  
margin: 0 auto;
}


.web_trial_class .inner dl:nth-of-type(1){
  
width: 85%;
  
margin: 0 auto 10%;
}
.web_trial_class .inner dl:nth-of-type(2){
  
width: 85%;
  
margin: 0 auto 10%;
}

.web_trial_class .inner dl:nth-of-type(3){
  margin: 0 auto 0;
  width: 90%;
}

.web_trial_class .inner dl:nth-of-type(1) dt{
  
width: 57%;
  
margin: 0 auto 4% 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;
  
font-size: 4vw;
}

.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: 85%;
}


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

margin: 25% 0 0% 0;
}
.nyuushi_info h2{

max-width: 50%;

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

width: 100%;
}
.nyuushi_info .btn{width: 90%;margin: 0 auto;}
.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: 5vw;letter-spacing: 0.2em;padding: 0 0 0 8%;}
.nyuushi_info .btn a img{

width: 8%;

height: 100%;

display: block;

margin: 0 0 0 auto;
}








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

  margin: 64px 0 64px 0;
  }
  .nyuushi_info_cs h2{
  
max-width: 540px;
  
width: 90%;
  
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: 0% 0 0;

padding: 10% 0;
}

.virtual_access h2{
  
width: 70%;
  
margin: 0 auto 0 10%;
  
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: 85%;
}


/* 正雀駅 */

.virtual_access .inner .shojaku_st{
  
display: flex;
  
justify-content: space-between;
  
margin: 10% 0 10% 0;
  
position: relative;
}
.virtual_access .inner .shojaku_st ul{
  
width: 100%;
  
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 8% 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 iframe{
 width: 100%; 
}


.virtual_access .inner .shojaku_st ul li span{
  
}

.virtual_access .inner .shojaku_st figure{
  
width: 56%;
  
position: absolute;
  
right: 2%;
  
top: -5%;
  
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: 100%;
  
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 8% 0;
}
.virtual_access .inner .kishibe_st ul li img{
  
width: 100%;
}

.virtual_access .inner .kishibe_st ul li iframe{
  
  width: 100%;
  display: block;
  }

.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: 46%;
  
position: absolute;
  
right: -9%;
  
top: -5%;
  
z-index: 0;
}
.virtual_access .inner .kishibe_st figure img{
  
width: 100%;
}


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

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

display: block;

margin: 0 auto;

width: 22%;
}
.sp_contents h2 img:nth-child(2){

width: 45%;

margin: 32px auto;

display: block;
}

.sp_contents h2 img:nth-child(3){

width: 75%;

margin: 5% auto 5%;

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: 100%;
  margin: 0 0 -32px 0;
  }
  .sp_contents .inner .bnr_block li img{
  width: 100%;
  filter: drop-shadow(0px 0px 12px #f7931e );
  }
  

  .sp_contents .inner .btn_block{

width: 90%;

margin: 40px auto 0;
}
    .sp_contents .inner .btn_block li{
    
    margin: 0 0 16px 0;
    }
    .sp_contents .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 .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;
    
    display: block;
    
    margin: 0 0 0 auto;
    }
    



.sp_contents .inner .btn_block{

width: 90%;

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;align-items: center;padding: 8px;position: relative;}
.sp_contents .inner .btn_block li span{display: block;margin: 0 0% 0 auto;width: 70%;font-size: 4.2vw;letter-spacing: 0.04em;}
    
.sp_contents .inner .btn_block li a img{

width: 8%;

display: block;

margin: 0 0 0 auto;

height: 100%;
}













/* 登録者限定でスペシャルコンテンツ公開中 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;
    width: 22%;
}
.sp_contents_cs h2 img:nth-child(2){

width: 45%;

margin: 32px auto;

display: block;
}


.sp_contents_cs h2 img:nth-child(3) {
    width: 75%;
    margin: 5% auto 5%;
    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: 100%;
  margin: 0 0 -32px 0;
  }
  .sp_contents_cs .inner .bnr_block li img{
  width: 100%;
  filter: drop-shadow(0px 0px 12px #f7931e );
  }
  

  .sp_contents_cs .inner .btn_block{

width: 90%;

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;width: 85%;margin: 12% 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: 16% 0;
}
.btn_request_document a{

border: 6px #123477 double;

display: block;

width: 85%;

margin: 0 auto;

font-size: 6vw;

color: #123477;

text-align: center;

position: relative;

padding: 5% 0;
}
.btn_request_document a img:nth-of-type(1){

position: absolute;

width: 10%;

top: 25%;

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

position: absolute;

width: 7%;

top: 34%;

right: 5%;
}










/* 下層ページ */


/* 限定公開ページ */
#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: 90%;
    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 ul{
  width: 90%;
  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;width: 100%;}

.jisshushitsu01 ul li a .icon_green{background: #22B573;color: #fff;border-radius: 24px;font-size: 12px;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;width: 90%;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;width: 90%;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: 90%;display: block;margin: 0 auto;}

.st_sp_movie iframe{width: 90%;display: block;margin: 0 auto;}



  
/* 過去問 */
  .nyuushi_test{

background: #123477;

padding: 80px 0;

}
  .nyuushi_test .inner{
max-width: 580px;
margin: 0 auto;
  }
  .nyuushi_test .inner h2{
    max-width: 280px;
    width: 90%;
    margin: 0 auto 40px;
  }
  .nyuushi_test .inner h2 img{
width: 100%;
  }

  .nyuushi_test .inner .btn{

width: 90%;

margin: 0 auto;

}
  .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: 4% 0 4%;
}






#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{

width: 35%;

margin: 0 auto;
}
footer .logo img{

width: 100%;
}
footer > ul{

max-width: 190px;

margin: 3% auto;
}
footer > ul li{color: #fff;font-size: 1.2vw;letter-spacing: 0.04em;}

footer > ul li a{
  color: #fff;
display: inline-block;
}

footer > #copyright{

color: #fff;

text-align: center;

padding: 0px;

font-size: 1vw;
}






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




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

.pc_only_f{
  display: none!important;
}
/* PCで非表示 ここまで*/
/* スマホで非表示 */
.sp_only_b{
  display: block!important;
}
.sp_only_f{
  display: flex!important;
  margin: 0 auto;
}
/* スマホで非表示 ここまで*/






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






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


  

}





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


  
}