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

PC

============================*/

/*----------------------------
		mv_area
----------------------------*/
#mv_area{
	background:url(../../img/top/visual.jpg) no-repeat center center #ffecf4;
	
	height:400px;
}

#mv_area .inner{
	position:relative;
}

#mv_area .inner p{
	position:absolute;
	left:12%;
	top:80px;
	background:url(../../img/top/mv_ob.png) no-repeat center bottom;
	background-size:35%;
	font-size:2.143em;
	font-weight:bold;
	line-height: 42px;
	text-align: center;
	padding-bottom: 170px;
}





/*----------------------------
		sub_menu
----------------------------*/
#sub_menu {
	padding:70px 0 55px;
	text-align:center;
}
#sub_menu ul {
	width:94%;
	margin:0 3%;
}
#sub_menu ul li{
	display: inline-block;
	width: 16%;
	max-width:142px;
}

#sub_menu ul li+li{
	margin-left:4%;
}

#sub_menu ul li img{
	width: 100%;
	max-width:142px;
}

#sub_menu ul li:nth-child(4){
	max-width:165px;
	width: 17.5%;
}
#sub_menu ul li:nth-child(4) img{
	max-width:165px;
	
}





/*----------------------------
		proposal
----------------------------*/
#proposal{
	background: #fcfcf6;
}

#proposal .inner{
	max-width:1280px!important;
	padding:100px 0 80px;
	margin:0 auto;
	background:url(../../img/top/proposal_bg.png) no-repeat center center;
}

#proposal .txt_area{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding-left:25%;
}

#proposal h2{
	background:url(../../img/top/proposal_h2_icon.png) no-repeat;
	font-weight:bold;
	font-size:1.714em;
	line-height:35px;
	padding-left: 80px;
	margin-bottom: 35px;
}

#proposal p.txt{
	font-size: 1.143em;
	line-height: 30px;
	margin-bottom: 30px;
}

#proposal p.att{
	color:#ef88b3;
	font-size: 0.929em;
	line-height: 22px;
}





/*----------------------------
		sub_menu02
----------------------------*/
#sub_menu02 {
	padding:60px 0;
}
#sub_menu02 div{
	border:1px solid #e6e6e6;
	border-radius:5px;
	background:#fff;
	width: 31.6%;
	height:100px;
	display:inline-block;
}

#sub_menu02 div:hover{
	opacity:0.7;
}
#sub_menu02 div+div {
	margin-left: 1.7%;
}
#sub_menu02 div a{
	display:block;
	width: 100%;
	height: 100%;
}
#sub_menu02 div span{
	display:inline-block;
	background:url(../../img/sub_menu_arrow.png) no-repeat right center;
	background-size:contain;
	margin-left:30%;
	width:60%;
	max-width:434px;
	margin-top:35px;
	text-align:center;
}

#sub_menu02 div span #sub{
	display:inline-block;
	background-size:contain;
	margin-left:30%;
	width:60%;
	max-width:434px;
	margin-top:35px;
	text-align:center;
}

#sub_menu02 div span img{
	height:15px;
	width:auto;
	vertical-align: middle!important;
}

#sub_menu02 div.sub_ph{
	background:url(../../img/top/sub_ph01.jpg) no-repeat left center;
	background-size:contain;
}

#sub_menu02 div.sub_think{
	background:url(../../img/top/sub_ph02.jpg) no-repeat left center;
	background-size:contain;
}

#sub_menu02 div.sub_recruit{
	background:url(../../img/top/sub_ph03-2.jpg) no-repeat left center;
	background-size:contain;
}




/*----------------------------
		taiken_news
----------------------------*/
#taiken_news{
	background: #fdf8f7;
	padding:80px 0;
}


#taiken_news dl{
	display:table;
	width:100%;
}

#taiken_news dl dt{
	width:40%;
	background-size: 10%;
	display:table-cell;
	font-size: 1.429em;
	font-weight:bold;
	vertical-align:middle;
	padding-left:50px;
}

#taiken_news dl dd{
	vertical-align:middle;
	border-left: 1px solid #cdcdcd;
	padding-left:4.5%;
}

