@charset "utf-8";
/*===============================================
 *	選ばれる理由
===============================================*/
.txt-small{font-size:14px;margin: 10px 0 0;}
@media screen and (max-width: 1024px) {
#strength .layer-item .layer-side_img {max-width: initial;width: 46%;}
}
@media screen and (max-width: 960px) {
#strength .secondary-ttl_no_side {font-size: 30px;}
}
@media screen and (max-width: 568px) {
#strength .caption-fld_pad{padding: 50px 0 0;}
#strength .compare-tbl {margin: 0;}
#strength .layer-item .layer-side_img {margin: 0 0 10px;width: 100%;}
#strength .secondary-ttl_no_side{border-radius: 6px 6px 0 0;font-size: 24px;}
#strength .layer-ttl {font-size: 24px;}
}
@media screen and (max-width: 375px) {
#strength .secondary-ttl_no_side{font-size: 22px;}
}
/*-----------------------------------------------
 *	導入文
-----------------------------------------------*/
#strength #intro .layer-item{margin: 0 0 80px;}
#strength #intro .layer-item .layer-side_img {max-width: 510px;}
@media screen and (max-width: 1024px) {
#strength #intro .layer-contents {width: 50%;}
}
@media screen and (max-width: 960px) {
#strength #intro .layer-item{margin: 0 0 80px;}
#strength #intro .layer-hd_box {margin: 0 0 .5em -3em;padding: 0 0 1em 1em;}
}
@media screen and (max-width: 568px) {
#strength #intro .layer-hd_box {margin: -2em 0 0 0;padding: 1em 0;}
#strength #intro .layer-item {margin: 0 0 40px;}
#strength #intro .layer-contents {width: 100%;}
}

/*-----------------------------------------------
 *	選ばれる理由
-----------------------------------------------*/
#strength .reason-contents {max-width: 1120px;margin: 0 auto 60px;position: relative;}
#strength .reason-contents .nm-sub_ttl{border-radius: 6px 6px 0 0;padding: 15px 15px 15px 5em;}
#strength .reason-frame{background: #fff;border-radius: 0 0 6px 6px;max-width: 1120px;padding: 40px 40px 50px;width: 100%;}
#strength .reason-contents:last-child{margin: 0 auto;}

