@charset "utf-8";

.only-desktop {display:block;}
.only-mobile {display:none;}

@media (max-width: 640px) {
	.only-desktop {display:none;}
	.only-mobile {display:block;}
}

.port-st-tit {font-size:80px; line-height:1.2em; letter-spacing:-.03em;}
.port-st-tit2 {font-family:'Montserrat', sans-serif; font-size:40px; font-weight:600; line-height:1.33em; letter-spacing:-.03em;}

.port-st-1 {background:#106d48; text-align:center; color:#fff; min-height:auto !important; overflow:hidden;}
.port-st-1 .content {padding:260px 0 110px;}
.port-st-1 .txt {font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; margin-bottom:12px;}
.port-st-1 .port-st-tit {font-family:'Montserrat', sans-serif; letter-spacing:-.03em;}
.port-st-1 .port-st-tit strong {font-weight:600;}
.port-st-1 .image {position:relative; height:auto !important;}
.port-st-1 .image img {width:100%;}
.port-st-1 .icon {position:absolute; top:100px; left:100px; width:120px; height:120px; background:#fff; border-radius:100%; box-shadow:0 0 15px rgba(0,0,0,.2); z-index:50;}
.port-st-1 .icon img {position:absolute; top:50%; left:50%; width:55%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.port-st-2 {position:relative; padding:200px 0; line-height:1.56em; letter-spacing:-.03em; overflow:hidden;}
.port-st-2 .contain {max-width:1660px; display:flex; justify-content:space-between;}
.port-st-2 .left {width:43%;}
.port-st-2 .right {width:52%; color:#454545;}
.port-st-2 .title {margin-bottom:30px;}
.port-st-2 .title p {font-size:18px; font-weight:600; line-height:1.5em; letter-spacing:-.03em; margin-bottom:2px;}
.port-st-2 .title h2 {font-size:60px; line-height:1.175em; margin-left:-.02em;}
.port-st-2 .title h3 {line-height:1.175em;}
.port-st-2 .dl-cnt {margin-bottom:65px; color:#454545;} 
.port-st-2 .dl-cnt dl {margin-bottom:25px}
.port-st-2 .dl-cnt dl:last-child {margin-bottom:0;}
.port-st-2 .dl-cnt dt {color:#979797;}
.port-st-2 .btn {display:inline-flex; align-items:center; padding:11px 19px; color:#454545; line-height:1.5em; border:1px solid #ddd; border-radius:50px;}
.port-st-2 .btn svg {margin:-.02em -4px 0 35px;}
.port-st-2 .btn:hover {background:#106d48; color:#fff; border-color:#106d48;}
.port-st-2 .btn:hover svg path {fill:#fff;}
.port-st-2 .group {margin-bottom:62px;}
.port-st-2 .group:last-child {margin-bottom:0;}
.port-st-2 .group h4 {padding-bottom:20px; margin-bottom:20px; font-size:18px; font-weight:600; line-height:1.33em; border-bottom:1px solid #454545;}
.port-st-2 .group ul li {position:relative; padding-left:.6em;}
.port-st-2 .group ul li:before {content:"-"; position:absolute; top:0; left:0;}

.port-st-3 {padding:160px 0; background:#106d48; overflow:hidden;}
.port-st-3 .contain {max-width:1660px; display:flex; align-items:center;}
.port-st-3 .contain > div {width:50%;}
.port-st-3 .img-1 {position:relative; box-shadow:30px 30px 25px rgba(0, 0, 0, 0.2); z-index:2;}
.port-st-3 .img-2 {margin-top:-2.45%;}
.port-st-3 .tit {overflow:hidden;}
.port-st-3 .tit img {display:block; margin-bottom:-1.2em;}

.port-st-4 {padding:160px 0; background:#242424; color:#fff; letter-spacing:-.03em; overflow:hidden;}
.port-st-4 .contain {max-width:1660px; display:flex;}
.port-st-4 .title {width:20%; margin-right:40px;}
.port-st-4 .title h2 {margin-top:-.45em;}
.port-st-4 .typo-word {width:22.5%; margin-right:40px; padding:40px 0; border-top:1px solid #454545; border-bottom:1px solid #454545;}
.port-st-4 .typo-word .lang {font-size:18px; font-weight:500; line-height:1.33em; margin-bottom:15px;}
.port-st-4 .typo-word .word {font-size:100px; font-weight:600; line-height:1.33em;}
.port-st-4 .typo-text {flex:1 1 auto; min-width:0; width:1%; padding:40px 0; border-top:1px solid #454545; border-bottom:1px solid #454545;}
.port-st-4 .typo-text .tit {font-size:18px; font-weight:500; line-height:1.33em; margin-bottom:25px;}
.port-st-4 .typo-text .wrap {display:flex; }
.port-st-4 .typo-text .text {flex:1 1 auto; min-width:0; width:1%; margin-right:40px; font-size:30px; line-height:1.33em; word-break:break-all;}
.port-st-4 .typo-text .text p:not(:last-child) {margin-bottom:10px;}
.port-st-4 .typo-text .weight {width:30%; font-size:18px; line-height:1.33em;}
.port-st-4 .typo-text .weight p:not(:last-child) {margin-bottom:6px;}

.port-st-5 {padding:160px 0; background:#f2f2f2; overflow:hidden;}
.port-st-5 .contain {max-width:1660px; display:flex;}
.port-st-5 .title {width:20%; margin-right:40px;}
.port-st-5 .content {flex:1 1 auto; min-width:0; width:1%; text-align:center;}
.port-st-5 .row {display:flex; flex-wrap:wrap; margin:-20px -10px;}
.port-st-5 .col {width:25%; padding:20px 10px;}
.port-st-5 .color {height:80px; border-radius:8px;}
.port-st-5 dl {margin-top:17px;}
.port-st-5 dt {color:#454545; font-size:18px; font-weight:600; line-height:1.33em; margin-bottom:3px;}
.port-st-5 dd {color:#686868; letter-spacing:-.03em;}

.port-st-6 {overflow:hidden;}
.port-st-6 .contain {max-width:1660px;}
.port-st-6 .title {padding:160px 0 100px;}
.port-st-6 .title h2 {line-height:1.25em; margin-bottom:25px;}
.port-st-6 .title p {color:#454545; line-height:1.56em; letter-spacing:-.03em;}
.port-st-6 .content {padding:160px 0; background:#b7d3c8;}
.port-st-6 .img {position:relative; margin-top:-22%;}
.port-st-6 .img img {width:100%;}

@media (max-width: 1024px) {
	.port-st-tit {font-size:60px;}
	.port-st-tit2 {font-size:28px;}

	.port-st-1 .content {padding:140px 0 60px;}
	.port-st-1 .txt {font-size:16px;}
	.port-st-1 .icon {top:30px; left:30px; width:100px; height:100px;}

	.port-st-2 {padding:100px 0;}
	.port-st-2 .title p {font-size:16px;}
	.port-st-2 .title h2 {font-size:36px;}

	.port-st-3 {padding:100px 0;}
	.port-st-3 .tit img {margin-bottom:-0.7em;}

	.port-st-4 {padding:100px 0;}
	.port-st-4 .contain {flex-wrap:wrap;}
	.port-st-4 .title {width:100%; margin-right:0; margin-bottom:40px;}
	.port-st-4 .typo-word .lang {font-size:16px;}
	.port-st-4 .typo-word .word {font-size:60px;}
	.port-st-4 .typo-text .tit {font-size:16px;}
	.port-st-4 .typo-text .text {font-size:26px;}
	.port-st-4 .typo-text .weight {font-size:16px;}

	.port-st-5 {padding:100px 0;}
	.port-st-5 .contain {display:block;}
	.port-st-5 .title {width:100%; margin-right:0; margin-bottom:40px;}
	.port-st-5 .content {width:100%;}
	.port-st-5 dt {font-size:16px;}
	.port-st-5 dd {font-size:14px;}

	.port-st-6 .title {padding:100px 0 60px;}
	.port-st-6 .content {padding:70px 0 160px;}

}

@media (max-width: 640px) {
	.port-st-tit {font-size:40px;}
	.port-st-tit2 {font-size:25px;}

	.port-st-1 .content {padding:120px 0 40px;}
	.port-st-1 .txt {font-size:15px; margin-bottom:5px;}
	.port-st-1 .port-st-tit {line-height:1.1em;}
	.port-st-1 .icon {top:15px; left:15px; width:70px; height:70px;}

	.port-st-2 {padding:75px 0;}
	.port-st-2 .contain {display:block;}
	.port-st-2 .left {width:100%; margin-bottom:40px;}
	.port-st-2 .right {width:100%;}
	.port-st-2 .title {margin-bottom:20px;}
	.port-st-2 .title p {margin-bottom:5px;}
	.port-st-2 .title h2 {font-size:30px; margin-bottom:2px;}
	.port-st-2 .title h3 {font-size:20px;}
	.port-st-2 .dl-cnt {font-size:13px; margin-bottom:17px;}
	.port-st-2 .dl-cnt dl {margin-bottom:17px;}
	.port-st-2 .btn {padding:9px 15px;}
	.port-st-2 .btn svg {margin-left:23px; margin-right:-1px;}
	.port-st-2 .group {margin-bottom:30px;}
	.port-st-2 .group h4 {padding-bottom:10px; margin-bottom:12px; font-size:16px;}
	

	.port-st-3 {padding:75px 0;}
	.port-st-3 .contain {display:block; position:relative;}
	.port-st-3 .contain > div {width:100%;}
	.port-st-3 .img-1 {box-shadow:none; position:relative; z-index:2;}
	.port-st-3 .img-2 {margin-top:0;}

	.port-st-4 {padding:75px 0;}
	.port-st-4 .contain {display:block;}
	.port-st-4 .title {margin-bottom:15px;}
	.port-st-4 .typo-word {width:100%; margin-right:0; padding:20px 0 0 0; border-bottom:0;}
	.port-st-4 .typo-word .lang {margin-bottom:0;}
	.port-st-4 .typo-text {width:100%; padding:25px 0; border-top:0;}
	.port-st-4 .typo-text .tit {margin-bottom:15px;}
	.port-st-4 .typo-text .wrap {display:block;}
	.port-st-4 .typo-text .text {width:100%; font-size:20px; margin-bottom:20px;}
	.port-st-4 .typo-text .text p:not(:last-child) {margin-bottom:3px;}
	.port-st-4 .typo-text .weight {width:100%;}

	.port-st-5 {padding:75px 0;}
	.port-st-5 .title {margin-bottom:15px;}
	.port-st-5 .content {width:100%;}
	.port-st-5 .row {margin:-10px -4px;}
	.port-st-5 .col {width:50%; padding:10px 4px;}
	.port-st-5 .color {height:45px; border-radius:6px;}
	.port-st-5 dl {margin-top:7px;}
	.port-st-5 dt {font-size:14px; margin-bottom:0;}
	.port-st-5 dd {font-size:13px;}

	.port-st-6 .title {padding:75px 0 50px;}
	.port-st-6 .title h2 {margin-bottom:5px;}
	.port-st-6 .title p br {display:none;}
	.port-st-6 .content {padding:70px 0 120px;}
	.port-st-6 .img {margin-top:0;}
}