@charset "UTF-8";
/*---------------------------------------------

	index トップページ

---------------------------------------------*/




.main_img{
margin-bottom: 30px;
}	


.main_img_box{
position: relative;
}	



.map>iframe{
  width: 100%;
  height: 300px;
  margin: 0;
  border: 0;
  padding: 0;
}


.main_img_box>div>picture>img{
width: 100%;
height: auto;
display: block;
}


.main_img_box>div:nth-of-type(2),
.main_img_box>div:nth-of-type(3){
	position: absolute;
	top: 0;
}


.main_img_box>div:nth-of-type(2){
	animation: img1Animation 21s infinite;
}


.main_img_box>div:nth-of-type(3){
	animation: img2Animation 21s infinite;
}


@keyframes img1Animation {
    0%   { opacity: 0; }
    23.8%   { opacity: 0; }
    33.3%   { opacity: 1; }     /* 5〜7秒でフェードイン */
    66.62%  { opacity: 1; }     /* 7〜12秒で5秒間表示 */
    66.63%  { opacity: 0; }     /* 12〜14秒でフェードアウト */
    100% { opacity: 0; }
  }

@keyframes img2Animation {
    0%    { opacity: 0; }
    57.1%   { opacity: 0; }
    66.62%   { opacity: 1; }    /* 14〜16秒でフェードイン */
    90.42%   { opacity: 1; }    /* 16〜21秒で5秒間表示 */
    100%  { opacity: 0; }
  }



.main_img_box>h1{
position: absolute;
bottom: 12%;
display: block;
text-align: center;
width: 100%;
}


.main_img_box>h1>div>div{
display: inline-block;
color: white;
line-height: 1;
text-align: center;
	background:rgba(75, 149,177, 0.5) ;
	color: white;
}


.main_img_box>h1>div:nth-child(1)>div{
	padding:10px 10px;
	margin-bottom: 10px;
	font-size: calc(var(--kihon-font) + 0.6rem);
}

.main_img_box>h1>div:nth-child(2)>div{
	padding: 10px 10px;
	font-size: calc(var(--kihon-font) + 0.3rem);
}






.swiper-container {
    width: 100%;
}
.swiper-container{
    text-align: center;
}
.swiper-container .swiper-slide img{
    max-width: 100%;
    height: auto;
}

.swiper-slide img{
width: 100%;
height: auto;
}



.slide_box{
	position: relative;

}






.sokusen{

	margin: 0 auto;
	padding: 10px;
}


.sokusen>li{
margin-bottom: 30px;
}

.sokusen>li:nth-child(1)>picture>img,
.sokusen>li:nth-child(3)>picture>img{
	width: 100%;
	height: auto;
}

.sokusen>li:nth-child(2){
width: 100%;
text-align: center;
}



.sokusen_text{
	font-size: calc(var(--kihon-font) + 0.1rem);
	line-height: 2;
	margin-bottom: 60px;
}


.sokusen_text>br{
display: none;
}

.index_text{
	font-size: calc(var(--kihon-font) + 0.1rem);
	line-height: 2;
	margin-bottom: 60px;
}

.index_text>br{
display: none;
}

.index_2li:nth-last-of-type(1){
margin-bottom: 0;
}

.index_2li{

margin-bottom: 80px;
}




.index_2li>li:nth-child(1){
	text-align: center;
	margin-bottom: 30px;
}

.index_2li>li:nth-child(1)>img{
width: 60%;
height: auto;

}


.midasi2_mini{
	color: var(--kihon-color);
	font-size: calc(var(--kihon-font) + 0.2rem);
	font-weight: bold;
}


.midasi2_big{
	color: var(--kihon-color);
	font-size: calc(var(--kihon-font) + 1rem);
		font-weight: bold;
}


.midasi30{
	margin-bottom: 30px;
}




.bt_list>li{
margin-bottom: 10px;
text-align: center;
}







.full{
	margin: 0 calc(50% - 50vw);

}

.event_2li{

	margin-bottom: 20px;
}

.event_2li>li{
background: white;
padding: 10px;
width: 100%;
}

.event_2li>li>ul:nth-child(1){

margin-bottom: 20px;
}

.event_2li>li>ul:nth-child(1)>li:nth-child(1){
text-align: center;
}

.event_2li>li>ul:nth-child(1)>li:nth-child(1)>img{
width: 80%;
height: auto;
}


.event_2li>li>ul:nth-child(1)>li:nth-child(2){

padding: 10px 0 10px 0px;
}

