@chaset "UTF-8";

/* tab-menu */
.tab-menu.tab ul {border: none;}
.tab-menu.tab ul li {width: 25%; border: none;}
.tab-menu.tab ul li a {font-size: 15px; color: #999999; text-align: center; line-height: 1.44; letter-spacing: normal; padding: 0 10px 20px 11px;}
.tab-menu.tab ul li.active a{color: #39b54a;}
.tab-menu.tab ul li a span{display: block; font-size: 18px; line-height: 1.74;}

.sec-tit + .desc p {text-align: center; font-size: 18px; color: #666; margin-bottom: 59px; letter-spacing: normal;}
.sec-tit {margin-bottom: 49px;}

/* tab-cont */
.tab-cont {border-top: 2px solid #0e1518;}
.tab-cont ul li {padding: 50px 0 50px 40px; border-bottom: 1px solid #ddd;} 
.tab-cont ul li h5 {font-size: 18px; color: #0e1518; margin-bottom: 40px;} 
.tab-cont .obj figure {width: 418px;} 
.tab-cont .txt {padding: 20px 0 0 40px;} 
.tab-cont .txt .logo {align-items: center;}
.tab-cont .txt .logo figure:nth-child(2) {margin-left: 7px;}
.tab-cont .txt .desc p {margin: 0; text-align: start; letter-spacing: -.067em;} 
.tab-cont .txt .desc p + p {margin: 0;}
.tab-cont .txt .desc p:nth-child(1) {margin-top: 18px;} 
.tab-cont .txt .desc p:nth-child(2) {margin-top: 20px;}

/* logo */
.sharing .tab-cont ul li:nth-child(1) .txt .logo figure:nth-child(1) {width: 78px;}
.sharing .tab-cont ul li:nth-child(1) .txt .logo figure:nth-child(2) {width: 57px;}
.sharing .tab-cont ul li:nth-child(2) .txt .logo figure {width: 64px;}
.sharing .tab-cont ul li:nth-child(3) .txt .logo figure {width: 59px;}
.cooperation .tab-cont ul li:nth-child(1) .txt .logo figure {width: 54px;}
.cooperation .tab-cont ul li:nth-child(2) .txt .logo figure {width: 114px;}
.donation .tab-cont ul li:nth-child(1) .txt .logo figure {width: 65px;}
.donation .tab-cont ul li:nth-child(2) .txt .logo figure {width: 90px;}
.support .tab-cont ul li:nth-child(1) .txt .logo figure {width: 172px;}

@media screen and (max-width: 1440px) {
	/* tab-menu */
	.tab-menu.tab ul li a {font-size: 1.04vw; padding: 0 0.69vw 1.39vw 0.76vw;}
	.tab-menu.tab ul li a span{ font-size: 1.25vw;}

	.sec-tit + .desc p { font-size: 1.25vw; margin-bottom: 4.10vw;}
	.sec-tit {margin-bottom: 3.40vw;}

	/* tab-cont */
	.tab-cont ul li {padding: 3.47vw 0 3.47vw 2.78vw;} 
	.tab-cont ul li h5 {font-size: 1.25vw;  margin-bottom: 2.78vw;} 
	.tab-cont .obj figure {width: 29.03vw;} 
	.tab-cont .txt {padding: 1.39vw 0 0 2.78vw;} 
	.tab-cont .txt .logo figure:nth-child(2) {margin-left: 0.49vw;}
	.tab-cont .txt .desc p:nth-child(1) {margin-top: 1.25vw;} 
	.tab-cont .txt .desc p:nth-child(2) {margin-top: 1.39vw;}

	/* logo */
	.sharing .tab-cont ul li:nth-child(1) .txt .logo figure:nth-child(1) {width: 5.42vw;}
	.sharing .tab-cont ul li:nth-child(1) .txt .logo figure:nth-child(2) {width: 3.96vw;}
	.sharing .tab-cont ul li:nth-child(2) .txt .logo figure {width: 4.44vw;}
	.sharing .tab-cont ul li:nth-child(3) .txt .logo figure {width: 4.10vw;}
	.cooperation .tab-cont ul li:nth-child(1) .txt .logo figure {width: 3.75vw;}
	.cooperation .tab-cont ul li:nth-child(2) .txt .logo figure {width: 7.92vw;}
	.donation .tab-cont ul li:nth-child(1) .txt .logo figure {width: 4.51vw;}
	.donation .tab-cont ul li:nth-child(2) .txt .logo figure {width: 6.25vw;}
	.support .tab-cont ul li:nth-child(1) .txt .logo figure {width: 11.94vw;}
}

@media screen and (max-width: 768px) {
	.sec-tit {margin-bottom: 7.14vw;}
	.sec-tit + .desc p {font-size: 3.81vw; line-height: normal; margin-bottom: 9.52vw;}

	.tab-menu.tab {height: 12.62vw; position: relative; margin-bottom: 3.57vw;}
	.tab-menu.tab:after {content: ''; display: block; position: absolute; top: 4.29vw; right: 3.57vw; width: 2.38vw; height: 2.38vw; border-width: 0.48vw 0.48vw 0 0; border-style: solid; border-color: #fff; }
	.tab-menu.tab.active:after {top: 5.29vw;}
	.tab-menu.tab ul {position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; border-top: 1px solid #e6e6e6;}
	.tab-menu.tab ul li.active {background-color: #3bb149;}
	.tab-menu.tab ul li {border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}
	.tab-menu.tab ul li a {font-size: 2.86vw; color: #999; padding: 2.38vw 3.33vw; line-height: 1.33;}
	.tab-menu.tab ul li.active a {color: #fff;}
	.tab-menu.tab ul li a span {font-size: 3.33vw; line-height: 1.14; font-weight: 300;}

	.tab-cont .obj figure {width: 100%;}
	.tab-cont ul li {padding: 4.76vw 0 5.95vw;}
	.tab-cont ul li:nth-child(3) figure {height: 34.05vw;}
	.tab-cont ul li:nth-child(3) figure img {height: 100%;}
	.tab-cont ul li > div {display: block;} 
	.tab-cont ul li h5 {color: #0e1517; font-size: 3.33vw; font-weight: 500; margin-bottom: 2.38vw;}
	.tab-cont ul li .txt {padding: 0;}
	.tab-cont ul li .desc {margin-top: 1.19vw;}
	.tab-cont ul li .desc h6 {color: #0e1517; font-size: 2.86vw; font-weight: 300;}
	.tab-cont ul li .desc p {font-size: 2.86vw; letter-spacing: normal; line-height: normal;}
	.tab-cont ul li .txt .desc p:nth-child(2) {margin-top: 1.19vw;}
}

@media screen and (max-width: 340px) {
	.tab-menu.tab ul li a {font-size: 10px;} 
	.tab-cont ul li .desc h6 {font-size: 10px;}
	.tab-cont ul li .desc p {font-size: 9px;}
}

@media screen and (max-width: 320px) {
	.sec-tit {margin-bottom: 23px;}
	.sec-tit + .desc p {font-size: 12px; margin-bottom: 30px;}

	.tab-menu.tab {height: 40px;  margin-bottom: 11px;}
	.tab-menu.tab:after {   top: 14px; right: 11px; width: 8px; height: 8px; border-width: 2px 2px 0 0;}
	.tab-menu.tab.active:after {top: 17px;}
	.tab-menu.tab ul li a {padding: 8px 11px;}
	.tab-menu.tab ul li a span {font-size: 11px;}

	.tab-cont ul li {padding: 15px 0 19px;}
	.tab-cont ul li:nth-child(3) figure {height: 109px;}
	.tab-cont ul li h5 { font-size: 11px;  margin-bottom: 8px;}
	.tab-cont ul li .desc {margin-top: 4px;}
	.tab-cont ul li .txt .desc p:nth-child(2) {margin-top: 4px;}
}