@charset "utf-8";

.sub-tab {margin-bottom:75px; position:relative; overflow:hidden;}
.sub-tab:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ddd; pointer-events:none; border-radius:20px 20px 0 0; border-bottom:0;}
.sub-tab ul li {width:auto; flex:1; border-bottom:1px solid var(--color-primary);}
.sub-tab ul li a {font-weight:600; letter-spacing:-.03em; line-height:1.33em; display:flex; align-items:center; justify-content:center; height:60px; text-align:center; padding:0 13px; color:#999;}
.sub-tab ul li.active {border:1px solid var(--color-primary); border-radius:20px 20px 0 0; border-bottom:0;}
.sub-tab ul li.active a {color:var(--color-primary);}

.greeting {display:flex; justify-content:space-between;}
.greeting .img {width:45.85%;}
.greeting .cnt {width:47.5%;}
.greeting .cnt h3 {margin-bottom:25px; font-size:var(--fz24); font-weight:600; letter-spacing:-.03em; line-height:1.58em;}
.greeting .cnt h3 span {color:var(--color-primary);}
.greeting .cnt p {margin-bottom:33px; color:#666; font-weight:400;}
.greeting .cnt p:last-child {margin-bottom:0;}

.history {padding:40px 0; margin:80px 0 0 45px; border-left:1px solid #ddd;}
.history .group {display:flex; margin-bottom:80px;}
.history .group:last-child {margin-bottom:0;}
.history .group .year {position:relative; padding-left:60px; min-width:210px; font-size:var(--fz32); font-weight:700; letter-spacing:-.03em; line-height:.8em;}
.history .group .year:before {content:''; position:absolute; margin-left:-8px; left:0; top:.15em; width:16px; height:16px; border-radius:100%; background:var(--color-primary); outline:6px solid rgba(227,59,29,.24);}
.history .group ul li {display:flex; margin-bottom:28px;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group .month {min-width:64px; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.1em;}
.history .group .desc {line-height:1.4em; font-weight:400; letter-spacing:-.03em; color:#666;}
.history .group .desc p + p {margin-top:28px;}

.license ul {display:flex; margin:-20px;}
.license ul li {width:25%; padding:20px; text-align:center;} 
.license .tit {margin:28px 0 10px; font-size:var(--fz24); font-weight:700; line-height:1.4em; letter-spacing:-.03em;}
.license .tt {font-weight:600; line-height:1.4em; letter-spacing:-.03em; color:var(--color-primary);}

.biz-wrap {display:flex; justify-content:space-between;}
.biz-wrap .img {width:calc(50% - 20px);}
.biz-wrap .cnt {border:1px solid #ddd; border-radius:16px; padding:30px 60px; display:flex; flex-direction:column; justify-content:center; width:calc(50% - 20px);}
.biz-wrap .cnt .tit {margin-bottom:30px; font-size:var(--fz24); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.biz-wrap .cnt ul {display:flex; flex-wrap:wrap; margin-bottom:-18px;}
.biz-wrap .cnt ul li {margin-bottom:18px; position:relative; padding-left:16px; width:50%; font-weight:400; line-height:1.4em; color:#666;}
.biz-wrap .cnt ul li:before {position:absolute; left:0; top:.5em; content:''; width:5px; height:5px; border-radius:100%; background:var(--color-primary);}

.volunteer .group:not(:last-child) {margin-bottom:80px;}
.volunteer .group .tit {margin-bottom:40px; min-height:80px; padding:20px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.volunteer .group .img {display:flex; justify-content:space-between;}
.volunteer .group .img img {width:calc(50% - 20px);}

.ethics-guide .sec:not(:last-child) {margin-bottom:50px;}
.ethics-guide h2 {margin-bottom:22px; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.ethics-guide ul li {padding-left:1.3em; text-indent:-1.3em; margin-bottom:10px; font-weight:400; letter-spacing:-.03em; color:#666; line-height:1.65em;}
.ethics-guide ul li:last-child {margin-bottom:0;}
.ethics-guide p {font-weight:400; letter-spacing:-.03em; color:#666; line-height:1.65em;}

.enviro-desc {margin:70px 0 55px;}
.enviro-desc p {font-size:var(--fz28); font-weight:700; letter-spacing:-.03em; line-height:1.5em;}
.enviro-desc p strong {color:var(--color-primary);}

.enviro-list ul {border-top:2px solid var(--color-primary);}
.enviro-list ul li {font-size:var(--fz20); font-weight:500; letter-spacing:-.03em; line-height:1.7em; border-bottom:1px solid #ddd; min-height:180px; padding:20px 60px; display:flex; align-items:center;}
.enviro-list .num {margin-right:60px; font-size:var(--fz20); font-weight:700; letter-spacing:-.03em; min-width:60px; height:60px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; border-radius:100%; background:var(--color-primary);}