@charset "utf-8";
/* CSS Document */


.container{
	width:100%;
}


/* ---------------------------------------------
　keyvisual
------------------------------------------------ */
.keyvisual{
	background: url(../../images/bg_keyvisual02.png) top -70px center no-repeat;
	margin-bottom: 20px;
}

.keyvisual .slider{
	background: url(../images/bg_keyvisual.png) top center no-repeat;
}


/* ---------------------------------------------
　content
------------------------------------------------ */

.news-area h2,
.feature-area h2,
.blog-area h2,
.recruit-area h2{
	background:none;
	padding:0;
	margin:0;
	line-height:1.0;
}

/* news-area */
.news-area{
	width:1100px;
	margin:20px auto 30px;
}

.news-area h2 { height:20px; }

.news-area dl {
	margin:0;
	padding:0 20px 10px;
	border-right: 1px solid #ff4a5c;
	border-left: 1px solid #ff4a5c;
}

.news-area dl:last-child{
	margin:0;
	padding:0 20px 10px;
	border: 1px solid #ff4a5c;
	border-top: none;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.news-area dt {
	clear:left;
	float:left;
	width:110px;
	font-size:12px;
}

.news-area dd {
	font-size:14px;
	font-weight:bold;
	margin:0;
}

.news-area a{
	color:#000;
	text-decoration:none;
}



/* feature-area */
.feature-area{
	background:url(../images/bg_feature01.png) top 25px center no-repeat #d8eff8;
	padding:40px 0 50px;
	text-align:center;
	font-size:16px;
	letter-spacing:1px;
	position:relative;
}

.feature-area-inner{
	width:1032px;
	margin:0 auto;
}

.feature-area .feature-unit{
	background:url(../images/bg_feature03.png) center no-repeat;
	width:320px;
	height:320px;
	float:left;
	margin:20px 12px 0;
	letter-spacing:0;
	transition: 0.3s;
}

.feature-area .feature-unit:hover{
	opacity:0.5;
}

.feature-area h3.feature-title{
	font-family:"ぼくたちのゴシック";
	font-size:28px;
	background:none;
	padding:0;
	margin:30px 0 0;
	line-height:1.4;
}
.feature-area h3.feature-title span{
	display:block;
	color:#b2d9ec;
	font-size:26px;
}

.feature-area p.feature-text{
	font-size:15px;
	padding:35px 65px 0;
	margin:0;
	line-height:1.5;
	text-align:left;
}

.feature-area a{
	text-decoration:none;
	color:#333;
}

.feature-area .bg-feature02{
	position:absolute;
	top:-15px;
	right:0;
	left:135px;
	margin:auto;
	width:784px;
}

.feature-area .bg-feature04{
	position:absolute;
	right:0;
	bottom:45px;
	left:-500px;
	margin:auto;
	width:47px;
}



/* blog-area */
.blog-area{
	padding:55px 0 50px;
}

.blog-area-inner{
	width:1100px;
	margin:0 auto;
}

.blog-area-wrapper{
	margin-left:-20px;
	display: flex;
    flex-wrap: wrap;
}

.blog-area .blog-unit{
	width:260px;
	float:left;
	margin:60px 0 0 20px;
	position:relative;
}

.blog-area .blog-image{
	margin:0;
	width:260px;
	height:180px;
	overflow:hidden;
	border-radius:15px;
	position:relative;
}
.blog-area .blog-image img{ 
	max-width:260px;
	width:100%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.blog-area .blog-date{
	background:url(../images/icon_blog_date01.png) center no-repeat;
	width:77px;
	height:62px;
	font-family:"ぼくたちのゴシック";
	font-size:22px;
	color:#fff;
	line-height:1.2;
	text-align:center;
	margin:0;
	padding:15px 0 0;
	position:absolute;
	top:-40px;
	left:-10px;
}
.blog-area .blog-date span{
	display:block;
	font-size:16px;
}
.blog-area-wrapper div:nth-child(2) .blog-date{ background-image:url(../images/icon_blog_date02.png); }
.blog-area-wrapper div:nth-child(3) .blog-date{ background-image:url(../images/icon_blog_date03.png); }
.blog-area-wrapper div:nth-child(4) .blog-date{ background-image:url(../images/icon_blog_date04.png); }
.blog-area-wrapper div:nth-child(5) .blog-date{ background-image:url(../images/icon_blog_date04.png); }
.blog-area-wrapper div:nth-child(6) .blog-date{ background-image:url(../images/icon_blog_date03.png); }
.blog-area-wrapper div:nth-child(7) .blog-date{ background-image:url(../images/icon_blog_date02.png); }
.blog-area-wrapper div:nth-child(8) .blog-date{ background-image:url(../images/icon_blog_date01.png); }

.blog-area .blog-unit-inner{
	padding:0 20px;
}

.blog-area .blog-title{
	font-size:18px;
	margin:15px 0 0;
}

.blog-area .blog-text{
	font-size:14px;
	margin:15px 0 0;
}

.blog-area .btn a{
	margin:40px auto 0;
}


/* recruit-area */
.recruit-area{
	background:url(../images/bg_recruit01.png) bottom 28px center no-repeat #f8f5df;
	padding:45px 0 40px;
	text-align:center;
	position:relative;
}

.recruit-area p.recruit-text{
	font-size:18px;
}

.recruit-area .btn2 a{ margin:30px auto 0; }

.recruit-area .bg-recruit02{
	position:absolute;
	top:-10px;
	right:0;
	left:0;
	margin:auto;
	width:316px;
}


/* footer */
.footer-map{ position:relative; }

.footer-map .footer-logo-top{
	position:absolute;
	top:405px;
	right:0;
	bottom:-50px;
	left:0;
	margin:auto;
	width:90px;
}

.footer{
	margin:75px 0 0;
	position:relative;
}