@charset "utf-8";
/*////////////////////////////////////
service
////////////////////////////////////*/

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 0px) and (max-width: 767px) {

}
@media screen and (min-width: 768px) {
.under_logo_mark {
	position: absolute;
	width: 700px;
	top: -92px;
	left: 50%;
	padding-top: 50px;
	transform: translate(-50%,0);
	background: url("../img/logo_back.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 2;
}
.under_logo_mark img {
	display: block;
	width: 10%;
	margin-left: auto;
	margin-right: auto;
}
.under_logo_mark2 {
	position: absolute;
	width: 700px;
	top: -92px;
	left: 50%;
	padding-top: 50px;
	transform: translate(-50%,0);
	background: url("../img/logo_back2.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 2;
}
.under_logo_mark2 img {
	display: block;
	width: 10%;
	margin-left: auto;
	margin-right: auto;
}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.under_logo_mark {
	position: absolute;
	width: 100%;
	top: -92px;
	left: 50%;
	padding-top: 50px;
	transform: translate(-50%,0);
	background: url("../img/logo_back.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 2;
}
.under_logo_mark img {
	display: block;
	width: 10%;
	margin-left: auto;
	margin-right: auto;
}
.under_logo_mark2 {
	position: absolute;
	width: 100%;
	top: -92px;
	left: 50%;
	padding-top: 50px;
	transform: translate(-50%,0);
	background: url("../img/logo_back2.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 2;
}
.under_logo_mark2 img {
	display: block;
	width: 10%;
	margin-left: auto;
	margin-right: auto;
}
}



#section_header {
	position: relative;
	z-index: 2;
	background: #FFF;
}
#section_header2 {
	position: relative;
	z-index: 2;
	background: #faf7f0;
	margin-top: 150px;
}
@media screen and (min-width: 768px) {
.under_top_title {
	position: relative;
	text-align: center;
	padding: 50px 0;
	background: #FFF;
}
.under_top_title2 {
	position: relative;
	text-align: center;
	padding: 50px 0;
	background: #faf7f0;
}
.under_top_title h2,
.under_top_title2 h2 {
	font-size: 2.4rem;
	color: #7db25a;
	font-weight: 400;
}
.under_top_subtitle {
	position: relative;
	text-align: center;
	font-size: 4.8rem;
	color: #7db25a;
	font-weight: 400;
}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
.under_top_title {
	position: relative;
	text-align: center;
	padding: 50px 0;
	background: #FFF;
}
.under_top_title2 {
	position: relative;
	text-align: center;
	padding: 50px 0;
	background: #faf7f0;
}
.under_top_title h2,
.under_top_title2 h2 {
	font-size: 2.4rem;
	color: #7db25a;
	font-weight: 400;
}
.under_top_subtitle {
	position: relative;
	text-align: center;
	font-size: 2.8rem;
	color: #7db25a;
	font-weight: 400;
}
}

@media screen and (min-width: 768px) {
#service1_img_sp {
	display: none;
}
#service1_area {
	position: relative;
	background: #FFF;
	padding: 100px 0;
	z-index: 2;
}
#service1_place {
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}
#service1_img {
	position: relative;
	width: 40%;
	margin-right: 4%;
	z-index: 2;
}
#service1_img2 {
	position: relative;
	width: 16%;
	margin-right: -4%;
	margin-top: 100px;
	z-index: 3;
}
#service1_img img,
#service1_img2 img {
	border-radius: 10%;
}
.under_service_word {
	position: relative;
	width: 48%;
	color: rgba(91,64,44,1.00);
	margin-left: auto;
	margin-right: 90px;
	text-align: left;
	line-height: 2;
	font-size: 2.4rem;
}
.under_service_word span {
	color: #7db25a;
}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
#service1_area {
	position: relative;
	background: #FFF;
	padding: 50px 0;
	z-index: 2;
}
#service1_place {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#service1_img {
	display: none;
}
#service1_img_sp {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}
#service1_img2 {
	display: none;
}
#service1_img img,
#service1_img2 img {
	border-radius: 10%;
}
.under_service_word {
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: rgba(91,64,44,1.00);
	text-align: left;
	line-height: 2;
	font-size: 1.8rem;
}
.under_service_word span {
	color: #7db25a;
}
}


@media screen and (min-width: 768px) {
#service2_area {
	position: relative;
	width: 100%;
	background: #faf7f0;
	z-index: 2;
	padding: 100px 0;
}
#service2_img_sp {
	display: none;
}
#service2_img {
	position: absolute;
	width: 300px;
	top: 50px;
	right: -200px;
}
#service2_img img {
	border-radius: 50px;
}
#service2_place {
	position: relative;
	width: 80%;
	background: #FFF;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
#service2_word {
	position: relative;
	width: 58%;
	font-size: 2.4rem;
	line-height: 2;
	font-weight: 400;
	color: rgba(91,64,44,1.00);
	padding: 80px 0;
	margin-left: 20%;
}
#service2_word span {
	color: #7db25a;
}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
#service2_area {
	position: relative;
	width: 100%;
	background: #faf7f0;
	z-index: 2;
	padding: 100px 0;
}
#service2_img_sp {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}
#service2_img {
	display: none;
}
#service2_img img {
	border-radius: 50px;
}
#service2_place {
	position: relative;
	width: 100%;
	background: #FFF;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
#service2_word {
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.8rem;
	line-height: 2;
	font-weight: 400;
	color: rgba(91,64,44,1.00);
	padding: 10px 0 50px 0;
}
#service2_word span {
	color: #7db25a;
}
}


@media screen and (min-width: 768px) {
#service3_area {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 100px 0;
}
#service3_img {
	position: relative;
	width: 30%;
}
#service3_img img {
	border-radius: 50px;
}
#service3_img_sp {
	display: none;
}
#service3_word {
	position: relative;
	width: 60%;
	margin-left: 10%;
	padding: 50px 0;
	font-size: 2.4rem;
	line-height: 2;
	font-weight: 400;
	color: rgba(91,64,44,1.00);
}
#service3_word span {
	color: #7db25a;
}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
#service3_area {
	position: relative;
	width: 100%;
	max-width: 1200px;

	padding: 10px 0 50px 0;
}
#service3_img {
	display: none;
}
#service3_img img {
	border-radius: 50px;
}
#service3_img_sp {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}
#service3_word {
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0;
	font-size: 1.8rem;
	line-height: 2;
	font-weight: 400;
	color: rgba(91,64,44,1.00);
}
#service3_word span {
	color: #7db25a;
}
}