@charset "utf-8";

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; color:#505050;}
.table01 th {padding:12px; background:#fafafa; border:1px solid rgba(255, 255, 255, 0.5); border-bottom:1px solid #ddd; color:#333; font-size:18px; font-weight:600;}
.table01 th.bg {text-align:center; background:#d21d4f; color:#fff;}
.table01 td {font-size:18px; color:#454545; letter-spacing:-.03em; padding:12px; border:1px solid #ddd;}

.greetings {display:flex; margin:100px 0;}
.greetings .img {width:62%;}
.greetings .tt-box {width:67%; margin-left:60px;}
.greetings .tt-box .tit {position:relative; font-size:30px; font-weight:700; color:#333; letter-spacing:-.03em; line-height:1.333em; padding-bottom:30px;}
.greetings .tt-box .tit:before {position:absolute; content:""; bottom:0; left:0; width:35px; height:4px; background:linear-gradient(to right, #145789, #29abe2); border-radius:3px;}
.greetings .tt-box .txt {margin-top:25px;}
.greetings .tt-box .txt span {color:#cf0000; font-weight:600;}

.greetings-flex {margin-bottom:90px;}
.greetings-flex .greetings-flex-wrap {display:flex; justify-content:space-between; margin-top:35px;}
.greetings-flex .greetings-flex-wrap .tit {font-size:28px; font-weight:600; color:#454545; letter-spacing:-.03em; line-height:1.357em;}
.greetings-flex .greetings-flex-wrap .tit span {color:#29abe2;}
.greetings-flex .greetings-flex-wrap .tt-box {}
.greetings-flex .greetings-flex-wrap .tt-box .txt {margin-bottom:12px;}
.greetings-flex .greetings-flex-wrap .tt-box .txt span {font-weight:600; color:#cf0000;}

.composition {background:#f8f8f8; padding:90px 0;}
.composition .tit {font-size:34px; font-weight:600; letter-spacing:0; line-height:1.324em; margin-bottom:50px;}
.composition .composition-list {}
.composition .composition-list ul {display:flex; margin-left:-30px;}
.composition .composition-list ul li {display:flex; flex-direction:column; justify-content:center; width:calc(16.6666% - 30px); margin-left:30px; background:#2f374e; min-height:180px; border-radius:10px;}
.composition .composition-list ul li:nth-child(even) {background:linear-gradient(#145789, #29abe2);}
.composition .composition-list ul li .tt {font-size:16px; font-weight:600; letter-spacing:-.03em; text-align:center; color:#fff;} 
.composition .composition-tt {margin-top:35px; font-size:18px; color:#333; letter-spacing:-.03em; line-height:1.556em;} 

.product-wrap {display:flex; margin-bottom:100px;}
.product-wrap .img {width:45.4%;}
.product-wrap .thumb {position:relative; padding-bottom:82%; overflow:hidden;}
.product-wrap .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.product-wrap .tt-box {margin-left:80px;}
.product-wrap .tt-box .tit {margin:40px 0; font-size:30px; font-weight:700; color:#454545; letter-spacing:-.03em; line-height:1.333em;}
.product-wrap .tt-box .tit span {color:#29abe2; font-weight:700;}
.product-wrap .tt-box .txt {font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.556em; margin-bottom:7px;}

/* lnb */
.performance-list {display:flex; width:100%; margin:0 auto; justify-content:center; margin-bottom:60px;}
.performance-list li {width:16.6666%; border:1px solid #ddd; border-left:0;}
.performance-list li:first-child {border-left:1px solid #ddd;}
.performance-list li.active a {background:#29abe2; color:#fff;}
.performance-list li a {display:flex; flex-direction:column; justify-content:center; text-align:center; font-size:17px; color:#333; letter-spacing:-.03em; height:60px; line-height:1.5em;}

.ui-table {width:100%; border-collapse:collapse; border-spacing:0px; color:#505050; border-top:2px solid #242424;}
.ui-table th {border-top:0; font-weight:700; padding:10px; background:#fafafa; border:1px solid #eee; color:#2c2c2c; text-align:center;}
.ui-table th:first-child,
.ui-table td:first-child {border-left:0;}
.ui-table th:last-child,
.ui-table td:last-child {border-right:0;}
.ui-table td {padding:15px 5px; border:1px solid #eee; text-align:center; height:120px;}

.table-tt {margin-top:15px;}

.chemistry {}
.chemistry .chemistry-tit {margin-bottom:90px;}
.chemistry .chemistry-tit p {font-size:18px; letter-spacing:1.556em; letter-spacing:-.03em; color:#454545; margin-bottom:10px;}
.chemistry .chemistry-tit p strong {color:#29abe2;}
.chemistry ul {display:flex; flex-wrap:wrap; margin:0 -55px; margin-bottom:-100px;}
.chemistry ul li {width:50%; padding:0 55px; margin-bottom:100px;}
.chemistry ul li .img {}
.chemistry ul li .tit {font-size:24px; font-weight:600; color:#333; letter-spacing:-.03em; line-height:1.167em; margin:25px 0 20px;}
.chemistry ul li .tt-list {}
.chemistry ul li .tt-list dl {display:flex; margin-bottom:7px; flex-wrap:wrap;}
.chemistry ul li .tt-list dl dt {white-space:nowrap; font-size:16px; color:#0e3e6f; letter-spacing:-.03em; font-weight:600;}
.chemistry ul li .tt-list dl dd {margin-left:10px;}
.chemistry ul li .tt-list dl dd .tt-wrap p {padding-left:1.1em; text-indent:-1.1em;}

.bio {background:#fafafa; padding:60px 0; margin-bottom:100px;}
.bio .tit {font-size:24px; font-weight:500; color:#454545; letter-spacing:-.03em; line-height:1.167em; text-align:center; margin-bottom:35px;}
.bio .tit strong {color:#29abe2;}
.bio .bio-flex {}
.bio .bio-flex ul {display:flex; margin:0 -20px;}
.bio .bio-flex ul li {text-align:center; padding:0 20px;}

.production-box {display:flex; justify-content:center; align-items:center; border:5px solid #ddd; min-height:200px; margin-bottom:80px;}
.production-box .tit {text-align:center; font-size:20px; font-weight:500; color:#333; letter-spacing:-.03em; line-height:1.5em;}
.production-box .tit strong {color:#cf0000;}

.product-diagram .img img {min-height:548px;}

.certification {}
.certification .tit {font-size:26px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:40px; margin-top:85px;}
.certification .tit span {color:#29abe2;}
.certification .certification-list {}
.certification .certification-list ul {display:flex; margin:0 -17px;}
.certification .certification-list ul li {text-align:center; padding:0 17px;}
.certification .certification-list ul li .txt {font-size:18px; font-weight:500; color:#333; letter-spacing:-.03em; line-height:1.556em; margin-top:15px;}