@charset "utf-8";

.play {font-family:"Play", sans-serif;}
.blue {color:#2d50a3;}
.gray {color:#898989;}
.bg-blue {background-color:#2d50a3;color:#fff;}

.greetings {display:flex; justify-content:space-between; align-items:center;}
.greetings .txt-box {width:50%;}
.greetings .play {font-size:14px; font-weight:700; line-height:1.75em; letter-spacing:0.2em; color:#ababab;}
.greetings .txt-box h2 {margin-top:20px; font-size:48px; line-height:1.21em; letter-spacing:-.03em; color:#242424;}
.greetings .tit {margin-top:40px; font-size:24px; font-weight:600; line-height:1.50em; letter-spacing:-.04em; color:#242424;}
.greetings .txt-box .txt {margin-top:35px; font-size:18px; font-weight:400; line-height:1.50em; letter-spacing:-.04em; color:#454545;}
.greetings .ceo {margin-top:50px; font-size:18px; font-weight:500; line-height:1.33em; letter-spacing:-.04em; color:#242424;}
.greetings .ceo span {padding-left:10px; font-size:24px; font-weight:600;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#2d50a3; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.product .tab-box {margin-bottom:60px;}
.product .tab-box ul {display:flex;}
.product .tab-box ul li {display:flex; align-items:center; justify-content:center; flex:1; width:auto; text-align:center; background-color:#fafafa; 
border:1px solid #ddd; border-bottom:1px solid #2d50a3; font-size:18px; font-weight:600; color:#898989; line-height:1.44em; letter-spacing:-.03em; padding:10px;}
.product .tab-box ul li.active + li:before {display:none;}
.product .tab-box ul li:not(:first-child) {position:relative; border-left:none;}
.product .tab-box ul li:not(:first-child)::before {content:''; position:absolute; left:-1px; top:8px; width:1px; height:30px; background-color:#ddd;}
.product .tab-box ul li:not(:last-child) {border-right:none;}
.product .tab-box ul li a {display:block; width:100%;}
.product .tab-box ul li.active {border:1px solid #2d50a3; background-color:white; color:#2d50a3; border-bottom:none;}
.product .tab-box ul li.active::before {width:0px;} 

.product .series{font-size:24px; font-weight:600; line-height:1.75em; letter-spacing:-.03em;}
.product .prod-tit {font-size:40px; line-height:1.25em; letter-spacing:-.03em; color:#242424;}
.product .sub-tit {margin-top:15px; font-size:20px; font-weight:600; line-height:1.75em; letter-spacing:-.03em;}
.product .img-box {position:relative; margin-top:35px; padding:70px; width:100%; margin-bottom:55px; border:1px solid #ddd; border-radius:20px;}
.product .img {display:flex; align-items:center; justify-content:center;}
.product .prod-txt {position:absolute; bottom:75px; right:195px; text-align:right; font-size:18px; font-weight:400; line-height:1.33em; letter-spacing:-.03em; color:#898989;}
.product .prod-txt.left {right:unset; left:195px; text-align:left;}
.product .tbl-wrap.tw2 {margin-top:65px;}
.product h3 {position:relative; padding-left:30px; margin-bottom:25px; font-size:20px; font-weight:600; line-height:1.50em; letter-spacing:-.03em; color:#242424;}
.product h3::before {content:''; position:absolute; width:20px; height:20px; left:0; top:7px; background-image:url('../images/sub/arrow.png');}
.product table {width:100%; border-collapse:collapse; border-spacing:0;}
.product thead tr th {padding:15px; border-right:1px solid #ddd; font-size:16px; font-weight:600; line-height:1.50em; letter-spacing:-.03em;}
.product thead tr th:last-child {border-right:none;}
.product thead tr .red-box {position:relative;}
.product thead tr .red-box:after {content:''; position:absolute; top:0; left:-1px; right:-1px; height:552px; border:3px solid red;}
.product tbody tr {text-align:center;}
.product tbody tr td {padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:16px; font-weight:400; line-height:1.50em; letter-spacing:-.03em; color:#454545;}
.product tbody tr td:last-child {border-right:none;}
.product tbody tr .td {background-color:#f7f7f7; font-size:16px; font-weight:600; color:#242424;}
.product tbody tr td .s-bold {font-weight:600;}
.product .etc {margin-top:15px; font-size:15px; font-weight:400; line-height:1.60em; letter-spacing:-.03em;}

.product .ctp2 thead .line {position:relative;}
.product .ctp2 thead .line::after {content:''; position:absolute; right:0; left:-1px; top:0; height:275px; border:3px solid red;}
.product .ctp3 tbody tr:first-child {position:relative;}
.product .ctp3 tbody tr:first-child::after {content:''; position:absolute; right:0; top:0; width:100%; height:100%; border:3px solid red;}

.product .auto1 tr th:nth-child(2) {position:relative;}
.product .auto1 tr th:nth-child(2)::after {content:''; position:absolute; right:-1px; left:-1px; top:0; height:603px; border:3px solid red;}
.product .auto2 .txt {margin-top:25px; font-size:15px; font-weight:400; line-height:1.75em; letter-spacing:-.03em; color:#454545;}
.product .auto2 .img-box {display:flex; flex-wrap:wrap; justify-content:space-between; padding:60px;}
.product .auto2 .sub-img {display:flex; flex-wrap:wrap; justify-content:space-between; width:50%;}
.product .auto2 .sub-img .img {position:relative;}
.product .auto2 .sub-img .img::after{content:''; position:absolute; display:flex;
align-items:center; justify-content:center;width:24px; height:24px;
background-color:#2d50a3; border-radius:100%; top:32px; right:5px; 
font-size:14px; font-weight:700; line-height:1.71em; letter-spacing:-.03em; color:#fff; font-family:"Play", sans-serif;}
.product .auto2 .sub-img .img:nth-child(1)::after {content:'01';}
.product .auto2 .sub-img .img:nth-child(2)::after {content:'02';}
.product .auto2 .sub-img .img:nth-child(3)::after {content:'03';}
.product .auto2 .sub-img .img:nth-child(4)::after {content:'04';}
.product .auto2 .sub-img img {border-radius:10px;}

.product .auto3 tr th:nth-child(4) {position:relative;}
.product .auto3 tr th:nth-child(4)::after {content:''; position:absolute; right:-226px; left:-1px; top:0; height:603px; border:3px solid red;}

.product .hdx .img-box {padding:130px;}
.product .hdx tr td span {font-size:15px; font-weight:400;}
.product .sz-tpd tr th:nth-child(4) {position:relative;}
.product .sz-tpd tr th:nth-child(4)::after {content:''; position:absolute; right:-1px; left:-1px; top:0; height:220px; border:3px solid red;}
.product .sz-tpd tbody tr:nth-child(10) td:nth-child(4) {position:relative;}
.product .sz-tpd tbody tr:nth-child(10) td:nth-child(4)::after {content:''; position:absolute; left:0; top:0; width:100%; height:165px; border:3px solid red;}

.product .sz-apb thead tr th {padding:15px 8px;}
.product .sz-apb tbody tr:first-child {position:relative;}
.product .sz-apb tbody tr:first-child::after {content:''; position:absolute; left:0; top:0; width:100%; height:165px; border:3px solid red;}
.product .sz-ccp780p ul {margin-top:35px; font-size:16px; font-weight:400; line-height:1.75em; letter-spacing:-.03em;color:#454545;}