#taiken_news dl dd ul li{
	font-size: 1.143em;
	margin-bottom:15px;
}


#taiken_news dl dd ul li p{
	display:inline-block;
}
#taiken_news dl dd ul li a{
	color:#464646;
	text-decoration: underline;
}
#taiken_news dl dd ul li a:hover{
	color:#464646;
	text-decoration: none;
}
/*共通*/
span.day{
	color:#ef88b3;
}

span.cat{
	background:url(../../img/btn_bg.png) #ef88b3;
	color:#fff;
	padding:2px 5%;
	font-size: 0.929em;
	border-radius:3px;
	display:inline-block;
	margin:0 3%;
}


/*----------------------------
		news
----------------------------*/
.news_wrap{
	margin:100px auto 120px;
}

/*共通*/
#news,
#blog{
	display: inline-block;
	vertical-align:top;
	width:48%;
	max-width:480px;
	padding:0 2%;
	
}
.news_wrap .news_ttl {
	margin-bottom: 30px;
}

.news_wrap .news_ttl p{
	font-size:1.429em;
	font-weight: bold;
	display: inline-block;
	padding-left:45px;
	height:37px;
	line-height:37px;
}

.news_wrap .news_ttl a{
	display: inline-block;
	float:right;
	background:url(../../img/news_arrow.png) no-repeat right 5px center #fff;
	box-shadow:0 1px 0 #eee;
	border-radius:20px;
	width:20%;
	text-align:center;
	color:#ef88b3;
	font-weight:bold;
	text-decoration: none;
}

.news_wrap .news_ttl a:hover{
	opacity:0.7;
}


.news_wrap span.cat{
	background:url(../../img/btn_bg.png) #ef88b3;
	
	color:#fff;
	width:50%;
	padding:2px 5px;
	text-align: center;
}

.news_wrap a{
	color:#464646;
	text-decoration: underline;
}
.news_wrap a:hover{
	text-decoration: none;
}

.news_wrap  dl {
	margin-bottom:10px;
}
.news_wrap  dl dt{
	float:left;
	width:45%;
}
.news_wrap  dl dd{
	width:100%;
	padding-left:35%;
}


/*news*/
#news .news_ttl p{
	background:url(../../img/news_icon.png) no-repeat left center;
}

/*blog*/
#blog {
	margin-left: 1%;
}

#blog a{
	text-decoration: none;
}
#blog .news_ttl p{
	background:url(../../img/top/blog_icon.png) no-repeat left center;
}

#blog .article{
	margin-bottom:10px;
}


#blog .article figure{
	border-radius:5px;
	float:left;
	margin-right:5%;
	width: 25%;
	height: 80px;
}


#blog .article  div{
	float:right;
	width: 70%;
}


#blog span.cat{
	background:url(../../img/btn_bg.png) #ef88b3;
	color:#fff;
	width:25%;
	padding:2px 5px;
	text-align: center;
}



/*----------------------------
		sub_menu03
----------------------------*/
#sub_menu03{
	background: #fdf8f7;
	text-align:center;
	padding:80px 0 100px;
}

#sub_menu03 .sub_box{
	display: inline-block;
	width:20%;
	max-width:230px;
	vertical-align: top;
}

#sub_menu03 .sub_box+div.sub_box{
	margin-left: 3%;
}

#sub_menu03 .sub_box img{
	width:100%;
}

#sub_menu03 .sub_box dl dt{
	text-align: center;
	padding:30px 0;
}

#sub_menu03 .sub_box dl dt img{
	width:100%;
	height:auto;
}

#sub_menu03 .sub_box:first-child dl dt img{
	max-width:110px;
}

#sub_menu03 .sub_box:nth-child(2) dl dt img{
	max-width:143px;
}

#sub_menu03 .sub_box:nth-child(3) dl dt img{
	max-width:190px;
}

#sub_menu03 .sub_box:nth-child(4) dl dt img{
	max-width:143px;
}


#sub_menu03 .sub_box dl dd{
	font-size: 0.929em;
	color: #666;
}