@charset "UTF-8";

  /* 学園祭・ギャラリー 201904010 */ 
  


.webmeeting_t1{
	background:#f5a323;
	padding:15px 0 12px 0;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	font-size:24px;
	
}

.webmeeting_box1{
	
	padding:20px;
	
}



.webmeeting_p1{
	font-size:34px;
	border-bottom:#f5a323 solid 2px;
	text-align:center;
	font-weight:bold;
	
}

.webmeeting_box1 li{
	float:left;
	width:33%;
	text-align:center;
	padding:20px 0;
	font-size:34px;
	font-weight:bold;
}

.webmeeting_box1 dt{
	padding-top:20px;
  float: left;
  font-size:20px;
	font-weight:bold;
}

.webmeeting_box1 dd{
	padding-top:20px;
  margin-left: 120px;
  font-size:20px;
	font-weight:bold;
}



 
 .webmeeting_box2{
	 margin-top:40px;
	 padding:0px 20px 20px 20px;
	border:#f5a323 solid 2px;
	
}



.webmeeting_box2 li{
	color:#f5a323;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	list-style: disc;
	margin-left:1em;
	
}

.webmeeting_t2{
	color:#f5a323;
	font-weight:bold;
	font-size:18px;
	border-bottom:#f5a323 1px solid;
	margin-top:20px;
	
}

.webmeeting_flex{
	display: flex;
  flex-wrap: wrap;
	justify-content: space-between;
	width:70%;
	margin:0 auto;
}

.webmeeting_flex_box{
	width:48%;
}

.webmeeting_flex_box img{
	width:100%;
}
  
  
.webmeeting_box3{
	 margin-top:0px;
	 padding:20px 0;
	/*border-top:#f5a323 solid 2px;
	border-bottom:#f5a323 solid 2px;*/
	
} 

.webmeeting_box3 dt{
	padding-top:10px;
  float: left;
}

.webmeeting_box3 dd{
	padding-top:10px;
  margin-left: 70px;
}
  
  @media screen and (max-width: 782px){
/* 782pxまでの幅の場合に適応される */

.webmeeting_t1{
	padding:10px 0 8px 0;
	font-size:18px;
	
}

.webmeeting_box1{
	padding:10px;
	
}

.webmeeting_p1{
	font-size:18px;
}
.webmeeting_box1 li{
	float:left;
	width:50%;
	padding:10px 0;
	font-size:18px;
}

.webmeeting_box1 dt{
	padding-top:10px;
  font-size:14px;
}

.webmeeting_box1 dd{
	padding-top:10px;
  margin-left: 70px;
  font-size:14px;
}



 .webmeeting_box2{
	 margin-top:20px;
	 padding:0px 10px 10px 10px;
	
}

.webmeeting_box2 li{
	color:#f5a323;
	font-size:14px;
	margin-top:10px;
	
}

.webmeeting_flex{
	
	width:100%;
}


  }
  
  
  
  /* 予約ボタン追加 */  

  .webmeeting_btn_w { 
display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}


.webmeeting_btn1 { 
width: 48%;
}

.webmeeting_btn1 a { 
display:block;
margin:20px auto 0;
background-color:#000;
color:#FFF !important;
padding:10px 5px;
text-align:center;
text-decoration: underline;
}


 /* 以下マウスを載せたときのスタイル */
 
.webmeeting_btn1 a:hover { 
background-color:#ccc;
 color:#fff; }

/* オンライン学校説明会 追加 */

.onlinemeeting_w { 
display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
    }
    
    
.onlinemeeting_date { 
width: 60%;
font-size: 24px;
font-weight: bold;
    }  
    
.onlinemeeting_date p { 
padding: 0px;
margin: 0px;
    }      
 
.onlinemeeting_btn { 
width: 38%;
    }  
    
.onlinemeeting_btn a { 
display:block;
margin:20px auto 0;
background-color:#000;
color:#FFF;
padding:10px 5px;
text-align:center;
text-decoration: underline;
}


 /* 以下マウスを載せたときのスタイル */
 
.onlinemeeting_btn a:hover { 
background-color:#ccc;
 color:#fff; }    
  
 .onlinemeeting_p1 {
 font-size: 18px;
    } 
    
 .onlinemeeting_p2 {
 font-size: 16px;
 color:#EC6941;
 margin-top:10px !important;
    } 
 
.onlinemeeting_p3 {
 font-size: 20px;
    }  
    
.onlinemeeting_line1 {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom:#CCCCCC 1px solid;
    }  

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.webmeeting_btn1 a { 
display:block;
width: 90%;
margin:20px auto 0;

}

.webmeeting_btn1 { 
width: 49%;
font-size:12px;
}

/* オンライン学校説明会 追加 */
.onlinemeeting_date { 
width: 100%;
    }  

.onlinemeeting_btn { 
width: 100%;
    }  

.onlinemeeting_p1 {
 font-size: 16px;
    } 
    
 .onlinemeeting_p2 {
 font-size: 14px;
    } 

}