@charset "UTF-8";

/* header ********** */
header .mv{
	height: 585px;
 }

/* contents ********** */

#main .top_txt{
	padding:40px 0;
	background: url(../imgtop/bg01.png);
}

#main .top_txt .inner{
	background: url(../imgtop/box_bg01.png) no-repeat top center;
	min-height: 379px;
}

#main .top_txt h2{
	background: url(../img/line.jpg) no-repeat center bottom;
	text-align: center;
	padding:0;
	margin: 0 0 20px;
	box-shadow: none;
}

#main .top_txt .inner p{
	text-align: center;
	color: #FFF;
	margin-bottom: 20px;
	font-size: 115%;
}

#main .top_txt .inner .link a{
	display: inline-block;
	margin: 0 auto;
	color: #bfa200;
	background: url(../imgtop/icon01.png) no-repeat bottom center;
	padding-bottom:5px;
	text-decoration: none;
	font-size: 110%;
}

#main .top_txt .inner .link a:hover{
	color: #ffe493;
	background: url(../imgtop/icon01_ovr.png) no-repeat bottom center;}

/* classroom */
#main .classroom {
	position: relative;
	z-index: 5;
	padding: 50px 0;
	background:#FFF;
	box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.6);
}

#main .classroom h3{
	color: #bfa200;
	text-align: center;
	margin:0 0 40px;
	font-size: 200%;
}
#main .classroom p{
	text-align: center;
	margin-bottom: 20px;
}

#main .classroom ul li{
	width: 310px;
	float: left;
	margin-left: 15px;
}

#main .classroom ul li:first-child{ margin: 0; }

#main .classroom ul li a{
	display: block;
	height: 325px;
	position: relative;
	overflow:hidden;
}

#main .classroom ul li a span{
	background: #533a98;
	width: 40px;
	height: 40px;
	color: #FFF;
	text-align: center;
	display: block;
	line-height: 40px;
	position: absolute;
	top:0;
	left:0;
}

#main .classroom ul li a div{
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: url(../img/cover01.png);
	position: absolute;
	left: 0;
	top: 50%;
    transform: translate(0px, -50%);
}

#main .classroom ul li a div h4{
	color: #FFF;
	text-align: center;
	font-size: 130%;
	line-height: 1em;
	margin-bottom: 5px;
}

#main .classroom ul li a div p{
	color: #CCC;
	text-align: center;
	margin: 0;
	font-size: 90%;
}

#main .classroom ul img { width:100%; }
/**/

#main .link_bnr { position: relative; margin: 0 0 50px; z-index: 2;}
#main .link_bnr li{
	width: 100%;
	height: 225px;
	position: relative;
}
#main .link_bnr li:nth-of-type(1){
	background: url(../imgtop/img02.jpg) no-repeat center;
	background-size: cover;
}
#main .link_bnr li:nth-of-type(2){
	background: url(../imgtop/img03.jpg) no-repeat center;
	background-size: cover;
}

#main .link_bnr li a{
	display: block;
	width: 100%;
	height: 100%
}
#main .link_bnr li a .inner{
	display: block;
	height: 100%;
	position: relative;
}

#main .link_bnr li a .inner span{
	font-size: 480%;
	width: auto;
	height: auto;
	position: absolute;
	line-height: 1em;
}

#main .link_bnr li:nth-of-type(1) a .inner span{
	bottom: 0;
	right: 0;
	color: #000;
}

#main .link_bnr li:nth-of-type(2) a .inner span{
	bottom:0;
	left: 0;
	color: #000;
}


/* banner topics */


#main .clearfix .l,
#main .clearfix .r{ width: 460px;}

#main .r .topics { width: 420px;}
#main .l .fb_box { width: 460px;}

#main .topics {
	background:url(../imgtop/bg02.png);
	padding: 20px;
}

#main .topics p{ text-align: right;}
#main .topics p a{
	display: inline-block;
	padding:3px 5px;
	color: #FFF;
	border: 1px solid #fff;
}

#main .topics h3{
	text-align: center;
	color: #FFF;
	font-size: 190%;
	margin-bottom: 20px;
}

#main .topics ul{ margin-bottom: 20px; }
#main .topics li{
	background:#FFF;
	padding: 10px;
	margin-bottom:1px; 
}

#main .clearfix .fb_box{ 
	width: 500px;
	margin: 0 auto;
}

#main .bottom_bnr{ padding-top:35px;}


/* 20220705 追記 新型コロナウイルス感染症対策 */
.COVID19 { width:960px; margin-top:50px; margin-bottom:50px; }
#main .COVID19 h3 { padding:5px; margin:0; background:#284976; color:#FFF; font-size:135%; }
#main .COVID19 p  { padding:20px; border:2px solid #284976; background:#FFF; }