@chaset "UTF-8";

.overview > .txt, .overview .row > .txt {margin-bottom: 81px;}
.overview .map figure {width: 800px; margin: 0 auto;}
.sec-tit {margin-bottom: 50px;}
.esg-item {padding: 27px;}
.esg-item .desc {width: 60%;}


.inquiry-area {padding: 0; margin: 100px 0 80px;}
.inquiry-area .subtitle {width: 324px; margin-top: 23px;}
.inquiry-area .subtitle h3 {color: #0e1518; font-size: 22px; line-height: 1.27;}
.inquiry-area .subtitle h3:before {content: ''; display: block; width: 30px; height: 2px; background: #3bb149; margin-bottom: 22px;}
.inquiry-area .icon-wrap .icon-item {width: 432px; max-width: inherit; justify-content: start; padding-left: 30px;}
.inquiry-area .icon-item + .icon-item {margin-left: 0;}
.inquiry-area .icon-item .txt {padding-left: 31px;}
.inquiry-area .icon-item .tit {font-weight: 200; font-size: 18px;}
.inquiry-area .tel-icon-grey {background-image: url(/assets/image/bgf/esg/winwin/org/ico_phone.png);}
.inquiry-area .email-icon {background-image: url(/assets/image/bgf/esg/winwin/org/ico_email.png);}

@media screen and (max-width: 1440px) {
	.overview > .txt, .overview .row > .txt {margin-bottom: 5.63vw;}
	.overview .map figure {width: 55.56vw;}
	.sec-tit {margin-bottom: 3.47vw;}
	.esg-item {padding: 1.88vw;}
	.esg-item + .esg-item {margin-left: 1.11vw;}
	.esg-item .num {font-size: 2.22vw;}
	.esg-item .num:after {margin: 0 2.08vw;}
	.esg-item .desc {font-size: 1.04vw;}

	.inquiry-area {margin: 6.94vw 0 5.56vw;}
	.inquiry-area .subtitle {width: 22.50vw; margin-top: 1.60vw;}
	.inquiry-area .subtitle h3 {color: #0e1518; font-size: 1.53vw;}
	.inquiry-area .subtitle h3:before {width: 2.08vw; height: 0.14vw; margin-bottom: 1.53vw;}
	.inquiry-area .icon-wrap .icon-item {width: 30.00vw; padding-left: 2.08vw;}
	.inquiry-area .icon-item + .icon-item {margin-left: 0;}
	.inquiry-area .icon-item .txt {padding-left: 2.15vw;}
	.inquiry-area .icon-item .tit {font-size: 1.25vw;}
}

@media screen and (max-width: 768px) {
	.m-full .sec:nth-child(2) {padding: 0 3.57vw;}
	.overview > .txt .tit {margin-bottom: 9.29vw; line-height: normal; letter-spacing: normal;}
	.overview > .txt, .overview .row > .txt {margin-bottom: 5.71vw;}
	.overview .map figure {width: 79.76vw;}
	.overview figure:before {display: none;}

	.sec + .sec {margin-top: 11.90vw;}
	.sec:nth-child(2) {margin-top: 13.57vw;}
	.sec:nth-child(2) .sec-tit {margin-bottom: 1.19vw;}
	.sec-tit {margin-bottom: 3.57vw;}
	.esg-item-wrap {flex-wrap: wrap;}
	.esg-item {padding: 1.90vw; flex-basis: 47%; padding: 2.86vw 2.38vw 3.10vw; margin: 2.38vw 1.19vw 0;}
	.esg-item + .esg-item {margin-left: 1.19vw;}
	.esg-item .num {font-size: 3.81vw; font-weight: 500;}
	.esg-item .num:after {margin: 0 3.10vw; height: 2.38vw;}
	.esg-item .desc {font-size: 2.86vw; letter-spacing: normal;}

	.inquiry-area {margin: 6.90vw 0 11.90vw;}
	.inquiry-area .sec-tit {margin-bottom: 4.76vw;}
	.inquiry-area div {display: block;}
	.inquiry-area .subtitle {width: 100%; margin-top: 1.67vw;}
	.inquiry-area .subtitle h3 {color: #0e1517; font-size: 2.86vw; font-weight: 300; letter-spacing: normal; line-height: normal;}
	.inquiry-area .subtitle h3:before {display: none;}
	.inquiry-area .icon-wrap .icon-item {width: 30.00vw; padding-left: 0; margin-top: 5.95vw; align-items: start;}
	.inquiry-area .icon-item + .icon-item {margin-left: 0;}
	.inquiry-area .icon-item .txt {padding-left: 4.76vw;}
	.inquiry-area .icon-item .tit {font-size: 2.86vw; padding: 1.19vw 0 0.71vw; color: #0e1517; font-weight: 600; margin-bottom: 0;}
	.inquiry-area .icon-item:nth-child(2) .tit {padding-top: 2.86vw;} 
	.inquiry-area .icon-item .desc {letter-spacing: normal;}
}

@media screen and (max-width: 350px) {
	.inquiry-area .subtitle h3 {font-size: 10px;}
	.inquiry-area .icon-item .tit {font-size: 10px;}
}

@media screen and (max-width: 320px) {
	.m-full .sec:nth-child(2) {padding: 0 11px;}
	.overview > .txt .tit {margin-bottom: 30px;}
	.overview > .txt, .overview .row > .txt {margin-bottom: 18px;}
	.overview .map figure {width: 255px;}

	.sec + .sec {margin-top: 38px;}
	.sec:nth-child(2) {margin-top: 43px;}
	.sec:nth-child(2) .sec-tit {margin-bottom: 4px;}
	.sec-tit {margin-bottom: 11px;}
	.esg-item {padding: 6px; padding: 9px 8px 10px; margin: 8px 4px 0;}
	.esg-item + .esg-item {margin-left: 4px;}
	.esg-item .num {font-size: 12px;}
	.esg-item .num:after {margin: 0 10px; height: 8px;}
	.esg-item .desc {font-size: 9px; width: 71%;}

	.inquiry-area {margin: 22px 0 38px;}
	.inquiry-area .sec-tit {margin-bottom: 15px;}
	.inquiry-area .subtitle {margin-top: 5px;}
	.inquiry-area .icon-wrap .icon-item {width: 96px; margin-top: 19px;}
	.inquiry-area .icon-item .txt {padding-left: 15px;}
	.inquiry-area .icon-item .tit {padding: 4px 0 2px;}
	.inquiry-area .icon-item:nth-child(2) .tit {padding-top: 9px;} 
}