.event_2li>li>ul:nth-child(1)>li:nth-child(2)>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0.3rem);
color: var(--kihon-color);
font-weight: bold;
padding-left: 15px;
border-left: 3px solid var(--kihon-color);
margin-bottom: 10px;
}



.event_2li>li>ul:nth-child(1)>li:nth-child(2)>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.2rem);
}



.event_2li>li>ul:nth-child(2){
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.event_2li>li>ul:nth-child(2)>li{
width: 48%;
padding: 15px 10px;
background: #f4f4f4;
text-align: center;
margin-bottom: 10px;
}


.event_2li>li>ul:nth-child(2)>li>div:nth-child(1){
font-size: calc(var(--kihon-font) - 0.2rem);
font-weight: bold;
}

.event_2li>li>ul:nth-child(2)>li>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.7rem);
display: inline-block;
border-bottom: 2px solid #73c6da;
margin-bottom: 10px;
font-weight: bold;
letter-spacing: -2px;
}

.event_2li>li>ul:nth-child(2)>li>div:nth-child(2)>span:nth-child(1){
font-size: calc(var(--kihon-font) + 0.3rem);
padding: 0 2px;
}

.event_2li>li>ul:nth-child(2)>li>div:nth-child(2)>span:nth-child(2){
font-size: calc(var(--kihon-font) + 0.1rem);
padding: 0 2px;
}


.insta_banner{
	max-width: 600px;
margin: 0 auto;	
}

.insta_banner>a>picture>img{
width: 100%;
height: auto;
}





.info_wrap{
}


.info_wrap>li:nth-child(1){
text-align: center;
margin-bottom: 20px;
}

.info_wrap>li:nth-child(1)>div{


}

.info_wrap>li:nth-child(1)>div>div:nth-child(1){
font-size: calc(var(--kihon-font) + 1rem);
}

.info_wrap>li:nth-child(1)>div>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.3rem);
	border-bottom: 2px solid #7fd4ff;
	padding-bottom: 5px;
	display: inline-block;
}



.info_wrap>li:nth-child(2){

}




.info_list{
	margin: 0 auto 0 auto;
	background: white;

padding: 10px;
	
}




.info_list>li{
padding-bottom: 20px;
padding-top: 20px;
border-bottom: 1px dotted #def6fc;
display: flex;
justify-content: space-between;
align-items: center;
}


.info_list>li>div:nth-child(1){
display: none;
}

.info_list>li>div:nth-child(2){
}



.info_list>li>div:nth-child(2)>div:nth-child(1){
	margin-bottom: 10px;
}


.info_list>li>div:nth-child(2)>div:nth-child(1)>span:nth-child(1){
font-size: calc(var(--kihon-font) + 0.1rem);
width: 150px;
text-align: center;}



.info_list>li>div:nth-child(2)>div:nth-child(1)>span:nth-child(2){
font-size: calc(var(--kihon-font) + 0.1rem);
color: white;
min-width: 110px;
background: #000;
border-radius: 10px;
margin-left: 10px;
display: inline-block;
text-align: center;
}

.info_list>li>div:nth-child(2)>div:nth-child(2)>a{

font-size: calc(var(--kihon-font) + 0.1rem);
text-decoration: none;
}


.info_more_bt{
	text-align: right;
}

.info_more_bt>a{
font-size: var(--kihon-font);
text-decoration: none;
color: #000;
}




.info_more_bt>a::after{
	content: '';/*何も入れない*/
  display: inline-block;
  width: 8px;/*画像の幅*/
  height: 8px;/*画像の高さ*/
  background-image: url("../img/right_arrow2.webp");
  background-size: contain;
  vertical-align: middle;
  margin-left: 10px;
}


.お知らせ{
	background: #9f4519!important;
}

.イベント{
	background: #195c9f!important;
}

.オープンキャンパス{
	background: #199f35!important;
}


.event_more{
	text-align: center;
}

.event_more>a{
	display: inline-block;
	color: white;
	font-size: calc(var(--kihon-font) + 0.1rem);
	padding: 10px 20px;
	background: var(--kihon-color);
	border-radius: 10px;
	margin-top: 10px;
}

.event_more>a::after{
content: "▼";
	font-size: calc(var(--kihon-font) - 0.1rem);
	padding-left: 10px;
}

.event_more>a:hover{
	text-decoration: none;
	
}





.index_tirasi{
	font-size: inherit;
}

.index_tirasi>a{
	font-size: inherit;
}


.sp_wrap{
	max-width: 1200px;
	margin: 0 auto 60px auto;
	padding: 0 10px;
}