@charset "utf-8";

.sub-tab {margin-bottom:60px;}
.sub-tab ul {display:flex; justify-content:center;}
.sub-tab ul li {padding:0 10px;}
.sub-tab ul li a {border-radius:24px; height:48px; min-width:160px; padding:0 13px; display:flex; align-items:center; justify-content:center; text-align:center; color:#454545; font-weight:500; line-height:1.3em; border:1px solid #ddd;}
.sub-tab ul li.active a {background:var(--color-primary); border-color:var(--color-primary); color:#fff;}

.doc-tit {margin-bottom:36px; font-size:var(--fz32); font-weight:700; letter-spacing:-.02em; line-height:1.2em; color:#242424;}
 
.greeting-txt {margin-bottom:53px; text-align:center; font-size:var(--fz40); font-weight:700; letter-spacing:-.02em; line-height:1.2em;}

.greeting-info {padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #ddd;}
.greeting-info ul {display:flex; margin:-20px;}
.greeting-info ul li {padding:20px; width:25%; text-align:center;}
.greeting-info ul li p {margin-top:34px; font-size:var(--fz20); font-weight:500; letter-spacing:-.02em; line-height:1.4em;}

.greeting-wrap .group {margin-bottom:45px; display:flex; justify-content:space-between;}
.greeting-wrap .group:last-child {margin-bottom:0;}
.greeting-wrap .group:nth-child(even) {flex-direction:row-reverse;}
.greeting-wrap .group .img {width:calc(50% - 20px);}
.greeting-wrap .group .cnt {padding:40px 0; width:calc(50% - 20px);}
.greeting-wrap .group .cnt dl dt {font-size:var(--fz20); font-weight:500; line-height:1.4em; color:#242424;}
.greeting-wrap .group .cnt dl dt span {display:inline-block; vertical-align:middle; margin-right:8px; font-size:var(--fz18); font-weight:700; width:40px; line-height:40px; text-align:center; border-radius:100%; color:#fff; background:var(--color-secondary);}
.greeting-wrap .group .cnt dl dd {padding-left:50px; font-weight:400; line-height:1.75em; color:#454545;}

.process-txt {margin-bottom:38px; padding:40px; border-radius:24px; background:#fafafa;}
.process-txt p {line-height:1.63em; font-weight:400; color:#454545;}

.direct ol {display:flex; margin:-20px;}
.direct ol li {position:relative; text-align:center; width:25%; padding:20px;}
.direct ol li:after {content:''; position:absolute; right:0; top:25%; margin-right:-4px; width:8px; height:14px; background:url('/images/sub/direct-arr.png') no-repeat 50% 50% / contain;}
.direct ol li:last-child:after {display:none;}
.direct .step {margin:18px 0 8px; font-size:var(--fz20); font-weight:700; line-height:1.2em; color:var(--color-secondary);}
.direct .txt {line-height:1.63em; font-weight:400; color:#454545;}
.direct .sort {margin:15px auto 0; width:150px;}
.direct .sort span {display:block; background:#f6f6f6; border-radius:20px; line-height:40px; text-align:center;}
.direct .sort span:not(:last-child) {margin-bottom:10px;}

.booking-desc {margin-bottom:20px; padding:40px; border-radius:24px; background:#fafafa;}
.booking-desc .info {margin-bottom:13px; display:flex; justify-content:center;}
.booking-desc .info p {font-size:var(--fz20); font-weight:500; letter-spacing:-.02em; line-height:1.4em;}
.booking-desc .info p:not(:last-child) {margin-right:60px;}
.booking-desc .info p img {min-width:50px; vertical-align:middle; margin-right:10px;}
.booking-desc .info p strong {font-weight:800;}
.booking-desc .txt {text-align:center;}