@charset "UTF-8";
@media screen and (max-width:640px){
	
/*============================

SP

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



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


#mv_area .inner p{
	position:absolute;
	left:28px;
	top:20px;
	background:url(../../img/top/mv_ob.png) no-repeat center bottom;
	background-size:35%;
	font-size:16px;
	font-weight:bold;
	line-height: 1.4;
	text-align: center;
	padding-bottom: 50px;
}


/*----------------------------
		sub_menu
----------------------------*/
#sub_menu {
	padding:40px 0 0;
}
#sub_menu ul {
	width:90%;
	margin:0 auto;
}
#sub_menu ul li{
	display: inline-block;
	width: 30%;
	margin:0 0 30px;
	text-align:center;
}

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

#sub_menu ul li:nth-child(4){
	margin-right: 10px;
	width: 35%;
}


/*----------------------------
		proposal
----------------------------*/

#proposal .inner{
	width:90%;
	max-width:640px;
	padding:50px 0 40px;
}

#proposal .txt_area{
	padding-left:0;
}

#proposal h2{
	background:url(../../img/top/proposal_h2_icon.png) no-repeat left center;
	background-size:12%;
	font-weight:bold;
	font-size:18px;
	line-height:25px;
	padding: 5px 0 5px 60px;
	margin-bottom: 25px;
}

#proposal h2 br{
	display:none;
}


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



/*----------------------------
		sub_menu02
----------------------------*/

#sub_menu02 div{
	width: 90%;
	height:100px;
	display:block;
	margin: 0 auto 20px;
}

#sub_menu02 div+div {
	margin-left:auto;
}




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


#taiken_news dl{
	display:block;
	width:90%;
	margin:0 auto;
	text-align: center;
}

#taiken_news dl dt{	
	width:80%;
	max-width:280px;
	display:inline-block;
	padding:10px 0 10px 50px;
	font-size: 18px;
	margin-bottom:10px;
	background-size: contain;
	padding-left: 0;
}

#taiken_news dl dd{
	border-left: none;
	padding-left:0;
}

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

#taiken_news dl dd ul li span.day{
	display:block;
}

/*共通*/


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





/*----------------------------
		news
----------------------------*/
.news_wrap{
	margin:30px auto 40px;
}

/*共通*/
#news,
#blog{
	display: block;
	width:90%;
	margin:0 auto;
	max-width:640px;
	padding:0;
	
}
.news_wrap .news_ttl {
	margin-bottom: 20px;
	padding-top: 20px;
	height:auto;
}

.news_wrap .news_ttl p{
	display: inline-block;
	padding-left:45px;
	height:37px;
	line-height:37px;
}

.news_wrap .news_ttl a{
	width:30%;
}



.news_wrap span.cat{
	width:75%;
	font-size: 10px;
	padding:0 5px;
}

.news_wrap  dl dt{
	float:left;
	width:35%;
}
.news_wrap  dl dd{
	width:100%;
	padding-left:35%;
}



/*blog*/
#blog {
	margin-left: auto;
}

#blog .article img{
	float:left;
	margin-right:15px;
	width:40%;
}

#blog span.cat{
	color:#fff;
	width:25%;
	padding:0;
}
















/*----------------------------
		sub_menu03
----------------------------*/
#sub_menu03{
	padding:40px 0;
}



#sub_menu03 h3{
	margin-bottom: 30px;
}



/**/
#sub_menu03 .sub_box{
	width:40%;
	margin-bottom: 20px;
}

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

#sub_menu03 .sub_box:nth-child(even){
	margin-left: 3%!important;
}


#service .sub_box dl dt{
	padding:20px 0;
}



#service .sub_box dl dd{
	font-size: 13px;
	color: #ccc;
}

}