.sub-ttl{border-radius: 6px;color: #fff;font-size: 32px;font-weight: bold;margin: 0 0 30px 0;padding: 15px 0;}
@media screen and (max-width: 1024px) {
#strength .reason-contents {max-width: initial;width: 92%;}
}
@media screen and (max-width: 960px) {
#strength .reason-frame {padding: 20px;}
#strength .reason-contents .nm-sub_ttl {padding: 15px 15px 15px 4.5em;}
}
@media screen and (max-width: 568px) {
#strength {margin: 0 auto 20px;}
#strength .reason-contents .nm-sub_ttl{border-radius: 0;}
#strength .reason-frame {border-radius: 0;border: none;margin: 0 auto;padding: 20px 20px 35px;width: 100%;}
#strength .reason-contents {margin: 0;width: 100%;}
#strength .reason-contents .nm-sub_ttl {padding: 15px 15px 15px 3.25em;}
.sub-ttl {font-size: 24px;}
}
@media screen and (max-width: 375px) {
.sub-ttl {font-size: 22px;}
}
/*-----------------------------------------------
 *	badge
-----------------------------------------------*/
.icon::before {content: "";display: inline-block;width: 114px;height: 114px;position: absolute;left: 40px;top: 50%;transform: translateY(-50%);}
.icon-reason01::before {background: url("../img/strength/reason-icon01.png") no-repeat center;background-size: contain;}
.icon-reason02::before {background: url("../img/strength/reason-icon02.png") no-repeat center;background-size: contain;}
.icon-reason03::before {background: url("../img/strength/reason-icon03.png") no-repeat center;background-size: contain;}
.icon-reason04::before {background: url("../img/strength/reason-icon04.png") no-repeat center;background-size: contain;}
.icon-reason05::before {background: url("../img/strength/reason-icon05.png") no-repeat center;background-size: contain;}
.icon-reason06::before {background: url("../img/strength/reason-icon06.png") no-repeat center;background-size: contain;}
@media screen and (max-width: 960px) {
.icon::before {left: 20px;}
}
@media screen and (max-width: 568px) {
.icon::before {left: 0;width: 74px;height: 74px;}
}
/*-----------------------------------------------
 *	選ばれる理由02
-----------------------------------------------*/
.reason02-wrap {display: grid;gap: 0 30px;grid-template-columns: 50% 1fr;margin: 0 0 40px;}
.reason02-contents{grid-column: 1 / 2;grid-row: 1 / 2;}
.reason02-contents p{font-size: 16px;}
.reason02-point{margin: 0 0 20px 0;}
.reason02-point li{border: var(--site-primary) 2px solid;border-radius: 6px;background: #fff;   color: var(--site-primary);font-size: 22px;font-weight: bold;padding: 5px 10px 5px 35px;position: relative;letter-spacing: 0;}
.reason02-point li::before{content: "";display: block;background: url("../img/common/icon-medal.png") left no-repeat;background-size: contain;width: 26px;height: 30px;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);} 
.reason02-point li:first-child span{font-size: 18px;}
.reason02-point li:nth-child(2) span:nth-of-type(1){font-size: 15px;}
.reason02-point li:nth-child(2) span:nth-of-type(2){font-size: 12px;}
.reason-sub_ttl{font-size: 30px;font-weight: bold;margin: 0 0 10px 0;}
.reason-sub_ttl em{color: var(--site-primary);}
.reason02-detail{grid-column: 3/4;grid-row: 1 / 4;}
.reason02-detail li p{background: #cfad5f;color: #fff;font-size: 20px;font-weight: bold;text-align: center;padding: 15px 0;}
@media screen and (max-width: 1024px) {
.reason02-wrap {gap: 0 20px;grid-template-columns: 54% 1fr;}
.reason02-point{align-items: flex-start;margin: 0;}
.reason02-point li::before{left: 5px;} 
.reason02-point li {font-size: 20px;text-align: center;padding: 5px 5px 5px 35px;}
.reason02-point li:first-child {margin: 0 0 10px 0;}
.reason02-point li:first-child span {font-size: 16px;}
.reason-sub_ttl {font-size: 26px;}
.reason02-point li:nth-child(2) span:nth-of-type(1) {font-size: 14px;}
.reason02-point li:nth-child(2) span:nth-of-type(2) {font-size: 11px;}
.reason02-detail li {width: 23%;}
}
@media screen and (max-width: 960px) {
.reason02-contents {margin: 0 0 20px 0;width: 100%;}
.reason-sub_ttl {font-size: 30px;}
.reason02-wrap {display: block;}
.reason02-wrap img{display: none;}
.reason02-point li {width: 65%;}
.reason02-point li:first-child {width: 30%;}
.reason02-detail li {width: 23%;}
.reason02-detail li p {font-size: 18px;}
}
@media screen and (max-width: 568px) {
.reason02-wrap img{display: block;}
.reason02-point li {padding: 5px 10px 5px 35px;line-height: 1.2;width: auto;}
.reason02-point li::before {left: 5px;width: 21px;height: 25px;}
.reason02-point li:first-child {width: 35%;}
.reason02-point li:first-child span:nth-of-type(1){display: block;text-align: center;}
.reason02-point li:nth-child(2) span:nth-of-type(1){display: block;text-align: center;font-size: 16px;}
.reason-sub_ttl {font-size: 24px;}
.reason02-detail li:nth-child(-n+4) {margin: 0 0 15px 0;width: 48%;}
}
@media screen and (max-width: 393px) {
.reason02-point li {font-size: 16px;}
.reason02-point li:first-child span {font-size: 14px;}
.reason02-point li:nth-child(2) span:nth-of-type(1){font-size: 14px;}
.reason02-point li {padding: 5px 10px 5px 30px;}
.reason02-point li::before {width: 18px;height: 22px;}
.reason-sub_ttl {font-size: 21px;}
}
@media screen and (max-width: 375px) {
.link-service_list.col_4 li img {max-width: 70px;}
}
/*-----------------------------------------------
 *	選ばれる理由03
-----------------------------------------------*/
.reason03-01{margin: 0 0 30px;padding: 0 0 30px;}
.reason03-02{margin: 0 0 50px}
#strength .link-service_list {margin: 0 0 5%;width: 100%;}
.reason03-point_wrap{background: #f6f2e8;border-radius: 6px;padding: 40px;margin: 0 0 40px;}
.reason03-point_box.point01{margin: 0 0 30px;padding: 0 0 30px;}
.reason03-point_box img{max-width: 440px;}
.reason03-point_box .txt-box{width: 50%;}
.reason03-point_box .txt-box dt{font-size: 30px;margin: 0 0 40px;position: relative;}
.reason03-point_box .txt-box p:before {content: "";background: var(--site-primary);position: absolute;bottom: -20px;left: 0;width: 60px;height: 5px;}
.reason03-point_box .txt-box p{font-weight: bold;line-height: 1.4;position: relative;}
.reason03-point_box .txt-box p.txt-position{font-size: 18px;position: absolute;right: 0;bottom: -30px;}
.reason03-point_box .txt-box p.txt-position::before{content: none;}
.ic-point{border-radius: 100vh;background: var(--site-primary);padding: 5px 1.5em;margin: 0 0 5px;display: inline-block;color: var(--site-keycolor);font-size: 20px;font-weight: bold;}
@media screen and (max-width: 1024px) {
.reason03-point_box img {max-width: 360px;}
.reason03-point_box .txt-box {width: 50%;}
.reason03-point_box .txt-box p.txt-position {font-size: 18px;position: relative;}
}
@media screen and (max-width: 960px) {
.reason03-point_wrap {margin: 0 0 20px;padding: 20px;}
#strength .link-service_list.col_4 {margin: 0 0 20px;}
.reason03-point_box .txt-box dt{font-size: 24px;}
.reason03-point_box .txt-box p.txt-position {font-size: 15px;}
.reason03-point_box img {max-width: initial;width: 46%;}
}
@media screen and (max-width: 568px) {
.reason03-point_box img {width: 100%;margin: 0 0 10px;}
.reason03-point_box .txt-box {width: 100%;}
.reason03-02 {margin: 0 0 30px;}
.ic-point {font-size: 17px;}
.reason03-point_box .txt-box dt {font-size: 21px;}
.reason03-point_box .txt-box p.txt-position {font-size: 15px;}
}
@media screen and (max-width: 375px) {
.reason03-point_box .txt-box p{letter-spacing: 0;}
.price-point li p em {font-size: 17px;}
}
/*-----------------------------------------------
 *	選ばれる理由04
-----------------------------------------------*/
#strength .price-point  {justify-content: space-around;}
#strength .price-point li {max-width: 320px;margin: 0 0 20px;width: 100%;}
#strength .price-point li div{margin: 0 0 10px;}
#strength .basic-service_list{margin: 0 0 40px;}
@media screen and (max-width: 1024px) {
#strength .price-point li {max-width: initial;width: 30%;}
#strength .need-detail {width: 65%;}
}
@media screen and (max-width: 960px) {
#strength .need-detail {width: 75%;}
}
@media screen and (max-width: 568px) {
#strength .price-point  {justify-content: space-between;margin: 0 auto;}
#strength .price-point li {width: 47%;}
#strength .need-detail {width: 100%;}
#strength .basic-service_list{margin: 0 0 30px;}
}
/*-----------------------------------------------
 *	選ばれる理由05
-----------------------------------------------*/
#strength .abundant-detail {padding: 0;}
#strength .vertical-contents{margin: 0 0 30px;}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 568px) {
#strength .abundant-detail {margin: 0;}
}
/*-----------------------------------------------
 *	選ばれる理由06
-----------------------------------------------*/
.reason06-01{margin: 0 0 40px;}
.reason06-point{background: #f6f2e8;border-radius: 6px;margin: 0 0 50px;padding: 40px;}
.reason06-point li p{font-size: 30px;font-weight: bold;}
.reason06-point li:first-child{border-bottom: #ccc 2px dashed;padding: 0 0 30px;margin: 0 0 30px;}
.sdgs-contents{margin: 0 0 50px;}
#strength .top-recycle_item{margin: 0 0 40px;}
#strength .bnr-eco{margin: 0 0 50px;}
@media screen and (max-width: 1024px) {
#strength .bnr-eco {width: 100%;}
#strength .sdgs-capt_ttl {font-size: 28px;}
.reason06-point li p {font-size: 28px;}
}
@media screen and (max-width: 960px) {
.reason06-point li p {font-size: 24px;}
#strength .sdgs-capt_ttl {font-size: 22px;}
#strength .sdgs-sentence {padding: 10px;}
}
@media screen and (max-width: 768px) {
#strength .sdgs-capt_ttl {font-size: 20px;}
}
@media screen and (max-width: 568px) {
.reason06-01{margin: 0 0 30px;}
#strength .top-recycle_item {margin: 0 0 30px;width: 100%;}
#strength .sdgs-txt {width: 100%;}
#strength .sdgs-image {width: 100%;}
#strength .sdgs-contents {margin: 0 0 30px;}
.reason06-point {margin: 0 0 20px;padding: 20px;}
.reason06-point li:first-child {padding: 0 0 20px;margin: 0 0 20px;}
.reason06-point li p {font-size: 22px;}
#strength .bnr-eco {margin: 0 0 30px;}
#strength .sdgs-capt_ttl {font-size: 25px;}
#strength .sdgs-caption_box:before,
#strength .sdgs-caption_box:after {width: 1.5em;}
}
@media screen and (max-width: 375px) {
#strength .sdgs-capt_ttl {font-size: 23px;}
}