@charset "utf-8";


/*-- ABOUT --*/
#about {
	margin: 0;
	background:url(../img/about_bg_pc_02.png) repeat;
}
#about .breadcrumbs {
	background: #D7EFF9;
}






/*-- MV --*/
#about .mv_area {
	position: relative;
	padding: 0 0 0;
	height: 580px;
	background: #D7EFF9 url(../img/about_mv_bg_old.png) repeat-x bottom left;
}
#about .mv_img {
	background: url(../img/about_mv_bg02.png) no-repeat center 20px;
	min-height: 480px;
	padding: 40px 0 0 0;
}

#about .mv_area .top_title .fluttering {
	background-size: 40% auto;
}
#about .mv_area .top_title h2.main_title{
	margin: 15px 0 0 0;
	font-size: 3.6rem;
	line-height: 1.5;
}
#about .mv_area .catch {
    text-align: center;
    font-size: 2rem;
	line-height: 2.2;
	padding: 35px 0 0;
}


@media screen and (max-width: 667px){

	#about .mv_area {
		padding: 0 0;
		height: auto;
		background: none;
	}
	#about .mv_img {
		background: none;
		padding: 0;
		min-height: inherit;
	}


	#about .mv_area .top_title .fluttering {
		background: none;
		padding: 0;
	}
	#about .mv_area .top_title .fluttering img {
		width: 100%;
		height: auto;
		max-width: 480px;
	}
	
	#about .mv_area .top_title h2.main_title {
	}


	#about .mv_area .catch {
		text-align: left;
		font-size: 1.6rem;
		line-height: 1.8;
		background: #E1EBBB;
		padding: 20px;
		color: #222;
	}

}
	



/*-- DETAIL --*/
#about .detail_area {
	position: relative;
	padding: 100px 0 0;
	background: url(../img/about_bg_pc_02.png);
}


/*#about .detail_area .top_title .fluttering {
    padding: 90px 0 0 0;
    margin: -60px auto 0 auto;
}
#about .detail_area .top_title .main_title_text {
	text-align: center;
    margin: -25px auto 60px auto;
}*/



#about .detail_area .catch {
    text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.5rem;
	font-weight: bold;
	letter-spacing: 0.07em;
}
#about .detail_area .catch span {
	font-size: 3.2rem;
}

#about .detail_area .catch span.dot {
    padding-top: .4em;
    background-position: top 7px left;
    background-repeat: repeat-x;
    background-size: 1.05em .3em;
    background-image: radial-gradient(.11em .11em at center center,#92C527,#92C527 100%,transparent);
}


#about .detail_area .img_box {
	text-align: center;
	padding: 40px 0 0 0;
}
#about .detail_area .img_box img {
	vertical-align: bottom;
}


/*
#about .detail_area .detail_block {
	background:linear-gradient(90deg,transparent 0%,transparent 50%,#F8F8EF 50%,#F8F8EF 100%);
}
*/

#about .detail_area .txt_box {
	text-align: left;
	background: url("../img/about_img02_pc.png") no-repeat center center;
	background-size: contain;
	width: 1200px;
	padding: 170px 0 160px 132px;
	margin: 0 auto;
}



.about_hiromi_img {
	display: none;
}

@media screen and (max-width: 667px){
.about_hiromi_img {
	display: block;
	width: 70%;
	    margin: 15px auto 20px;
	
}
}





#about .detail_area .txt_box .title_txt {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.6;
	padding: 0 0 40px;
}
#about .detail_area .txt_box .title_txt span.line {
	font-size: 4rem;
	background: linear-gradient(transparent 75%, #FDEB43 0%);
}



#about .detail_area .txt_box .txt {
	font-size: 1.8rem;
	line-height: 2.4;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}
#about .detail_area .txt_box span.color {
	display: block;
	font-size: 2.6rem;
	font-weight: bold;
	color: #FF7460;
	line-height: 1.6;
	padding: 20px 0 0;
}
#about .detail_area .txt_box span.icon {
	font-size: 2rem;
	font-weight: bold;
	color: #FFF;
	border-radius: 10px;
	padding: 8px 20px;
}
#about .detail_area .txt_box span.health {
	background: #92C527;
	margin: 0 10px;
}
#about .detail_area .txt_box span.time {
	background: #F8BB38;
}
#about .detail_area .txt_box span.money {
	background: #FF85A2;
	margin: 0 10px;
}





@media screen and (max-width: 667px){
	

	#about .detail_area {
		padding: 30px 0 0 0;
	}


	#about .detail_area .catch {
		font-size: 1.8rem;
		line-height: 1.4;
		padding: 0 20px;
	}
	#about .detail_area .catch span {
		font-size: 2.2rem;
	}
	#about .detail_area .catch span.dot {
		background: none;
	}


	#about .detail_area .img_box {
		padding: 20px 10px 0;
	}
	#about .detail_area .img_box img {
		width: 100%;
    margin-bottom: 30px;
	}
	


	#about .detail_area .detail_block {
		background: none;
	}


	#about .detail_area .txt_box {
		text-align: left;
		background: #F2FBF3;
		width: 100%;
		padding: 40px 20px 50px;
	}


	#about .detail_area .txt_box .title_txt {
		font-size: 1.6rem;
		padding: 0 0 15px;
	}
	#about .detail_area .txt_box .title_txt span.line {
		font-size: 2.2rem;
	}

	#about .detail_area .txt_box span.icon {
		font-size: 1.8rem;
		border-radius: 8px;
		padding: 2px 12px;
	}
	#about .detail_area .txt_box span.health,
	#about .detail_area .txt_box span.money {
		margin: 0 5px;
	}
	#about .detail_area .txt_box span.line {
		font-size: 1.8rem;
	}


	#about .detail_area .txt_box .txt {
		font-size: 1.6rem;
		line-height: 1.8;
	}
	#about .detail_area .txt_box span.color {
		display: inline;
		font-size: 2rem;
		padding: 0;
	}
	

}






/*-- cmn service --*/
#about .cmn_service_area {
	padding: 0 0 80px;
}

@media screen and (max-width: 667px){
	
	#about .cmn_service_area {
		padding: 40px 0 0;
	}
	
}


/*
#about .cmn_service_area {
	background:linear-gradient(180deg,transparent 0%,transparent 50%,#FFF 50%,#FFF 100%);
	margin: 45px 0 80px;
}
#about .detail_area .cmn_service_area .top_title .main_title_text {
    margin: 10px auto 60px;
}



@media screen and (max-width: 667px){
	
	#about .cmn_service_area {
		margin: 0 0 40px;
	}
	#about .detail_area .cmn_service_area .top_title .main_title_text {
		margin: 20px 0 0;
	}
	#about .cmn_service_area .service_wrap {
		padding: 35px 0 20px 0;
	}

}
*/

#about .detail_area .img_box .pc_display {
    width: 800px;
    margin-bottom: 0px;
}