@charset "UTF-8";

/*---TopImg----*/
#topImg{overflow:hidden;display:table;width:100%;
}
#bg-img{z-index:-1;width:100%;}



/*---top ----*/

.top-news{
	padding:10px 0;
	background-color:#f1ced4;font-size:1.3em;line-height:1.4em;
	color:#000;

}
.top-news a{
	color:#0022cc;
}

.log-box{padding:180px 20px;text-align:center;}
.log-box img{max-width:400px;width:17%;}


.date-box{background:rgba(255,255,255,0.5);}
.date-box-inner{max-width:1100px;padding:50px 20px 30px 20px;text-align: center;color:#fff;}
.date-box h1{color:#fff;font-size:4.5rem;padding-bottom:10px;}
.date-box h2{color:#fff;font-size:2.5rem;padding:20px 0;border-top:solid 1px #fff;border-bottom:solid 1px #fff;margin-bottom: 20px;}
.date-box h3{color:#fff;font-size:2.0rem;}
.date-box strong{color:#fff; font-weight: bold;display: block;
                font-size: 2.3rem;padding:30px 0;}
.date-box ol{

}
.date-box ol li{
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}
span#TimeLeft{font-size: 3.6rem;background:#FFFD04;color:#262525;padding:8px}
span#TimeLeft > span{font-size: 2.6rem;}

#index .cts-box{padding:30px 20px;background-color:#f1ced4}

/*TOP 新着情報*/
.blog{padding-top: 60px;}
.blog .box1{width:28.636365%;float:left;margin:0 4.54545% 4.54545% 0;}
.blog .box2{width:31.1363675%;float:left;margin:0 4.54545% 4.54545% 0;}
.blog .box3{width:31.1363675%;float:left;margin:0 0 4.54545% 0;}
.blog h3{color:#4c5db0;font-size:1.6em;}
.blog .i-title{color:#4c5db0;font-size:1.4em;border-bottom:solid 1px #4c5db0; padding-bottom:10px;line-height:1.4em;}
.blog .i-img{padding:20px 0;}
.blog ul{margin-top:10px;}
.blog p.date{margin-bottom:8px;}
.blog ul li{border-bottom:solid 1px #fff;margin-bottom:8px;padding-bottom:5px;}
.blog a{color:#fff}

.blog a:hover{color:#FFD700	}

/*map-box*/
.map-box{padding:30px 20px; background-color:#f6f6f6; }
.map-box-inner{}
.map-box h3{color:#d28e19;text-align:center;font-size:3.8rem;letter-spacing:2px;border-bottom:solid 2px #d28e19;}
.map-box .info{padding:20px 0;color:#000;}
.map-box .info h3{color:#3d3d3d;font-size:2.0rem;border:none;}
.map-box .info .text{padding:10px 0;}
.map-box .left-box{float:left;width:47.727275%;margin:0 4.54545% 1.54545% 0;}

.map-box .right-box{float:left;width:47.727275%;margin:0 0 1.54545% 0;}

/*�ｽ�ｽ�ｽs�ｽﾏ茨ｿｽ�ｽ�ｽ�ｽW*/
.recruit h3{color:#fff;text-align:center;font-size:3.8rem;letter-spacing:2px;border-bottom:solid 2px #fff;}
.recruit .text{padding:20px 0; font-size:1.8rem;text-align:center;line-height:2.5rem;}
.recruit .text p{margin:20px 0;}

/*�ｽ�ｽ�ｽk*/
.tohoku h3{color:#fff;text-align:center;font-size:2.3rem;letter-spacing:2px;border-bottom:solid 1px #fff;}
.tohoku .text{padding:20px 0; font-size:1.4rem;text-align:center;line-height:2.0rem;}
.t-thum{height:150px;overflow:hidden;}
.t-title{position:absolute;
background-color:rgba(0,0,0,0.4);
padding:10px;
color:#fff;
}



@media screen and (min-width: 0px) and (max-width:1024px){

}

@media screen and (min-width: 0px) and (max-width:1023px){

}


@media screen and (min-width: 0px) and (max-width:767px){
		.log-box img{width:80%;}
        span#TimeLeft{
            display: block;
            margin-top: 10px;
            font-size: 2.6rem;background:#FFFD04;color:#262525;padding:8px}

	.blog .box1,.blog .box2,.blog .box3,.map-box .left-box,.map-box .right-box{
		width:100%; float:none;
		margin-bottom:4.54545%;
	}
	.tohoku .text,.recruit .text{text-align:left;}
	.date-box h1{color:#fff;font-size:3.5rem;padding-bottom:10px;}
	.date-box h2{color:#fff;font-size:1.5rem;padding-bottom:10px;}
	/*縲€繝悶Ο繧ｰ逕ｨ*/
	.container{padding:0 20px;}
}