@charset "utf-8";

.one-page-nav.fixed {position:fixed;top:0;left:50%; width:100%; transform:translateX(-50%);}

.doc-tab {margin-bottom:70px;}
.doc-tab ul {display:flex;}
.doc-tab ul li {margin-right:10px;}
.doc-tab ul li:last-child {margin-right:0;}
.doc-tab ul li a {border-radius:15px; font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#898989;display:flex; align-items:center; text-align:center; justify-content:center; background:#f7f7f7; min-width:90px; height:30px;padding:0 15px;}
.doc-tab ul li.active a {background:var(--color-primary); color:#fff;}

.green{color:#248d35;}
.greetings .area-01{display:flex;  margin-top:50px;}
.greetings .area-01 h2{width:45%; line-height:1.50em; padding-left:50px; font-size:36px; letter-spacing:-.03em; color:#242424;}
.greetings .sub-area {width:55%; padding-top:10px; letter-spacing:-.03em;}
.greetings .sub-area h3{font-weight:600; font-size:28px;}
.greetings .sub-area .sub-txt-01{font-size:18px; padding-top:50px; width:90%;}
.greetings .sub-txt-01 span{font-size:20px; font-weight:600; letter-spacing:-.03em; color:#242424;}
.greetings .sub-txt-02{font-size:18px; padding-top:50px; font-weight:600; letter-spacing:-.03em; color:#242424;}
.greetings .sub-txt-02 span{font-size:24px; padding-left:20px; font-weight:bold;}

.check-list ul li{font-size:18px; line-height:1.89em; color:#454545; font-weight:400; position: relative; padding-left:25px;}
.check-list ul li::before{content:""; background-image:url('../images/sub/check-ico.png'); background-repeat:no-repeat; background-size:contain; background-position: 50% 50%; width:16px; height:16px; z-index: 1; position: absolute; left:0; top:7px; margin-right:10px;}
.check-list.ty2 {background-color:#fafafa; display:flex; padding:41px 39px; border-radius:10px; margin-left:30px; margin-top:20px;}

.work-wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.work-wrap .group {width:calc(50% - 50px);}
.work-wrap .group2 {margin-top:-115px;}
.work-wrap .group3 {margin-top:370px;}
.work-wrap .hgroup{display:flex; flex-direction:column-reverse; padding-top:100px;}
.work-wrap .hgroup h2{line-height:1.50em; font-size:36px; color:#242424; letter-spacing:-.03em;}
.work-wrap .hgroup p{font-size:18px; color:#ababab; padding-bottom: 20px; letter-spacing:0.2em; font-family: "Play", sans-serif; font-weight:700;}
.work-wrap .img {margin-bottom:30px;}
.work-wrap .img img {border-radius:30px; width:100%;}
.work-wrap .cnt {padding-left:20px;position:relative;}
.work-wrap .cnt h3 {margin-bottom:10px;font-size:28px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.work-wrap .cnt:after {content:""; top:0; background-repeat:no-repeat; background-size:contain; background-position: 50% 50%;
width:111px; height:101px; z-index:1; position: absolute; right:30px;}
.work-wrap .cnt.ico1:after {background-image: url('../images/sub/ico-bee1.png');}
.work-wrap .cnt.ico2:after {background-image: url('../images/sub/ico-bee2.png');}
.work-wrap .cnt.ico3:after {background-image: url('../images/sub/ico-bee3.png');}

.mempers {background-color: #fafafa; border-radius:10px; width:510px; height:150px; margin-top:20px; display:flex; align-items: center; justify-content: center;}
.mempers img{width:165px; height:42px; margin-right:40px;}
.mempers p{color:#454545; font-size:15px; line-height:1.60em;}
.mempers p span{color:#242424; font-size:16px; line-height:1.50em; font-weight:700;}


.one-page-nav.fixed {z-index:20;position: fixed; top:100px; left:50%; width:100%; transform:translateX(-50%);}
.law-wrap .hgroup{text-align: center; letter-spacing:-.03em;}
.law-wrap .hgroup h2{font-size:44px; line-height:1.36em; color:#242424;}
.law-wrap .hgroup p{color:#454545; font-size:18px; line-height:1.72em; padding-top:10px;}
.law-wrap .sub-tab{max-width:1200px; width:100%;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1;border-left:1px solid #e1e1e1;  border-top:1px solid #e1e1e1; border-bottom:1px solid #248d35;}
.sub-tab ul li:last-child {border-right:1px solid #e1e1e1;}
.sub-tab a{background-color: #fafafa;  color:#898989; display:flex; align-items:center;  justify-content:center; height:50px; font-size:18px; line-height:50px; text-align:center;}
.sub-tab ul li.active {background-color: #fff; border:1px solid #248d35; border-bottom:none;}
.sub-tab ul li.active a {color:#248d35; }


.law-section .cnt{display: flex; border-top:3px solid #242424; margin-top:61px; color:#242424; letter-spacing:-.03em;}
.cnt .cnt-tit{width:calc(50% - 67px); margin-top:66px; padding-left:38px;}
.cnt-tit h3{font-size:36px; line-height:1.44em;}
.cnt-tit p{letter-spacing:0.2em; color:#ababab; font-weight:700; font-family: "Play", sans-serif; font-size:18px;}
.cnt-tit p span{font-size:18px; line-height:3.06em;}
.cnt .sub-cnt{padding-top:27px; width:100%;}
.sub-cnt .group{margin-top:41px; width:800px;}
.sub-cnt .group:not(:first-child){border-top:1px dashed #dddddd; padding-top:40px;}
.group .list-tit{font-size:24px; line-height:2.29em; font-weight:600; position: relative; padding-left:32px; }
.list-tit::before{content:""; background-image:url('../images/sub/arrow.png'); background-repeat:no-repeat; background-size:contain; background-position: 50% 50%; width:22px; height:22px; z-index: 1; position: absolute; left:0; top:15px; margin-right:20px;}
.group .txt {padding-left:10px; position:relative; font-size:18px; line-height:1.56em; font-weight:400; margin-left:30px; color:#454545;}
.group .txt::before {content:'·'; color:#248d35; font-size:24px; line-height:1.56em; font-weight:800; position: absolute; left:0; top:-5px;}
.check-list.ty2 ul:not(:first-child){padding-left:48px;}
.check-list.ty2 ul li{position: relative;}
.check-list.ty2 ul li::before{content:""; background-image:url('../images/sub/check-ico.png'); background-repeat:no-repeat; background-size:contain; background-position: 50% 50%; width:16px; height:16px; z-index: 1; position: absolute; left:0; top:10px; margin-right:10px;}
.law-section .group .sub-list{display:flex; margin-left:30px;}
.law-section .group .sub-list ul{}
.law-section .group .sub-list ul:not(:first-child){margin-left:10px;}
.law-section .sub-list ul li{background-color:#fafafa; border-radius:50px; width:355px; height:70px; text-align: center; display:flex; align-items:center; margin-bottom:20px; font-size:18px;}
.law-section .sub-list img{width:44px; height:44px; margin-left:20px; margin-right:20px;}
.law-section02 .cnt{display: flex; border-top:3px solid #242424; margin-top:61px; color:#242424; letter-spacing:-.03em;}
.law-section02 .sub-cnt .group{}
.law-section02 .group .sub-tit{font-size:18px; line-height:1.56em; font-weight:500; position: relative; padding-left:32px; margin:10px 0;}
.law-section02 .group .sub-txt{font-size:16px; line-height:1.75em; font-weight:400; padding-left:32px; color:#686868; margin-bottom:20px;}
.law-section02 .group .sub-txt span{font-size:16px; line-height:1.75em; font-weight:400; color:#e58b16;}
.law-section02 .group .tbl{padding-left:32px; margin-bottom:20px;}
.tbl table{border-collapse: collapse;}
.tbl th{background-color:#fafafa; width:709px; height:50px; border-top:1px solid #000; border-bottom:1px solid #dddddd; font-weight:600; line-height:1.75em;}
.tbl th:not(:last-child){border-right:1px solid #dddddd;}
.tbl tbody td{border-bottom:1px solid #dddddd; font-size:16px; font-weight:400; line-height:1.75em; padding:10px;}
.tbl tbody td:not(:first-child){border-left:1px solid #dddddd; text-align:center;}
.tbl-sub{font-size:15px; color:#686868; padding-left:32px; line-height:1.60em; margin-bottom:38px;}
.law-section03 .cnt{display: flex; border-top:3px solid #242424; margin-top:61px; color:#242424; letter-spacing:-.03em;}
.list-txt{font-size:18px; line-height:1.72em; font-weight:400; margin-left:30px; color:#454545;}
.list-txt li{display:flex; position: relative; padding-left:10px;}
.list-txt li::before{content:'·'; font-size:24px; line-height:1.56em; font-weight:800; position: absolute; left:0; top:-5px; color:#248d35;}


.equipment-wrap .cnt{color:#242424;}
.equipment-wrap .cnt ul{display:flex; flex-wrap: wrap; margin:-15px;}
.equipment-wrap .cnt ul li{width:25%; padding:15px; }
.equipment-wrap .cnt .prod{display:flex; flex-direction:column; align-items:center; justify-content:center; height:277px;  border:1px solid #dddddd; border-radius:10px; text-align:center;}
.prod img{}
.prod p{margin-top:30px; font-size:18px; font-weight:600; line-height:1.75em;}