@charset "utf-8";

#lower_pageMV h1{margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #006e38;}
#lower_pageMV h1 img{max-width: 401px;}

@media screen and (max-width:960px){
	#lower_pageMV .lower_page_title{padding: 30px 20px 0 0;}
	#lower_pageMV h1{width: 90%; padding-bottom: 15px; margin-bottom: 20px;}
#lower_pageMV h1 img{max-width: 100%;}
}
@media screen and (max-width:640px){
	#lower_pageMV h1{width: 80%;}
	#lower_pageMV .lower_page_title{padding: 30px 0 0 0;}
}

/* service08_con01
---------------------------------------------------------- */
#service08_con01 {margin-top: 70px;}
.s_intro {max-width: 850px;margin: 0 auto;}
.s_intro .underline_title_big {margin-bottom: 20px;}
.s_intro p {line-height: 2;text-align: center;}
@media screen and (max-width:960px){
  #service08_con01 {margin-top: 40px;}
	.s_intro .underline_title_big {
    margin-bottom: 12px;
  }
}

/* service08_con02
---------------------------------------------------------- */
#service08_con02 {background: #d9e9e1;padding: 80px 0;margin-top: 80px;text-align: center;}
.meritList {display: flex;flex-wrap: wrap;justify-content: center;}
.meritList li {position: relative;max-width: 326px;background: #fff;padding: 10px;margin: 60px 1% 0;}
.meritList li:before {
	content: '';position: absolute;top: -20px;left: 20px;width: 38px;height: 49px;
	background: url("../../../img/pages/service/08/clip.png")no-repeat center center;background-size: cover;
}
.meritList li .frameBox {border: 2px dashed #d9e9e1;padding: 10px;}
.meritList li h4 {border-bottom: 1px solid #006e38;padding: 15px 0 5px;margin-bottom: 5px;}
.meritList li p {text-align: left;}
@media screen and (max-width:960px){
	#service08_con02 {padding: 40px 0;margin-top: 40px;}
	.meritList li {width: 100%;margin: 30px 0 0;}
}

/* service08_con03
---------------------------------------------------------- */
#service08_con03 {margin-top: 90px;text-align: center;}
#service08_con03 .photo01 {margin-top: 80px;}
@media screen and (max-width:960px){
	#service08_con03 {margin-top: 40px;}
	#service08_con03 .photo01 {margin-top: 30px;}
}

/* service08_con04
---------------------------------------------------------- */
#service08_con04 {margin-top: 80px;text-align: center;}
#service08_con04 .inner {max-width: 1200px;}
#service08_con04 h3{margin-bottom: 10px;}
@media screen and (max-width:960px){
	#service08_con04 {margin-top: 40px;}
}

/* service08_con05
---------------------------------------------------------- */
#service08_con05 {padding-bottom: 90px;}
.con05_contents {display: flex;flex-wrap: wrap;justify-content: space-between;
	border: 1px solid #006e38;box-shadow: 10px 10px 0 rgba(0,110,56,0.5);
	border-radius: 50px 0 0 50px;
	margin-top: 50px;
	margin-bottom: 30px;
}
@media screen and (min-width:961px){
	.con05_contents {border-left: none;}
}
.caseArea {color: #fff;background: #006e38;width: 140px;border-radius: 30px;display: flex;flex-flow: column;justify-content: center;align-items: center;text-align: center;}
.caseArea p {margin-top: 30px;}
.textArea {width: calc(65% - 140px);padding: 20px 0;}
.textArea h3 {margin-bottom: 10px;}
.textArea .commentArea {margin-top: 30px;}
.textArea .commentArea .frameBox {position: relative;background: #d9e9e1;border:1px dashed #006e38;padding: 10px 120px 10px 10px;}
.textArea .commentArea .frameBox .commentImg {
	content: '';position: absolute;bottom: -15px;right: -25px;width: 127px;height: 127px;
}
.photoArea {width: 30%;padding: 20px 0;display: flex;align-items: center;}
@media screen and (max-width:960px){
	#service08_con05 {padding-bottom: 40px;}
	.con05_contents {flex-flow: column;border-radius: 50px 50px 0 0;border-top: none;    margin-top: 30px;}
	.caseArea {width: 100%;flex-flow: initial;justify-content: center;padding: 10px 0;}
	.caseArea p {margin-top: 0;}
	.caseArea figure {width: 10vw;margin-right: 5%;}
	.textArea {width: 100%;padding: 20px;}
	.photoArea {width: 100%;padding: 20px;}
	.textArea .commentArea .frameBox .commentImg {bottom: inherit;right: 10px;top: 50%;transform: translateY(-50%);width: 100px;height: auto;}
}

/* service08_con06
---------------------------------------------------------- */
#service08_con06 {background: #d9e9e1;padding: 80px 0;text-align: center;}
#service08_con06 .photoList {display: flex;flex-wrap: wrap;justify-content: space-between;}
#service08_con06 .photoList li {width: 50%;margin-top: 70px;}
@media screen and (max-width:960px){
	#service08_con06 {padding: 40px 0;}
	#service08_con06 .photoList li {width: 100%;margin-top: 30px;}
}

/* service08_con07
---------------------------------------------------------- */
#service08_con07 {padding: 80px 0;text-align: center;}
#service08_con07 h3 {margin-bottom: 30px;}
@media screen and (max-width:960px){
	#service08_con07 {padding: 40px 0;}
}

/* keyword_campaign
---------------------------------------------------------- */
.keyword_campaign {background: #d9e9e1;padding: 60px 0;text-align: center;}
@media screen and (max-width:960px){
	.keyword_campaign {padding: 30px 0;}
}






@media screen and (max-width: 960px){
}
@media screen and (max-width: 640px){
}