@charset "UTF-8"; .jjsub{} .jjsub .en-title{font-family: var(--ft-cormorant); font-weight: 600; font-size: var(--fz-20); line-height: normal; color: #db6414; text-transform: initial; margin-bottom: 15px;} .jjsub h2{overflow: hidden;} .jjsub h3{margin-bottom: 50px; font-family: var(--ft-noto-serif); font-weight: 500; font-size: var(--fz-h3); line-height: 1; color: #323232; line-height: 1.4;} #sub41 .sec-sub-visual{background-image: url('../sub/img/sub41_visual_bg.webp'); background-position: center center;} #sub41 .sec-sub-intro{padding-block: var(--sec-padding);} #sub41 .sec-sub-intro article{display: flex; justify-content: center; align-items: center; gap: 109px;} #sub41 .sec-sub-intro article .detail{font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all;} #sub41 .sec-sub-intro article .detail strong{display: block; margin-top: 40px; font-family: var(--ft-noto-serif); color: #323232; font-size: 20px;} #sub41 .sec-sub-know{padding-block: var(--sec-padding); background-color: #faf7f4;} #sub41 .sec-sub-know .wrap{width: 92%; max-width: 1150px; margin-inline: auto;} #sub41 .sec-sub-know .wrap .sec-title{} #sub41 .sec-sub-know .wrap .sec-title .en-title{display: block; font-weight: 500; font-size: 24px; text-align: center;} #sub41 .sec-sub-know .wrap .sec-title h3{text-align: center;} #sub41 .sec-sub-know .wrap article{display: flex; gap: 76px; align-items: center; margin-bottom: 64px;} #sub41 .sec-sub-know .wrap article:last-child{margin-bottom: 0;} #sub41 .sec-sub-know .wrap article .item-img{} #sub41 .sec-sub-know .wrap article .item-img img{} #sub41 .sec-sub-know .wrap article .item-cont{} #sub41 .sec-sub-know .wrap article .item-cont .title-wrap{} #sub41 .sec-sub-know .wrap article .item-cont .title-wrap h4{font-family: var(--ft-suit); font-weight: 700; font-size: 25px; line-height: normal; color: #db6414; text-transform: initial; margin-bottom: 35px;} #sub41 .sec-sub-know .wrap article .item-cont .detail{} #sub41 .sec-sub-know .wrap article .item-cont .detail p{font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all;} #sub41 .sec-sub-know .wrap article .item-cont .detail p strong{font-weight: 700;} #sub41 .sec-sub-gentlemax{padding-block: var(--sec-padding);} #sub41 .sec-sub-gentlemax .wrap{width: 92%; max-width: 1240px; margin-inline: auto;} #sub41 .sec-sub-gentlemax .wrap .sec-title{} #sub41 .sec-sub-gentlemax .wrap .sec-title .en-title{display: block; font-family: var(--ft-noto-serif); font-size: 24px; text-align: center;} #sub41 .sec-sub-gentlemax .wrap .sec-title h3{font-family: var(--ft-cormorant); font-size: 40px; text-align: center;} #sub41 .sec-sub-gentlemax .wrap .grid{display: flex; gap: 20px;} #sub41 .sec-sub-gentlemax .wrap .grid .item{flex: 1; border: 1px solid #cdc8c3; border-radius: 30px; text-align: center; padding-block: 30px;} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-circle{display: flex; align-items: center; justify-content: center; width: 207px; aspect-ratio: 1/1; margin-inline: auto; border-radius: 50%; background-color: var(--color-primary); background-repeat: no-repeat; background-size: cover; background-position: center center; font-family: var(--ft-noto-serif); color: #fff; text-align: center; position: relative; overflow: hidden;} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-circle::after {content: ''; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity 0.3s ease; z-index: 1;} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-circle span {font-size: var(--fz-23); font-family: var(--ft-noto-serif); font-weight: bold; letter-spacing: -0.02em; position: relative; z-index: 2; opacity: 0; transition: opacity 0.3s ease; display: inline-block; width: 100%; word-break: keep-all;} #sub41 .sec-sub-gentlemax .wrap .grid .item:hover .item-circle::after {opacity: 1;} #sub41 .sec-sub-gentlemax .wrap .grid .item:hover .item-circle span {opacity: 1;} #sub41 .sec-sub-gentlemax .wrap .grid .item01 .item-circle{background-image: url('../sub/img/sub41_gentlemax_01.webp');} #sub41 .sec-sub-gentlemax .wrap .grid .item02 .item-circle{background-image: url('../sub/img/sub41_gentlemax_02.webp');} #sub41 .sec-sub-gentlemax .wrap .grid .item03 .item-circle{background-image: url('../sub/img/sub41_gentlemax_03.webp?ver=260612');} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-cont{} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-cont h4{margin-block: 20px; font-weight: 700; font-size: 21px; color: #323232;} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-cont .desc{font-size: 16px; line-height: 1.56; color: #323232;} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-1{} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-1 .item-circle{} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-1 .item-cont{} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-1 .item-cont h4{} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-1 .item-cont .desc{} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-2{} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-2 .item-circle{} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-2 .item-cont{} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-2 .item-cont h4{} #sub41 .sec-sub-gentlemax .wrap .grid .item.delay-2 .item-cont .desc{} #sub41 .sec-sub-point{padding-block: var(--sec-padding); background-color: #faf7f4;} #sub41 .sec-sub-point .wrap{} #sub41 .sec-sub-point .wrap .sec-title{} #sub41 .sec-sub-point .wrap .sec-title .en-title{display: block; font-family: var(--ft-noto-serif); font-size: 24px; text-align: center; color: #323232;} #sub41 .sec-sub-point .wrap .sec-title h3{font-family: var(--ft-cormorant); font-size: 40px; text-align: center; color: var(--color-primary);} #sub41 .sec-sub-point .wrap article{display: flex; justify-content: center; gap: 84px;} #sub41 .sec-sub-point .wrap article .item{display: flex; flex-direction: column;} #sub41 .sec-sub-point .wrap article .item .item-img{margin-bottom: 25px;} #sub41 .sec-sub-point .wrap article .item .item-img img{} #sub41 .sec-sub-point .wrap article .item .item-cont{} #sub41 .sec-sub-point .wrap article .item .item-cont h4{font-size: 24px; color: var(--color-primary); margin-bottom: 30px; font-family: var(--ft-noto-serif); text-align: center; font-weight: 600;} #sub41 .sec-sub-point .wrap article .item .item-cont h4 em{display: block; margin-bottom: 10px; font-size: 18px; color: #323232; text-align: center; font-weight: 600;} #sub41 .sec-sub-point .wrap article .item .item-cont .item-detail{font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; text-align: center;} #sub41 .sec-sub-reason{padding-top: var(--sec-padding);} #sub41 .sec-sub-reason .wrap{} #sub41 .sec-sub-reason .wrap .sec-title{} #sub41 .sec-sub-reason .wrap .sec-title .en-title{display: block; font-family: var(--ft-noto-serif); font-size: 24px; text-align: center; color: #323232;} #sub41 .sec-sub-reason .wrap .sec-title h3{font-family: var(--ft-cormorant); font-size: 40px; text-align: center; color: var(--color-primary);} #sub41 .sec-sub-reason .wrap .sec-title .desc{margin-bottom: 50px; font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; text-align: center;} #sub41 .sec-sub-reason .wrap .sec-title .desc strong{display: block; font-weight: 700; font-size: 19px; margin-bottom: 10px;} #sub41 .sec-sub-reason .wrap .sec-title .desc .mb{display: block; margin-bottom: 10px;} #sub41 .sec-sub-reason .wrap article{display: flex; justify-content: center; gap: 84px;} #sub41 .sec-sub-reason .wrap article .item{display: flex; flex-direction: column;} #sub41 .sec-sub-reason .wrap article .item .item-img{margin-bottom: 25px;} #sub41 .sec-sub-reason .wrap article .item .item-img img{} #sub41 .sec-sub-reason .wrap article .item .item-cont{} #sub41 .sec-sub-reason .wrap article .item .item-cont h4{font-size: 24px; color: var(--color-primary); margin-bottom: 30px; font-family: var(--ft-noto-serif); text-align: center;} #sub41 .sec-sub-reason .wrap article .item .item-cont h4 em{display: block; margin-bottom: 10px; font-size: 18px; color: #323232; text-align: center;} #sub41 .sec-sub-reason .wrap article .item .item-cont .item-detail{font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; text-align: center;} #sub41 .sec-sub-bn{padding-block: var(--sec-padding);} #sub41 .sec-sub-bn .wrap{text-align: center;} #sub41 .sec-sub-bn .wrap .sec-title{} #sub41 .sec-sub-bn .wrap .sec-title h3{text-align: center;} #sub41 .sec-sub-bn .wrap .sec-title .desc{margin-bottom: 50px; font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; text-align: center;} #sub41 .sec-sub-bn .wrap article{display: flex; justify-content: center; gap: 29px; margin-bottom: 50px;} #sub41 .sec-sub-bn .wrap article .item{text-align: center;} #sub41 .sec-sub-bn .wrap article .item .item-img{margin-bottom: 15px;} #sub41 .sec-sub-bn .wrap article .item .item-img img{} #sub41 .sec-sub-bn .wrap article .item .item-title{margin-bottom: 12px; font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; text-align: center;} #sub41 .sec-sub-bn .wrap article .item .item-sub{display: inline-block; padding: 7px; margin-inline: auto; font-size: 20px; line-height: 1; color: #fff; font-weight: 700; background-color: #b3afab;} #sub41 .sec-sub-bn .wrap article .item:nth-child(2) .item-sub{background-color: var(--color-primary);} #sub41 .sec-sub-bn .wrap .add-info{width: 100%; max-width: 1195px; margin-inline: auto; font-size: 16px; font-weight: 500; color: #73716f; background-color: #faf7f4; padding-block: 25px; line-height: 1.44; text-align: center;} #sub41 .sec-sub-event{background-image: url('../sub/img/sub41_event_bg.webp');} #sub51 .sec-sub-visual{background-image: url('../sub/img/sub51_visual_bg.webp'); background-position: center center;} #sub51 .sec-sub-intro{padding-block: var(--sec-padding); background-color: #fffcf9;} #sub51 .sec-sub-intro article{display: flex; justify-content: center; align-items: center; gap: 109px;} #sub51 .sec-sub-intro article .detail{font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all;} #sub51 .sec-sub-intro article .detail strong{display: block; margin-top: 40px; font-family: var(--ft-noto-serif); color: #323232; font-size: 20px;} #sub51 .sec-sub-step, #sub51 .sec-sub-stepcare{background-color: #fbf7f2;} #sub51 .sec-sub-step{padding-block: var(--sec-padding);} #sub51 .sec-sub-stepcare{padding-bottom: var(--sec-padding);} #sub51 .sec-sub-step .wrap, #sub51 .sec-sub-stepcare .wrap{width: 92%; max-width: 1240px; margin-inline: auto;} #sub51 .sec-sub-step .sec-title, #sub51 .sec-sub-stepcare .sec-title{text-align: center; margin-bottom: 50px;} #sub51 .sec-sub-step .sec-title .en-title, #sub51 .sec-sub-stepcare .sec-title .en-title{color: #323232;} #sub51 .sec-sub-step .sec-title h3{color: var(--color-primary);} #sub51 .sec-sub-step .sec-title h3, #sub51 .sec-sub-stepcare .sec-title h3{margin-bottom: 30px;} #sub51 .sec-sub-stepcare .sec-title h3 .key-color{color: var(--color-primary);} #sub51 .sec-sub-step .sec-title .desc, #sub51 .sec-sub-stepcare .sec-title .desc{font-size: var(--fz-desc); line-height: 1.56; color: #323232; word-break: keep-all;} #sub51 .sec-sub-step .grid, #sub51 .sec-sub-stepcare .grid{display: flex; gap: 67px;} #sub51 .sec-sub-step .grid .item, #sub51 .sec-sub-stepcare .grid .item{flex: 1; text-align: center;} #sub51 .sec-sub-step .grid .item .item-img, #sub51 .sec-sub-stepcare .grid .item .item-img{position: relative; border-radius: 30px; margin-bottom: 25px; aspect-ratio: 295/295;} #sub51 .sec-sub-step .grid .item .item-img img, #sub51 .sec-sub-stepcare .grid .item .item-img img{width: 100%; height: 100%; object-fit: cover;} #sub51 .sec-sub-step .grid .item .item-img .point, #sub51 .sec-sub-stepcare .grid .item .item-img .point{position: absolute; top: -17px; left: 50%; transform: translateX(-50%); display: inline-block; padding: 8px 14px; font-family: var(--ft-cormorant); font-size: 18px; font-weight: 500; color: #fff; border-radius: 20px; font-variant-numeric: lining-nums; line-height: 1;} #sub51 .sec-sub-step .grid .item.step-01 .item-img .point, #sub51 .sec-sub-stepcare .grid .item.step-01 .item-img .point{background-color: #ea9d6a;} #sub51 .sec-sub-step .grid .item.step-02 .item-img .point, #sub51 .sec-sub-stepcare .grid .item.step-02 .item-img .point{background-color: #db6414;} #sub51 .sec-sub-step .grid .item.step-03 .item-img .point, #sub51 .sec-sub-stepcare .grid .item.step-03 .item-img .point{background-color: #984a16;} #sub51 .sec-sub-step .grid .item.step-04 .item-img .point, #sub51 .sec-sub-stepcare .grid .item.step-04 .item-img .point{background-color: #5f2d0c;} #sub51 .sec-sub-step .grid .item .item-cont h4, #sub51 .sec-sub-stepcare .grid .item .item-cont h4{font-size: 20px; font-weight: 700; color: #323232; margin-bottom: 15px;} #sub51 .sec-sub-step .grid .item .item-cont p, #sub51 .sec-sub-stepcare .grid .item .item-cont p{font-size: 16px; line-height: 1.5; color: #323232; word-break: keep-all;} #sub51 .sec-sub-know{padding-block: var(--sec-padding); background-color: #fff;} #sub51 .sec-sub-know.know2{padding-block: var(--sec-padding); background-color: #faf7f4;} #sub51 .sec-sub-know .wrap{width: 92%; max-width: 1250px; margin-inline: auto;} #sub51 .sec-sub-know .wrap .sec-title .en-title{display: block; font-weight: 500; font-size: 24px; text-align: center;} #sub51 .sec-sub-know .wrap .sec-title h3{text-align: center;} #sub51 .sec-sub-know .wrap article{display: flex; gap: 76px; justify-content: center; align-items: center; margin-bottom: 64px;} #sub51 .sec-sub-know .wrap article:last-child{margin-bottom: 0;} #sub51 .sec-sub-know .wrap article .item-cont .title-wrap h4{font-family: var(--ft-suit); font-weight: 700; font-size: 25px; line-height: normal; color: #db6414; text-transform: initial; margin-bottom: 35px;} #sub51 .sec-sub-know .wrap article .item-cont .detail p{font-weight: 500; font-size: var(--fz-desc); color: #323232; line-height: 1.56; word-break: keep-all;} #sub51 .sec-sub-know.know1 .wrap article .item-cont .detail p:not(.highlight){margin-bottom: 40px;} #sub51 .sec-sub-know.know2 .wrap article .item-cont .detail p:not(.highlight){margin-top: 40px;} #sub51 .sec-sub-know.know3 .wrap article .item-cont .detail p:not(.highlight){margin-bottom: 40px;} #sub51 .sec-sub-know .wrap article .item-cont .detail p.highlight{position: relative; z-index: 1; display: inline-block; margin-bottom: 5px; font-family: var(--ft-noto-serif); font-weight: 600;} #sub51 .sec-sub-know .wrap article .item-cont .detail p.highlight::before{position: absolute; height: 100%; width: calc(100% + 10px); left: -5px; background-color: #ece8e4; z-index: -1; content: '';} #sub51 .sec-sub-type{padding-bottom: var(--sec-padding); background-color: #fff;} #sub51 .sec-sub-type .wrap{width: 88%; max-width: 1240px; margin-inline: auto;} #sub51 .sec-sub-type .sec-title{text-align: center; margin-bottom: 50px;} #sub51 .sec-sub-type .sec-title h3{font-family: var(--ft-noto-serif); font-size: var(--fz-h3);} #sub51 .sec-sub-type .sec-title h3 strong{color: var(--color-primary);} #sub51 .sec-sub-type .grid{display: grid; grid-template-columns: 1fr 1fr; row-gap: 45px;} #sub51 .sec-sub-type .grid .item{display: flex; align-items: center; gap: 47px;} #sub51 .sec-sub-type .grid .item .item-img{max-width: 174px;} #sub51 .sec-sub-type .grid .item .item-img img{width: 100%; height: 100%; object-fit: cover;} #sub51 .sec-sub-type .grid .item .item-cont .en-title{display: block; font-family: var(--ft-cormorant); font-size: 17px; font-weight: 600; color: var(--color-primary); margin-bottom: 10px;} #sub51 .sec-sub-type .grid .item .item-cont h4{font-size: 24px; font-weight: 700; color: #323232; margin-bottom: 15px;} #sub51 .sec-sub-type .grid .item .item-cont .desc{font-size: 16px; line-height: 1.5; color: #323232; word-break: keep-all; font-weight: 400;} #sub51 .sec-sub-type .grid .item .item-cont .desc b{font-weight: 600;} #sub51 .sec-sub-age{padding-block: var(--sec-padding); color: #fbf7f2} #sub51 .sec-sub-age .wrap{width: 92%; max-width: 1240px; margin-inline: auto;} #sub51 .sec-sub-age .grid{display: flex; gap: 70px;} #sub51 .sec-sub-age .grid .item{flex: 1; text-align: center; display: flex; flex-direction: column; align-items: center;} #sub51 .sec-sub-age .grid .item .age-title{margin-bottom: 30px;} #sub51 .sec-sub-age .grid .item .age-title h3{font-family: var(--ft-noto-serif); font-size: 30px; color: #323232; font-weight: 500; margin-bottom: 0;} #sub51 .sec-sub-age .grid .item .age-title h3 strong{color: var(--color-primary); font-weight: 700;} #sub51 .sec-sub-age .grid .item .item-img{width: 100%; margin-bottom: 30px;} #sub51 .sec-sub-age .grid .item .item-img img{width: 100%; height: 100%; object-fit: cover;} #sub51 .sec-sub-age .grid .item .desc{font-size: var(--fz-desc); line-height: 1.56; color: #73716f; word-break: keep-all; margin-bottom: 60px;} #sub51 .sec-sub-age .grid .item .desc b{color: #323232; font-weight: 700;} #sub51 .sec-sub-age .grid .item .sig-badge{display: inline-block; padding: 6px 28px; font-size: 20px; font-weight: 500; color: #fff; background-color: var(--color-primary); border-radius: 20px; margin-bottom: 15px; line-height: 1; font-family: var(--ft-cormorant); } #sub51 .sec-sub-age .grid .item h4{font-size: 24px; font-weight: 700; color: #323232; margin-bottom: 35px;} #sub51 .sec-sub-age .grid .item .icon-grid{display: flex; gap: 30px; justify-content: center; width: 100%;} #sub51 .sec-sub-age .grid .item .icon-grid .icon-item{display: flex; flex-direction: column; align-items: center; gap: 10px;} #sub51 .sec-sub-age .grid .item .icon-grid .icon-item .icon-img{} #sub51 .sec-sub-age .grid .item .icon-grid .icon-item .icon-img img{} #sub51 .sec-sub-age .grid .item .icon-grid .icon-item span{font-size: 15px; font-weight: 600; color: #323232;} #sub51 .sec-sub-equip{padding-block: var(--sec-padding); background-color: #fff;} #sub51 .sec-sub-equip .wrap{width: 92%; max-width: 1240px; margin-inline: auto;} #sub51 .sec-sub-equip .sec-title{text-align: center; margin-bottom: 80px;} #sub51 .sec-sub-equip .sec-title h3{margin-bottom: 30px; font-family: var(--ft-noto-serif); font-size: var(--fz-h3);} #sub51 .sec-sub-equip .sec-title .desc{font-size: var(--fz-desc); line-height: 1.56; color: #323232; word-break: keep-all;} #sub51 .sec-sub-equip .equip-list{display: flex; flex-direction: column; gap: 80px;} #sub51 .sec-sub-equip .equip-list article{display: flex; gap: 80px; align-items: center;} #sub51 .sec-sub-equip .equip-list article.reverse{flex-direction: row-reverse; gap: 200px;} #sub51 .sec-sub-equip .equip-list article .item-img{} #sub51 .sec-sub-equip .equip-list article .item-img img{width: 100%; height: 100%; object-fit: cover;} #sub51 .sec-sub-equip .equip-list article .item-cont{} #sub51 .sec-sub-equip .equip-list article .item-cont .title-wrap{margin-bottom: 30px;} #sub51 .sec-sub-equip .equip-list article .item-cont .title-wrap span{display: block; font-size: 20px; font-weight: 600; color: #323232; margin-bottom: 10px; font-family: var(--ft-noto-serif);} #sub51 .sec-sub-equip .equip-list article .item-cont .title-wrap h4{font-size: 30px; font-weight: 600; color: var(--color-primary); font-family: var(--ft-noto-serif);} #sub51 .sec-sub-equip .equip-list article .item-cont .desc{font-size: var(--fz-desc); line-height: 1.6; color: #323232; word-break: keep-all;} #sub51 .sec-sub-equip .btn-wrap{margin-top: 90px; text-align: center;} #sub51 .sec-sub-equip .btn-wrap .btn { display: inline-flex; align-items: center; justify-content: center; gap: 20px; border: 1px solid var(--color-primary); width: 245px; height: 63px; background-color: transparent; transition: background-color 0.3s ease, border-color 0.3s ease; box-sizing: border-box; } #sub51 .sec-sub-equip .btn-wrap .btn span { font-family: var(--ft-suit); font-weight: 500; font-size: var(--fz-17); line-height: 1.64; color: var(--color-primary); transition: color 0.3s ease; } #sub51 .sec-sub-equip .btn-wrap .btn .arrow { display: flex; align-items: center; transition: transform 0.3s ease; } #sub51 .sec-sub-equip .btn-wrap .btn .arrow img { width: auto; height: auto; object-fit: contain; transition: content 0.3s ease; } #sub51 .sec-sub-equip .btn-wrap .btn:hover { background-color: var(--color-primary); border-color: var(--color-primary); } #sub51 .sec-sub-equip .btn-wrap .btn:hover span { color: #fff; } #sub51 .sec-sub-equip .btn-wrap .btn:hover .arrow { transform: translateX(5px); } #sub51 .sec-sub-equip .btn-wrap .btn:hover .arrow img { filter: brightness(0) invert(1); } #sub51 .sec-sub-bn{padding-block: var(--sec-padding);} #sub51 .sec-sub-bn .wrap {text-align: center;} #sub51 .sec-sub-bn .wrap .sec-title h3{text-align: center;} #sub51 .sec-sub-bn .wrap .sec-title .desc{margin-bottom: 50px; font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; text-align: center;} #sub51 .sec-sub-bn .wrap article{display: flex; justify-content: center; gap: 29px; margin-bottom: 50px;} #sub51 .sec-sub-bn .wrap article .item{text-align: center;} #sub51 .sec-sub-bn .wrap article .item .item-img{margin-bottom: 15px;} #sub51 .sec-sub-bn .wrap article .item .item-title{margin-bottom: 12px; font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; text-align: center;} #sub51 .sec-sub-bn .wrap article .item .item-sub{display: inline-block; padding: 7px; margin-inline: auto; font-size: 20px; line-height: 1; color: #fff; font-weight: 700; background-color: #b3afab;} #sub51 .sec-sub-bn .wrap article .item:nth-child(2) .item-sub{background-color: var(--color-primary);} #sub51 .sec-sub-bn .wrap .add-info{width: 100%; max-width: 1195px; margin-inline: auto; font-size: 16px; font-weight: 500; color: #73716f; background-color: #faf7f4; padding-block: 25px; line-height: 1.44; text-align: center;} #sub51 .sec-sub-event{background-image: url('../sub/img/sub51_event_bg.webp');} #sub61{} #sub61 .sec-sub-visual{background-image: url('../sub/img/sub61_visual_bg.webp'); background-position: center center;} #sub61 .sec-sub-intro{padding-block: var(--sec-padding); background-color: #fffcf9;} #sub61 .sec-sub-intro article{display: flex; justify-content: center; align-items: center; gap: 109px;} #sub61 .sec-sub-intro article .detail{font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; color: #323232;} #sub61 .sec-sub-intro article .detail strong{display: block; margin-top: 40px; font-family: var(--ft-noto-serif); color: #323232; font-size: 20px; font-weight: 600;} #sub61 .sec-sub-know{padding-block: var(--sec-padding); background-color: #fbf7f2;} #sub61 .sec-sub-know.know2{padding-block: var(--sec-padding); background-color: #fffcf9;} #sub61 .sec-sub-know .wrap{width: 92%; max-width: 1250px; margin-inline: auto;} #sub61 .sec-sub-know .wrap .sec-title .en-title{display: block; font-weight: 500; font-size: 24px; text-align: center;} #sub61 .sec-sub-know .wrap .sec-title h3{text-align: center;} #sub61 .sec-sub-know .wrap article{display: flex; gap: 76px; justify-content: center; align-items: center; margin-bottom: 64px;} #sub61 .sec-sub-know .wrap article:last-child{margin-bottom: 0;} #sub61 .sec-sub-know .wrap article .item-cont .title-wrap h4{font-family: var(--ft-suit); font-weight: 700; font-size: 25px; line-height: normal; color: #db6414; text-transform: initial; margin-bottom: 35px;} #sub61 .sec-sub-know .wrap article .item-cont .detail p{font-weight: 500; font-size: var(--fz-desc); color: #323232; line-height: 1.56; word-break: keep-all;} #sub61 .sec-sub-know.know1 .wrap article .item-cont .detail p:not(.highlight){margin-bottom: 40px;} #sub61 .sec-sub-know .wrap article .item-cont .detail p.highlight{position: relative; z-index: 1; display: inline-block; margin-bottom: 5px; font-family: var(--ft-noto-serif); font-weight: 600; font-size: 20px;} #sub61 .sec-sub-know .wrap article .item-cont .detail p.highlight::before{position: absolute; height: 100%; width: calc(100% + 10px); left: -5px; background-color: #ece8e4; z-index: -1; content: '';} #sub61 .pores-hr{display: block; width: 92%; max-width: 1638px; margin-inline: auto; background-color: #d1d1d1; opacity: 0.5;} #sub61 .sec-sub-type{padding-block: var(--sec-padding); background-color: #fbf7f2;} #sub61 .sec-sub-type.type2{padding-block: unset; padding-bottom: var(--sec-padding);} #sub61 .sec-sub-type .wrap{} #sub61 .sec-sub-type .wrap .sec-title{} #sub61 .sec-sub-type .wrap .sec-title h3{text-align: center; color: var(--color-primary);} #sub61 .sec-sub-type .wrap .sec-title h3 strong{color: #323232;} #sub61 .sec-sub-type .wrap .grid{display: flex; justify-content: center; gap: 56px;} #sub61 .sec-sub-type .wrap .grid .item{display: flex; flex-direction: column; text-align: center;} #sub61 .sec-sub-type .wrap .grid .item figure{margin-bottom: 25px;} #sub61 .sec-sub-type .wrap .grid .item figure img{} #sub61 .sec-sub-type .wrap .grid .item h4{font-size: 20px; margin-bottom: 15px; font-weight: 700;} #sub61 .sec-sub-type .wrap .grid .item .desc{font-size: 16px; line-height: 1.6;} #sub61 .sec-sub-equip{width: 100%; overflow: visible; background-color: #faf7f4;} #sub61 .sec-sub-equip .wrap{display: flex; max-width: 100%; width: 100%; margin: 0; padding: 0;} #sub61 .sec-sub-equip .left{position: sticky; top: 68px; display: flex; width: 55%; height: 100vh; flex-shrink: 0; z-index: 10;} #sub61 .sec-sub-equip .left .tab-btn-cont{width: 38%; height: 100%; background-color: #fffcf9; flex-shrink: 0; display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0;} #sub61 .sec-sub-equip .left .tab-btn-cont li{display: flex; align-items: center; justify-content: center; padding-block: 35px; font-size: 30px; font-weight: 600; color: #323232; cursor: pointer; border-bottom: 1px solid #ece8e4; transition: all 0.3s ease; box-sizing: border-box;} #sub61 .sec-sub-equip .left .tab-btn-cont li.void{cursor: default; border-bottom: none; background-color: transparent;} #sub61 .sec-sub-equip .left .tab-btn-cont li.active{background-color: #db6414; color: #fff; border-bottom-color: #db6414; font-weight: 700;} #sub61 .sec-sub-equip .left .tab-btn-cont li.void.active{background-color: transparent;} #sub61 .sec-sub-equip .left .tab-fix-cont{flex-grow: 1; height: 100%; background-color: #db6414; display: flex; flex-direction: column; overflow: hidden; list-style: none; margin: 0; padding: 0;} #sub61 .sec-sub-equip .left .tab-fix-cont li{display: none; height: 100%; padding: 80px 45px; box-sizing: border-box; flex-direction: column; justify-content: center;} #sub61 .sec-sub-equip .left .tab-fix-cont li.active{display: flex;} #sub61 .sec-sub-equip .left .tab-fix-cont li .en-title{width: 95%; max-width: 424px; margin-inline: auto; font-size: 24px; font-family: var(--ft-cormorant); color: rgba(255, 255, 255, 0.8); text-transform: initial; letter-spacing: 0.5px; margin-bottom: 10px;} #sub61 .sec-sub-equip .left .tab-fix-cont li h4{width: 95%; max-width: 424px; font-size: 30px; font-family: var(--ft-noto-serif); color: #fff; margin-inline: auto; margin-bottom: 40px; font-weight: 500; line-height: 1.2;} #sub61 .sec-sub-equip .left .tab-fix-cont li img{width: 95%; max-width: 424px; height: auto; object-fit: contain; margin: 0 auto 40px; display: block;} #sub61 .sec-sub-equip .left .tab-fix-cont li .desc{width: 95%; max-width: 424px; margin-inline: auto; font-size: 18px; line-height: 1.6; color: #fff; word-break: keep-all; font-weight: 500; white-space: nowrap; } #sub61 .sec-sub-equip .left .tab-fix-cont li .desc br.pc{display: inline;} @media (max-width: 1400px) { #sub61 .sec-sub-equip .left .tab-fix-cont li .desc {white-space: normal;text-wrap: balance;} #sub61 .sec-sub-equip .left .tab-fix-cont li .desc br.pc{display: none;} } #sub61 .sec-sub-equip .left .tab-fix-cont li .desc b{font-weight: 700; color: #fff;} #sub61 .sec-sub-equip .right{width: 45%; background-color: #faf7f4; min-height: 100vh;} #sub61 .sec-sub-equip .right .tab-slide-cont{list-style: none; margin: 0; padding: 0;} #sub61 .sec-sub-equip .right .tab-slide-cont li{display: none; padding: 175px clamp(20px, 5%, 100px) 100px clamp(20px, 5%, 100px); box-sizing: border-box;} #sub61 .sec-sub-equip .right .tab-slide-cont li.active{display: block;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont{margin-bottom: 150px;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont:last-child{margin-bottom: 0;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont .sub-title{font-size: 18px; color: #323232; font-weight: 500; margin-bottom: 15px; font-family: var(--ft-cormorant)} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont .step{display: inline-block; margin-bottom: 20px; padding: 8px 14px; font-family: var(--ft-cormorant); font-size: 18px; font-weight: 500; color: #fff; border-radius: 20px; font-variant-numeric: lining-nums; line-height: 1;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont:nth-child(1) .step{background-color: #ea9d6a;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont:nth-child(2) .step{background-color: #db6414;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont:nth-child(3) .step{background-color: #984a16;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont h5{font-size: 22px; font-family: var(--ft-noto-serif); color: #323232; margin-bottom: 30px; font-weight: 500;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont h5.en{font-family: var(--ft-cormorant);} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont img{width: 100%; max-width: 425px; height: auto; object-fit: cover; display: block; margin-bottom: 40px;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont .desc{font-size: 18px; line-height: 1.7; color: #323232; word-break: keep-all; font-weight: 500;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont .desc b{font-weight: 700; color: #323232;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont.detail-cont-style2{} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont.detail-cont-style2 .step{ font-size: 20px; font-family: var(--ft-noto-serif); color: #db6414; padding: 0; background-color: unset; } #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont.detail-cont-style2 .en{ font-size: 20px; font-family: var(--ft-noto-serif); } #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont.detail-cont-style2 sub{ font-size: 0.6em; } #sub61 .sec-sub-bn{padding-block: var(--sec-padding);} #sub61 .sec-sub-bn .wrap{text-align: center;} #sub61 .sec-sub-bn .wrap .sec-title h3{text-align: center; color: var(--color-primary);} #sub61 .sec-sub-bn .wrap .sec-title .desc{margin-bottom: 50px; font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; text-align: center;} #sub61 .sec-sub-bn .wrap article{display: flex; justify-content: center; gap: 29px; margin-bottom: 50px;} #sub61 .sec-sub-bn .wrap article .item{text-align: center;} #sub61 .sec-sub-bn .wrap article .item .item-img{margin-bottom: 15px;} #sub61 .sec-sub-bn .wrap article .item .item-title{margin-bottom: 12px; font-weight: 500; font-size: var(--fz-desc); line-height: 1.56; word-break: keep-all; text-align: center;} #sub61 .sec-sub-bn .wrap article .item .item-sub{display: inline-block; padding: 7px; margin-inline: auto; font-size: 20px; line-height: 1; color: #fff; font-weight: 700; background-color: #b3afab;} #sub61 .sec-sub-bn .wrap article .item:nth-child(2) .item-sub{background-color: var(--color-primary);} #sub61 .sec-sub-bn .wrap .add-info{width: 100%; max-width: 1195px; margin-inline: auto; font-size: 16px; font-weight: 500; color: #73716f; background-color: #faf7f4; padding-block: 25px; line-height: 1.44; text-align: center;} #sub61 .sec-sub-event{background-image: url('../sub/img/sub51_event_bg.webp');} #faq {} #faq .sec-sub-visual{background: url('../sub/img/faq_visual_bg.webp') no-repeat center center / cover;} #faq .top-text-cont{padding-top: 145px;} #faq .top-text-cont h3{margin-bottom: 10px; color: #323232; text-align: center; font-family: var(--ft-noto-serif); font-size: 20px; font-style: normal; font-weight: 700; line-height: 1.7;} #faq .top-text-cont h3 .key-color{color: var(--color-primary);} #faq .top-text-cont .desc{color: #535353; text-align: center; font-family: SUIT; font-size: 17px; font-style: normal; font-weight: 500; line-height: 2;} #faq .top-text-cont .desc b{font-size: 20px;} #faq .title-cont{padding-top: 180px; padding-bottom: 82px; text-align: center; border-bottom: 1px solid #c3bcb3;} #faq .title-cont p{font-size: 19px; margin-bottom: 24px;} #faq .title-cont h2{margin-bottom: 26px; font-family: 'KoPubWorld-Batang_Pro-Medium',serif; font-size: 25px;} #faq .title-cont .description{font-size: 16px;} #faq .caution_top_view_bg + .sub_titlebox{color: #151515} #faq .caution_top_view_bg + .sub_titlebox .ofelia{font-weight: 600} #faq .caution_top_view_bg + .sub_titlebox > .txt02 + .txt01{margin-top: 2rem} #faq .caution_top_view_bg + .sub_titlebox > .txt01 + .txt02{margin-top: 2rem; font-weight: 400} #faq .s71_tab_wrap{padding: 10rem 0} #faq .sub_tab_list{display: flex; align-items: center; justify-content: center; margin-bottom: 95px;} #faq .sub_tab_li{position: relative; color: #2c2c2c; border: 1px solid #c5b4a4; width: 166px; padding-block: 10px; text-align: center; font-size: 1.063rem; transition: all 0.3s} #faq .sub_tab_li:hover{font-weight: 500; color: #fff; background-color: #c5b4a4;} #faq .sub_tab_li.active{font-weight: 500; color: #fff; background-color: #c5b4a4;} #faq .sub_tab_li>a{width: 100%} #faq .sub_tab_wrap{display: none; position: relative; z-index: 1} #faq .sub_tab_wrap.active{display: block} #faq .caution_tab_wrap{margin-top: 60px; padding-bottom: 200px; line-height: 1.5;} #faq .caution_tab_wrap .panel_tit{text-align: center} #faq .caution_tab_wrap .panel_tit .tit01{font-size: 16px} #faq .caution_tab_wrap .panel_tit .tit02{font-size: 2.5rem; font-weight: 500; margin-top: 0.8rem} #faq .caution_tab_wrap .panel-wrap{margin: 3rem auto 0; border-top: 1px solid #dbd1c8; border-bottom: 1px solid #dbd1c8; width: 92%; max-width: 1180px;} #faq .caution_tab_wrap .panel{border-bottom: 1px solid #dbd1c8} #faq .caution_tab_wrap .panel .panel-header{position: relative; cursor: pointer;} #faq .caution_tab_wrap .panel .panel-header .icon-panel{position: absolute; right: 25px; top: 50%; transform: translateY(-50%);} #faq .caution_tab_wrap .panel .panel-header .icon-panel svg{transition: 0.5s;} #faq .caution_tab_wrap .panel .panel-header .icon-panel svg path {stroke: #9C7F70;transition: stroke 0.3s ease;} #faq .caution_tab_wrap .panel.on .panel-header .icon-panel svg{rotate: 180deg;} #faq .caution_tab_wrap .panel:last-of-type{border-bottom: none} #faq .caution_tab_wrap .panel-title{padding: 20px 0 28px; background: #FAF2ED; transition: background-color 0.5s, border-color 0.5s; color: #fff;} #faq .caution_tab_wrap .panel-title:hover{background: url('../sub/img/faq_title_bg.webp') no-repeat center center / cover;} #faq .caution_tab_wrap .panel-title.open{background: url('../sub/img/faq_title_bg.webp') no-repeat center center / cover;} #faq .caution_tab_wrap .panel-title .tit{color: #9C7F70;text-align: center; font-family: var(--ft-noto-serif); font-size: 22px; font-style: normal; font-weight: 700; line-height: 1.54;} #faq .caution_tab_wrap .panel-title:hover .tit{color: #ffffff;} #faq .caution_tab_wrap .panel-title.open .tit{color: #ffffff;} #faq .caution_tab_wrap .panel-title:hover .icon-panel svg path, #faq .caution_tab_wrap .panel-title.open .icon-panel svg path {stroke: #ffffff;} #faq .caution_tab_wrap .txtbox{padding-block: 60px; text-align: center;} #faq .caution_tab_wrap .txtbox .subtit{position: relative; margin-bottom: 20px; color: #424141; text-align: center; font-family: var(--ft-noto-serif); font-size: 17px; font-style: normal; font-weight: 700; line-height: 1.647;} #faq .caution_tab_wrap .txtbox .big-a{margin-bottom: 15px; color: #424141; text-align: center; font-family: SUIT; font-size: 17px; font-style: normal; font-weight: 500; line-height: 1.647;} #faq .caution_tab_wrap .txtbox .sm-a{color: #424141; font-family: SUIT; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;} #faq .caution_tab_wrap .txtbox strong{font-weight: 600} #faq .caution_tab_wrap .panel.on .txtbox{background: #FFF4E9;} #faq .caution_tab_wrap .txtbox .qa-cont{margin-bottom: 80px;} #faq .caution_tab_wrap .txtbox .qa-cont:last-child{margin-bottom: 0;} #faq .panel-content{display: none;} @media(max-width: 1024px){ .jjsub h3{margin-bottom: 30px;} #sub41 .sec-sub-intro article{flex-direction: column; gap: 30px; text-align: center;} #sub41 .sec-sub-intro article .item-img{width: 100%; max-width: 500px; height: auto; margin: 0 auto;} #sub41 .sec-sub-intro article .item-cont .sec-title{margin-bottom: 25px;} #sub41 .sec-sub-intro article .detail strong{margin-top: 25px; font-size: var(--fz-18);} #sub41 .sec-sub-know .wrap .sec-title{margin-bottom: 30px;} #sub41 .sec-sub-know .wrap .sec-title .en-title{font-size: var(--fz-18);} #sub41 .sec-sub-know .wrap article{flex-direction: column; gap: 30px; text-align: center; margin-bottom: 80px;} #sub41 .sec-sub-know .wrap article .item-img{width: 100%; max-width: 500px; height: auto; margin: 0 auto;} #sub41 .sec-sub-know .wrap article .item-cont .title-wrap h4{font-size: var(--fz-20); margin-bottom: 15px;} #sub41 .sec-sub-know .wrap article .item-cont .detail p{font-size: var(--fz-16); line-height: 1.5;} #sub41 .sec-sub-gentlemax .wrap .sec-title{margin-bottom: 30px;} #sub41 .sec-sub-gentlemax .wrap .sec-title .en-title{font-size: var(--fz-18);} #sub41 .sec-sub-gentlemax .wrap .sec-title h3{font-size: var(--fz-30);} #sub41 .sec-sub-gentlemax .wrap .grid{flex-direction: column; gap: 20px; max-width: 400px; margin-inline: auto;} #sub41 .sec-sub-gentlemax .wrap .grid .item{padding-block: 25px; border-radius: 20px;} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-circle{width: 160px; font-size: var(--fz-18); margin-bottom: 15px;} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-cont h4{font-size: var(--fz-18); margin-block: 15px;} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-cont .desc{font-size: var(--fz-14); line-height: 1.5;} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-circle::after {opacity: 0.6;} #sub41 .sec-sub-gentlemax .wrap .grid .item:hover .item-circle::after {opacity: 0.6;} #sub41 .sec-sub-gentlemax .wrap .grid .item .item-circle span {opacity: 1; font-size: var(--fz-18);} #sub41 .sec-sub-point .wrap .sec-title{margin-bottom: 30px;} #sub41 .sec-sub-point .wrap .sec-title .en-title{font-size: var(--fz-18);} #sub41 .sec-sub-point .wrap .sec-title h3{font-size: var(--fz-30);} #sub41 .sec-sub-point .wrap article{flex-direction: column; gap: 30px; max-width: 500px; margin-inline: auto;} #sub41 .sec-sub-point .wrap article .item{align-items: center;} #sub41 .sec-sub-point .wrap article .item .item-img{margin-bottom: 15px; width: 100%; max-width: 320px; height: auto;} #sub41 .sec-sub-point .wrap article .item .item-cont h4{font-size: var(--fz-20); margin-bottom: 15px;} #sub41 .sec-sub-point .wrap article .item .item-cont h4 em{font-size: var(--fz-15); margin-bottom: 8px;} #sub41 .sec-sub-point .wrap article .item .item-cont .item-detail{font-size: var(--fz-15); line-height: 1.5;} #sub41 .sec-sub-reason .wrap .sec-title{margin-bottom: 30px;} #sub41 .sec-sub-reason .wrap .sec-title .en-title{font-size: var(--fz-18);} #sub41 .sec-sub-reason .wrap .sec-title h3{font-size: var(--fz-30);} #sub41 .sec-sub-reason .wrap .sec-title .desc{font-size: var(--fz-15); line-height: 1.5; margin-bottom: 30px;} #sub41 .sec-sub-reason .wrap .sec-title .desc strong{font-size: var(--fz-16);} #sub41 .sec-sub-reason .wrap article{flex-direction: column; gap: 30px; max-width: 500px; margin-inline: auto;} #sub41 .sec-sub-reason .wrap article .item{align-items: center;} #sub41 .sec-sub-reason .wrap article .item .item-img{margin-bottom: 15px; width: 100%; max-width: 320px; height: auto;} #sub41 .sec-sub-reason .wrap article .item .item-cont h4{font-size: var(--fz-20); margin-bottom: 15px;} #sub41 .sec-sub-reason .wrap article .item .item-cont .item-detail{font-size: var(--fz-15); line-height: 1.5;} #sub41 .sec-sub-bn .wrap .sec-title{margin-bottom: 30px;} #sub41 .sec-sub-bn .wrap .sec-title .desc{font-size: var(--fz-15); line-height: 1.5; margin-bottom: 30px;} #sub41 .sec-sub-bn .wrap article{flex-direction: column; gap: 20px; max-width: 340px; margin-inline: auto; margin-bottom: 30px;} #sub41 .sec-sub-bn .wrap article .item{width: 100%;} #sub41 .sec-sub-bn .wrap article .item .item-img{margin-bottom: 10px;} #sub41 .sec-sub-bn .wrap article .item .item-title{font-size: var(--fz-15); margin-bottom: 8px;} #sub41 .sec-sub-bn .wrap article .item .item-sub{font-size: var(--fz-16); padding: 5px 12px;} #sub41 .sec-sub-bn .wrap .add-info{font-size: var(--fz-13); padding: 15px 10px; line-height: 1.4; width: 92%; margin-inline: auto;} #sub51 .sec-sub-intro article{flex-direction: column; gap: 30px; text-align: center;} #sub51 .sec-sub-intro article .item-img{width: 92%; max-width: 500px; height: auto; margin: 0 auto;} #sub51 .sec-sub-intro article .item-cont .sec-title{margin-bottom: 25px;} #sub51 .sec-sub-intro article .detail strong{margin-top: 25px; font-size: var(--fz-18); line-height: 1.4;} #sub51 .sec-sub-step .wrap .sec-title, #sub51 .sec-sub-stepcare .wrap .sec-title{margin-bottom: 50px;} #sub51 .sec-sub-step .sec-title .desc, #sub51 .sec-sub-stepcare .sec-title .desc{font-size: var(--fz-15); line-height: 1.5;} #sub51 .sec-sub-step .grid, #sub51 .sec-sub-stepcare .grid{flex-wrap: wrap; gap: 40px; max-width: 400px; margin-inline: auto;} #sub51 .sec-sub-step .grid .item, #sub51 .sec-sub-stepcare .grid .item{flex: unset; width: calc(50% - 20px); padding-bottom: 0;} #sub51 .sec-sub-step .grid .item .item-img, #sub51 .sec-sub-stepcare .grid .item .item-img{max-width: 320px; margin-inline: auto; margin-bottom: 15px;} #sub51 .sec-sub-step .grid .item .item-img .point, #sub51 .sec-sub-stepcare .grid .item .item-img .point{font-size: var(--fz-14); padding: 5px 12px; top: -14px;} #sub51 .sec-sub-step .grid .item .item-cont h4, #sub51 .sec-sub-stepcare .grid .item .item-cont h4{font-size: var(--fz-18); margin-bottom: 10px;} #sub51 .sec-sub-step .grid .item .item-cont p, #sub51 .sec-sub-stepcare .grid .item .item-cont p{font-size: var(--fz-14); line-height: 1.5;} #sub51 .sec-sub-know .wrap .sec-title{margin-bottom: 30px;} #sub51 .sec-sub-know .wrap .sec-title .en-title{font-size: var(--fz-18);} #sub51 .sec-sub-know .wrap article{flex-direction: column; gap: 30px; text-align: center; margin-bottom: 40px;} #sub51 .sec-sub-know .wrap article .item-img{width: 100%; max-width: 500px; height: auto; margin: 0 auto;} #sub51 .sec-sub-know .wrap article .item-cont .title-wrap h4{font-size: var(--fz-20); margin-bottom: 15px;} #sub51 .sec-sub-know .wrap article .item-cont .detail p{font-size: var(--fz-16); line-height: 1.5;} #sub51 .sec-sub-know.know1 .wrap article .item-cont .detail p:not(.highlight){margin-bottom: 20px;} #sub51 .sec-sub-know.know2 .wrap article .item-cont .detail p:not(.highlight){margin-top: 20px;} #sub51 .sec-sub-know.know3 .wrap article .item-cont .detail p:not(.highlight){margin-bottom: 20px;} #sub51 .sec-sub-know .wrap article .item-cont .detail p.highlight{font-size: var(--fz-16); margin-bottom: 8px;} #sub51 .sec-sub-type .wrap .sec-title{margin-bottom: 30px;} #sub51 .sec-sub-type .grid{grid-template-columns: 1fr; row-gap: 40px; max-width: 400px; margin-inline: auto;} #sub51 .sec-sub-type .grid .item{justify-content: start; gap: 20px;} #sub51 .sec-sub-type .grid .item .item-img{max-width: 110px;} #sub51 .sec-sub-type .grid .item .item-cont .en-title{font-size: var(--fz-14); margin-bottom: 8px;} #sub51 .sec-sub-type .grid .item .item-cont h4{font-size: var(--fz-20); margin-bottom: 10px;} #sub51 .sec-sub-type .grid .item .item-cont .desc{font-size: var(--fz-14); line-height: 1.5;} #sub51 .sec-sub-age .wrap .grid{flex-direction: column; gap: 50px; max-width: 500px; margin-inline: auto;} #sub51 .sec-sub-age .grid .item .age-title{margin-bottom: 20px;} #sub51 .sec-sub-age .grid .item .age-title h3{font-size: var(--fz-24);} #sub51 .sec-sub-age .grid .item .item-img{margin-bottom: 20px;} #sub51 .sec-sub-age .grid .item .desc{font-size: var(--fz-14); line-height: 1.5; margin-bottom: 25px;} #sub51 .sec-sub-age .grid .item .sig-badge{margin-bottom: 12px; font-size: var(--fz-16); padding: 5px 20px;} #sub51 .sec-sub-age .grid .item h4{font-size: var(--fz-20); margin-bottom: 25px;} #sub51 .sec-sub-age .grid .item .icon-grid{gap: 15px;} #sub51 .sec-sub-age .grid .item .icon-grid .icon-item{width: calc(100% / 4 - 12px);} #sub51 .sec-sub-age .grid .item .icon-grid .icon-item .icon-img img{} #sub51 .sec-sub-age .grid .item .icon-grid .icon-item span{font-size: var(--fz-13);} #sub51 .sec-sub-equip .wrap .sec-title{margin-bottom: 40px;} #sub51 .sec-sub-equip .equip-list{gap: 50px;} #sub51 .sec-sub-equip .equip-list article{flex-direction: column; text-align: center; gap: 25px;} #sub51 .sec-sub-equip .equip-list article.reverse{flex-direction: column; gap: 25px;} #sub51 .sec-sub-equip .equip-list article .item-img{width: 100%; max-width: 500px; margin-inline: auto;} #sub51 .sec-sub-equip .equip-list article .item-cont .title-wrap{margin-bottom: 15px;} #sub51 .sec-sub-equip .equip-list article .item-cont .title-wrap span{font-size: var(--fz-16); margin-bottom: 8px;} #sub51 .sec-sub-equip .equip-list article .item-cont .title-wrap h4{font-size: var(--fz-24);} #sub51 .sec-sub-equip .equip-list article .item-cont .desc{font-size: var(--fz-15); line-height: 1.5;} #sub51 .sec-sub-equip .btn-wrap{margin-top: 40px;} #sub51 .sec-sub-equip .btn-wrap .btn{width: 100%; max-width: 245px; height: 56px; padding: 0; gap: 15px;} #sub51 .sec-sub-equip .btn-wrap .btn span{font-size: var(--fz-16);} #sub51 .sec-sub-equip .btn-wrap .btn:active{background-color: var(--color-primary); border-color: var(--color-primary);} #sub51 .sec-sub-equip .btn-wrap .btn:active span{color: #fff;} #sub51 .sec-sub-equip .btn-wrap .btn:active .arrow{transform: translateX(5px);} #sub51 .sec-sub-equip .btn-wrap .btn:active .arrow img{filter: brightness(0) invert(1);} #sub51 .sec-sub-bn .wrap .sec-title{margin-bottom: 30px;} #sub51 .sec-sub-bn .wrap .sec-title .desc{font-size: var(--fz-15); line-height: 1.5; margin-bottom: 30px;} #sub51 .sec-sub-bn .wrap article{flex-direction: column; gap: 20px; max-width: 340px; margin-inline: auto; margin-bottom: 30px;} #sub51 .sec-sub-bn .wrap article .item{width: 100%;} #sub51 .sec-sub-bn .wrap article .item .item-img{margin-bottom: 10px;} #sub51 .sec-sub-bn .wrap article .item .item-title{font-size: var(--fz-15); margin-bottom: 8px;} #sub51 .sec-sub-bn .wrap article .item .item-sub{font-size: var(--fz-16); padding: 5px 12px;} #sub51 .sec-sub-bn .wrap .add-info{font-size: var(--fz-13); padding: 15px 10px; line-height: 1.4; width: 92%; margin-inline: auto;} #sub61 .sec-sub-intro article{flex-direction: column; gap: 30px; text-align: center;} #sub61 .sec-sub-intro article .item-img{width: 92%; max-width: 500px; height: auto; margin: 0 auto;} #sub61 .sec-sub-intro article .item-cont .sec-title{margin-bottom: 25px;} #sub61 .sec-sub-intro article .detail strong{margin-top: 25px; font-size: var(--fz-18); line-height: 1.4;} #sub61 .sec-sub-know .wrap .sec-title{margin-bottom: 30px;} #sub61 .sec-sub-know .wrap .sec-title .en-title{font-size: var(--fz-18);} #sub61 .sec-sub-know .wrap article{flex-direction: column; gap: 30px; text-align: center; margin-bottom: 40px;} #sub61 .sec-sub-know .wrap article:last-child{margin-bottom: 0;} #sub61 .sec-sub-know .wrap article .item-img{width: 100%; max-width: 500px; height: auto; margin: 0 auto;} #sub61 .sec-sub-know .wrap article .item-cont .title-wrap h4{font-size: var(--fz-20); margin-bottom: 15px;} #sub61 .sec-sub-know .wrap article .item-cont .detail p{font-size: var(--fz-16); line-height: 1.5;} #sub61 .sec-sub-know.know1 .wrap article .item-cont .detail p:not(.highlight){margin-bottom: 20px;} #sub61 .sec-sub-know.know2 .wrap article .item-cont .detail p:not(.highlight){margin-top: 20px;} #sub61 .sec-sub-know .wrap article .item-cont .detail p.highlight{font-size: var(--fz-16); margin-bottom: 8px;} #sub61 .pores-hr{margin-block: 40px;} #sub61 .sec-sub-type .wrap .sec-title{margin-bottom: 30px;} #sub61 .sec-sub-type .wrap .grid{width: 92%; margin-inline: auto; flex-wrap: wrap; gap: 40px 20px; max-width: 500px; margin-inline: auto;} #sub61 .sec-sub-type .wrap .grid .item{width: calc(50% - 10px); flex: unset;} #sub61 .sec-sub-type .wrap .grid .item figure{margin-bottom: 15px;} #sub61 .sec-sub-type .wrap .grid .item h4{font-size: var(--fz-18); margin-bottom: 10px;} #sub61 .sec-sub-type .wrap .grid .item .desc{font-size: var(--fz-14); line-height: 1.5;} #sub61 .sec-sub-type.type2 .wrap .grid{max-width: 500px; margin-inline: auto;} #sub61 .sec-sub-type.type2 .wrap .grid .item{width: calc(50% - 10px);} #sub61 .sec-sub-equip .wrap{flex-direction: column;} #sub61 .sec-sub-equip .left{display: contents;} #sub61 .sec-sub-equip .left .tab-btn-cont{position: sticky; top: 14vw; flex-direction: row; overflow-x: auto; white-space: nowrap; width: 100%; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; z-index: 11;} #sub61 .sec-sub-equip .left .tab-btn-cont::-webkit-scrollbar{display: none;} #sub61 .sec-sub-equip .left .tab-btn-cont li.void{display: none;} #sub61 .sec-sub-equip .left .tab-btn-cont li.tab-btn{width: 20%; flex: 0 0 auto; padding: 15px 0; font-size: var(--fz-16); border-right: 1px solid #ece8e4; border-bottom: 1px solid #ece8e4; height: auto; display: inline-flex;} #sub61 .sec-sub-equip .left .tab-btn-cont li.tab-btn:last-child{border-right: none;} #sub61 .sec-sub-equip .left .tab-btn-cont li.active{border-bottom-color: #db6414;} #sub61 .sec-sub-equip .left .tab-fix-cont{width: 100%; height: auto;} #sub61 .sec-sub-equip .left .tab-fix-cont li{padding: 80px 20px 40px; align-items: center; text-align: center;} #sub61 .sec-sub-equip .left .tab-fix-cont li .en-title{font-size: var(--fz-16); margin-bottom: 8px;} #sub61 .sec-sub-equip .left .tab-fix-cont li h4{font-size: var(--fz-24); margin-bottom: 25px;} #sub61 .sec-sub-equip .left .tab-fix-cont li img{max-width: 300px; margin-bottom: 25px;} #sub61 .sec-sub-equip .left .tab-fix-cont li .desc{font-size: var(--fz-15); line-height: 1.5;} #sub61 .sec-sub-equip .right{width: 100%; min-height: auto; padding-block: 40px;} #sub61 .sec-sub-equip .right .tab-slide-cont li{padding: 0 20px;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont{margin-bottom: 60px; text-align: center;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont .sub-title{font-size: var(--fz-15); margin-bottom: 10px;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont .step{font-size: var(--fz-13); padding: 5px 12px; margin-bottom: 10px;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont h5{font-size: var(--fz-20); margin-bottom: 20px;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont img{max-width: 450px; margin-inline: auto; margin-bottom: 20px;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont .desc{font-size: var(--fz-15); line-height: 1.5;} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont.detail-cont-style2 .step{font-size: var(--fz-13);} #sub61 .sec-sub-equip .right .tab-slide-cont li .detail-cont.detail-cont-style2 .en{font-size: var(--fz-20);} #sub61 .sec-sub-bn .wrap .sec-title{margin-bottom: 30px;} #sub61 .sec-sub-bn .wrap .sec-title .desc{font-size: var(--fz-15); line-height: 1.5; margin-bottom: 30px;} #sub61 .sec-sub-bn .wrap article{flex-direction: column; gap: 20px; max-width: 340px; margin-inline: auto; margin-bottom: 30px;} #sub61 .sec-sub-bn .wrap article .item{width: 100%;} #sub61 .sec-sub-bn .wrap article .item .item-img{margin-bottom: 10px;} #sub61 .sec-sub-bn .wrap article .item .item-title{font-size: var(--fz-15); margin-bottom: 8px;} #sub61 .sec-sub-bn .wrap article .item .item-sub{font-size: var(--fz-16); padding: 5px 12px;} #sub61 .sec-sub-bn .wrap .add-info{font-size: var(--fz-13); padding: 15px 10px; line-height: 1.4; width: 92%; margin-inline: auto;} #faq .top-text-cont{padding-top: 60px;} #faq .top-text-cont h3{} #faq .top-text-cont .desc{margin-top: 20px; font-size: 15px;} #faq .top-text-cont .desc b{font-size: 16px;} #faq .title-cont{padding-top: 80px; padding-bottom: 40px;} #faq .title-cont p{font-size: 16px; margin-bottom: 15px;} #faq .title-cont h2{margin-bottom: 15px; font-size: 20px;} #faq .title-cont .description{font-size: 14px;} #faq .caution_top_view_bg + .sub_titlebox > .txt02 + .txt01{margin-top: 1rem;} #faq .caution_top_view_bg + .sub_titlebox > .txt01 + .txt02{margin-top: 1rem;} #faq .s71_tab_wrap{padding: 4rem 0;} #faq .sub_tab_list{margin-bottom: 40px; flex-wrap: wrap; gap: 8px;} #faq .sub_tab_li{width: calc(50% - 4px); padding-block: 8px; font-size: 0.938rem;} #faq .caution_tab_wrap{margin-top: 40px; padding-bottom: 100px;} #faq .caution_tab_wrap .panel_tit .tit02{font-size: 1.8rem;} #faq .caution_tab_wrap .panel-wrap{margin-top: 2rem;} #faq .caution_tab_wrap .panel .panel-header .icon-panel{right: 15px; font-size: 14px;} #faq .caution_tab_wrap .panel .panel-header .icon-panel:after{right: 50px; width: 10px;} #faq .caution_tab_wrap .panel .panel-header .icon-panel:before{top: calc(40% - 5px); right: 55px; height: 10px;} #faq .caution_tab_wrap .panel-title{padding: 15px 0;} #faq .caution_tab_wrap .panel-title .tit{font-size: 20px;} #faq .caution_tab_wrap .txtbox{padding: 2rem 1.5rem; font-size: 1rem; text-align: left;} #faq .caution_tab_wrap .txtbox .subtit{font-size: var(--fz-19); text-align: left;} #faq .caution_tab_wrap .txtbox .big-a{font-size: var(--fz-17); word-break: keep-all; text-align: left;} #faq .caution_tab_wrap .txtbox .big-a br{display: none;} #faq .caution_tab_wrap .txtbox .sm-a{font-size: var(--fz-15); word-break: keep-all;} #faq .caution_tab_wrap .txtbox .sm-a br{display: none;} }