@charset "utf-8";

.sub-tab {margin-bottom:80px;}
.sub-tab ul {display:flex; flex-wrap:wrap;/*  justify-content:right; */ margin:-5px;} 
.sub-tab ul li {width:16.666%; padding:5px;}
.sub-tab.ty2 ul li {width:25%;}
.sub-tab ul li:nth-child(7) {margin-left:16.666%;}
.sub-tab.ty2 ul li:nth-child(7) {margin-left:0;}
.sub-tab.ty2 ul li:nth-child(5) {margin-left:25%;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid #dfdfdf; font-size:17px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#454545; height:50px; padding:0 15px;}
.sub-tab ul li.active a {background:var(--color-secondary); color:#fff;}

.introduction .txt-wrap {display:flex; align-items:center; margin-bottom:45px;}
.introduction .txt-wrap h2 {position:relative; font-size:30px; font-weight:700; line-height:2.00em; letter-spacing:-0.02em; color:#242424;}
.introduction .txt-wrap h2::before {content:''; position:absolute; bottom:0; width:100%; height:4px; background-color:#685a55; border-radius:2px;}
.introduction .txt-wrap p {margin-left:70px; font-size:16px; font-weight:400; line-height:1.63em; letter-spacing:-0.02em; color:#454545;}
.introduction .picto-group {display:flex; flex-wrap:wrap; justify-content:space-between;margin:-15px 0;}
.picto-group .pictogram {display:flex; align-items:center; flex-direction:column; justify-content:center;margin:15px 0; width:calc(50% - 15px); height:340px; background-color:#f8f8f8; text-align:center; border-radius:30px;}
.pictogram .img {margin-bottom:25px;}
.pictogram h3 {font-size:20px; letter-spacing:-0.02em; font-weight:700; line-height:1.30em; color:#242424;}
.pictogram p {margin-top:25px; font-size:16px; letter-spacing:-0.02em; font-weight:400; line-height:1.63em; color:#454545;}

.operation .txt-wrap {display:flex; align-items:center; margin-bottom:60px;}
.operation .txt-wrap h2 {position:relative; font-size:30px; font-weight:700; line-height:2.00em; letter-spacing:-0.02em; color:#242424;}
.operation .txt-wrap h2::before {content:''; position:absolute; bottom:0; width:100%; height:4px; background-color:#685a55; border-radius:2px;}
.operation .txt-wrap p {margin-left:70px; font-size:16px; font-weight:400; line-height:1.63em; letter-spacing:-0.02em; color:#454545;}
.operation .step-group {display:flex; flex-wrap:wrap; justify-content:space-between;}
.step-group .step {position:relative; width:calc(33.3% - 37px); padding:40px 0; background-color:#f8f8f8; text-align:center; border-radius:30px;}
.step-group .step:not(:first-child)::before {content:''; position:absolute; background-image:url('../images/bbs/btn_last.png'); left:-37px; top:176px; width:16px; height:14px; background-repeat:no-repeat; background-size:contain;}
.step-group .step:nth-child(4) {margin:50px 0 0 18%;}
.step-group .step:nth-child(5) {margin:50px 17% 0 0;}
.step .green {margin-top:0; margin-bottom:16px; font-size:21px; letter-spacing:-0.02em; font-weight:700; line-height:1.30em; color:#89a230;}
.step .img {margin-bottom:30px;}
.step h3 {font-size:20px; letter-spacing:-0.02em; font-weight:600; line-height:1.30em; color:#242424;}
.step p {margin-top:12px; font-size:16px; letter-spacing:-0.02em; font-weight:400; line-height:1.63em; color:#454545;}
.step a {display:flex; width:160px; height:44px; margin:20px auto 0; background-color:#685a55; border-radius:5px; text-align:center; align-items:center; justify-content:center;}
.step a p {margin:0; color:#fff;}

.support-box {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 20px 0;}
.support-wrap .slick-list {margin: 0 -10px;}
.support-wrap .slick-slide {padding: 0 10px;}
.support-wrap .slick-next{position:absolute;top:45px; right:-30px;font-size:0;background-color:transparent; border:none;width:10px; height:18px; background-image:url('../images/sub/arrow-r.png');}
.support-wrap .slick-prev{position:absolute;top:45px; left:-30px;font-size:0;background-color:transparent; border:none;width:10px; height:18px; background-image:url('../images/sub/arrow-l.png');}
.support-wrap .item a {display: block;}
.support-wrap .item .img {position:relative; padding-bottom:55.5%; overflow:hidden;}
.support-wrap .item .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}