@chaset "UTF-8";

.sec-tit {margin-bottom: 49px;}

.direction figure {width: 1030px; margin: 0 auto;}

.site {margin-top: 51px;}
.site .sec-tit:before {width: 30px; height: 2px;}  
.site div {max-width: 1072px; margin: auto;}
.site div a:nth-of-type(1) figure {width: 256px;}
.site div a:nth-of-type(2) figure  {width: 223px;}
.site div a:nth-of-type(3) figure {width: 175px;}
.site div a:nth-of-type(4) figure {width: 277px;}

@media screen and (max-width: 1440px) {
	.sec-tit {margin-bottom: 3.40vw;}

	.direction figure {width: 71.53vw;}

	.site {margin-top: 3.54vw;}
	.site .sec-tit:before {width: 2.08vw; height: 0.14vw;}  
	.site div {max-width: 74.44vw;}
	.site div a:nth-of-type(1) figure {width: 17.78vw;}
	.site div a:nth-of-type(2) figure {width: 15.49vw;}
	.site div a:nth-of-type(3) figure {width: 12.15vw;}
	.site div a:nth-of-type(4) figure {width: 19.24vw;}
}

@media screen and (max-width: 768px) {
	.overview > .txt, .overview .row > .txt {margin-bottom: 12.86vw;}
	.overview > .txt .tit, .overview .row > .txt .tit {line-height: normal; letter-spacing: normal;}
	.overview figure {height: 44.05vw;}
	.overview figure img {height: 100%;}
	.overview .floating-txt .txt {height: 50%; justify-content: start;}
	.overview .floating-txt .desc p {margin-top: 2.38vw;}

	.sec-tit {margin-bottom: 5.95vw;}
	.direction ul {flex-wrap: wrap;}
	.direction ul li {width: 26.67vw; height: 26.67vw; border: 1.43vw solid #3bb149; border-radius: 50%; text-align: center; margin: 0; color: #3bb149;
    font-size: 2.62vw;}
	.direction ul li .txt {width: 80%;}
	.direction ul li .txt p {font-weight: 400; line-height: normal;}

	.site .sec-tit {margin-bottom: 5.73vw;}
	.site .sec-tit:before {width: 7.14vw; height: 0.48vw; margin: 0 auto 2.3vw;} 
	.site div {max-width: 159.52vw; flex-wrap: wrap;}
	.site div a:nth-of-type(1) figure {width: 34.05vw;}
	.site div a:nth-of-type(2) figure {width: 32.62vw;}
	.site div a:nth-of-type(3) figure {width: 24.52vw;}
	.site div a:nth-of-type(4) figure {width: 42.38vw;}
	.site a {width: calc(100% / 2);} 
}

@media screen and (max-width: 370px) {
	.direction ul li {font-size: 10px;}
} 

@media screen and (max-width: 320px) {
	.overview > .txt, .overview .row > .txt {margin-bottom: 41px;}
	.overview > .txt .tit, .overview .row > .txt .tit {line-height: normal; letter-spacing: normal;}
	.overview figure {height: 141px;}
	.overview figure img {height: 100%;}
	.overview .floating-txt .txt {height: 50%;}
	.overview .floating-txt .desc p {margin-top: 8px;}
	
	.sec-tit {margin-bottom: 19px;}
	.direction ul li {width: 85px; height: 85px; border: 5px solid #3bb149;}

	.site .sec-tit {margin-bottom: 18px;}
	.site .sec-tit:before {width: 23px; height: 2px; margin: 0 auto 7px;} 
	.site div {max-width: 510px;}
	.site div a:nth-of-type(1) figure {width: 109px;}
	.site div a:nth-of-type(2) figure {width: 104px;}
	.site div a:nth-of-type(3) figure {width: 78px;}
	.site div a:nth-of-type(4) figure {width: 136px;}
}