@charset "UTF-8";

/*---------------service_top---------*/
.service_top_area{
	width: 90%;
	margin: 20px auto;
	display: flex;
	justify-content: space-between;

}
.service_top_item{
	width: 32.33%;
	margin: 20px 0;
}
.service_top_item a:hover img{
	opacity: 0.8;
	-webkit-transform: translatey(-2px);
	        transform: translatey(-2px);
}

.service_ttl_area{
	width: 100%;
	margin: 0 auto;
	padding:20px 0 15px 10%; 
	background-color: #fff;
}
.service_ttl{
	width: 40%;
}
.service_1_area{
	width: 100%;
	margin: 0 auto;
	padding:30px 15% 60px 10%; 
	background-color: rgba(252,237,240,0.80);
	font-size: 1.1rem;
}
.service_1_area h3{
	width: 100%;
	font-size: 1.7rem;
	margin: 10px auto -20px;
	font-weight: 600;
}
.service_1_area h4{
	width: 100%;
	font-size: 1.4rem;
	color: rgba(221,86,122,1.00);
	padding: 10px;
	background-color: #fff;
	border: 1px solid rgba(221,86,122,1.00);
	border-radius: 5px;
	margin: 50px auto 30px;
	display: flex;
	align-items: center;
	font-weight: 500;
}
.service_1_area img{
	width: 40px;
	margin: 0 10px 0 0;
}
.service_2_area{
	width: 100%;
	margin: 0 auto;
	padding:30px 15% 30px 10%; 
	background-color: rgba(252,240,214,0.80);
		font-size: 1.1rem;

}
.service_2_area h4{
	width: 100%;
	font-size: 1.4rem;
	color: #fff;
	padding: 10px 30px;
	background-color: #E79553;
	border-radius: 5px;
	margin: 50px auto 30px;
	font-weight: 500;
}
.service_2_area h5{
	font-size: 1.4rem;
	color: #E79553;
	border-radius: 5px;
	margin: 30px 0;
	font-weight: 500;
}
.service_3_area{
	width: 100%;
	margin: 0 auto -40px;
	padding:30px 15% 60px 10%; 
	background-color: rgba(224,240,220,0.80);
	font-size: 1.1rem;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.service_large{
	font-size: 1.2rem;
	font-weight: 500;
	margin: 30px 0 10px;
}
.service_large span{
	color: rgba(221,86,122,1.00);
}
.service_red{
	color: rgba(221,86,122,1.00);
	font-weight: 500;
}
.service_big{
	font-size: 1.2rem;
	font-weight: 500;
	margin: 10px 0;
}
.service_great{
	font-size: 1.4rem;
	font-weight: 500;
	margin: 10px 0;
}
.service_g{
	color: #3b6d1b;
	font-size: 1.1rem;
	font-weight: 500;
}
.service_3_area span{
	color: #3b6d1b;
}
@media screen and (max-width:900px){

/*---------------service_top---------*/
.service_top_area{
	width: 90%;
	margin: 20px auto;
	display: flex;
	justify-content: space-between;

}
.service_top_item{
	width: 32.33%;
	margin: 20px 0;
}


.service_ttl_area{
	width: 100%;
	margin: 0 auto;
	padding:20px 0 15px 5%; 
	background-color: #fff;
}
.service_ttl{
	width: 45%;
}
.service_1_area{
	width: 100%;
	margin: 0 auto;
	padding:30px 5% 60px 5%; 
	background-color: rgba(252,237,240,0.80);
	font-size: 1.0rem;
}
.service_1_area h3{
	width: 100%;
	font-size: 1.3rem;
	margin: 10px auto -20px;
	font-weight: 600;
}
.service_1_area h4{
	width: 100%;
	font-size: 1.1rem;
	color: rgba(221,86,122,1.00);
	padding: 10px;
	background-color: #fff;
	border: 1px solid rgba(221,86,122,1.00);
	border-radius: 5px;
	margin: 50px auto 30px;
	display: flex;
	align-items: center;
	font-weight: 500;
}
.service_1_area img{
	width: 35px;
	margin: 0 10px 0 0;
}
.service_2_area{
	width: 100%;
	margin: 0 auto;
	padding:30px 15% 30px 10%; 
	background-color: rgba(252,240,214,0.80);
		font-size: 1.0rem;

}
.service_2_area h4{
	width: 100%;
	font-size: 1rem;
	color: #fff;
	padding: 10px 30px;
	background-color: #E79553;
	border-radius: 5px;
	margin: 50px auto 30px;
	font-weight: 500;
}
.service_2_area h5{
	font-size: 1.2rem;
	color: #E79553;
	border-radius: 5px;
	margin: 30px 0;
	font-weight: 500;
}
.service_3_area{
	width: 100%;
	margin: 0 auto -40px;
	padding:30px 15% 60px 10%; 
	background-color: rgba(224,240,220,0.80);
	font-size: 1.0rem;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.service_large{
	font-size: 1.2rem;
	font-weight: 500;
	margin: 30px 0 10px;
}

.service_big{
	font-size: 1.1rem;
	font-weight: 500;
	margin: 10px 0;
}
.service_great{
	font-size: 1.2rem;
	font-weight: 500;
	margin: 10px 0;
}
.service_g{
	color: #3b6d1b;
	font-size: 1.0rem;
	font-weight: 500;
}
.service_3_area span{
	color: #3b6d1b;
}
}
@media screen and (max-width:480px){
/*---------------service_top---------*/
.service_top_area{
	width: 70%;
	margin: 20px auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}
.service_top_item{
	width: 100%;
	margin: 10px auto;
	}

.service_ttl_area{
	width: 100%;
	margin: 0 auto;
	padding:20px 0 15px 5%; 
	background-color: #fff;
}
.service_ttl{
	width: 80%;
}
.service_1_area{
	width: 100%;
	margin: 0 auto;
	padding:30px 5% 60px 5%; 
	background-color: rgba(252,237,240,0.80);
	font-size: 1.0rem;
}
.service_1_area h3{
	width: 100%;
	font-size: 1.2rem;
	margin: 10px auto -20px;
	font-weight: 600;
}
.service_1_area h4{
	width: 100%;
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: rgba(221,86,122,1.00);
	padding: 10px;
	background-color: #fff;
	border: 1px solid rgba(221,86,122,1.00);
	border-radius: 5px;
	margin: 50px auto 30px;
	display: flex;
	align-items: center;
	font-weight: 500;
}
.service_1_area img{
	width: 35px;
	margin: 0 10px 0 0;
}
.service_2_area{
	width: 100%;
	margin: 0 auto;
	padding:20px 5% 20px 5%; 
	background-color: rgba(252,240,214,0.80);
		font-size: 1.0rem;

}
.service_2_area h4{
	width: 100%;
	font-size: 1.2rem;
	color: #fff;
	padding: 10px 30px;
	background-color: #E79553;
	border-radius: 5px;
	margin: 50px auto 30px;
	font-weight: 500;
}
.service_2_area h5{
	font-size: 1.2rem;
	color: #E79553;
	border-radius: 5px;
	margin: 30px 0;
	font-weight: 500;
}
.service_3_area{
	width: 100%;
	margin: 0 auto -40px;
	padding:30px 15% 60px 10%; 
	background-color: rgba(224,240,220,0.80);
	font-size: 1.0rem;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.service_large{
	font-size: 1.1rem;
	font-weight: 500;
	margin: 30px 0 10px;
	line-height: 1.6rem
}

.service_big{
	font-size: 1.1rem;
	font-weight: 500;
	margin: 10px 0;
}
.service_great{
	font-size: 1.0rem;
	font-weight: 500;
	margin: 10px 0;
}
.service_g{
	color: #3b6d1b;
	font-size: 1.0rem;
	font-weight: 500;
}
.service_3_area span{
	color: #3b6d1b;
}
}