.book-img img{width:100%}
.pt-0{padding-top:0}
.pb-100{padding-bottom:10rem}
.content-box.step-type{background-color:#f5f5f5}
.content-box.step-type::before{content:none}
.content-box.step-type.white{background-color:transparent}
.round-type-tag{border-width:2px}
.align-center-box > .round-type-tag:last-child{margin-bottom:0}
.content-box.concept-type.card-swiper-type .swipe-guide-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;opacity:1;-webkit-transition:opacity 0.4s ease-out;transition:opacity 0.4s ease-out}
.content-box.concept-type.card-swiper-type .ui-swipe-guide.moved .swipe-guide-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content-box.concept-type.card-swiper-type .ui-swipe-guide.is-hide .swipe-guide-area{opacity:0}
.content-box.concept-type.card-swiper-type .swiper-slide{padding:0 0.2rem 1rem}
.content-box.concept-type.card-swiper-type .concept-card{background-color:#fff;border:1px solid #ddd;border-radius:1rem;-webkit-box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.06);box-shadow:0 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.06);text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.content-box.concept-type.card-swiper-type .concept-card .card-img{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;margin:0 auto}
.content-box.concept-type.card-swiper-type .concept-card .card-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.content-box.concept-type.card-swiper-type .concept-card .card-tit{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;display:block;color:#f2498c;font-weight:700}
.content-box.concept-type.card-swiper-type .concept-card .card-note{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3;background-color:#f9f9f9;border-radius:0.8rem}
.content-box.concept-type.card-swiper-type .concept-card .card-note .txt{color:#222}
.content-box.concept-type.card-swiper-type .concept-card .card-desc{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4;color:#333;font-weight:500}
.content-box.step-1{padding-bottom:10rem}
.content-box.step-1 .cont-area{width:100%;margin:5.6rem auto 0;text-align:center}
.content-box.step-1 .cont-area + .cont-area{margin-top:7rem}
.content-box.step-1 .cont-area .round-type-tag{margin-bottom:1rem}
.content-box.step-1 .cont-area .step-sub-desc{margin-top:0}
.content-box.step-1 .cont-area .bg-img{margin-top:2rem}
.content-box.step-1 .cont-area .txt-area{text-align:left}
.content-box.step-2 .swiper-container{margin-top:5.6rem}
.content-box.step-2 .swiper-container + .swiper-container{margin-top:7rem}
.content-box.step-2 .align-center-box{margin-bottom:2rem}
.content-box.step-2 .align-center-box .round-type-tag{margin-bottom:1rem}
.content-box.step-2 .align-center-box .step-sub-desc{margin-top:0}
.content-box.step-2 .txt-area{text-align:left}
.content-box.step-3 .flow-box{width:100%;max-width:60rem;margin:4rem auto 0}
.content-box.step-3 .flow-box img{width:100%}
.content-box.step-3 .swiper-container{margin-top:5.6rem}
.content-box.step-3 .swiper-container + .swiper-container{margin-top:7rem}
.content-box.step-3 .align-center-box{margin-bottom:2rem}
.content-box.step-3 .txt-area{text-align:left}
.content-box.step-4 .swiper-container{margin-top:5.6rem}
.content-box.step-4 .swiper-container + .swiper-container{margin-top:7rem}
.content-box.step-4 .align-center-box{margin-bottom:2rem}
.content-box.step-4 .txt-area.center{margin-top:2.4rem}
.content-box.step-4 .txt-area.center .txt-box{width:100%}
.content-box.step-4 .txt-area strong{display:block;margin-bottom:0.6rem;color:#222}
.content-box.step-5{padding-bottom:10rem}
.content-box.step-5 .cont-area{width:100%;max-width:60rem;margin:5.6rem auto 0;text-align:center}
.content-box.step-5 .cont-area + .cont-area{margin-top:7rem}
.content-box.step-5 .cont-area .round-type-tag{margin-bottom:1rem}
.content-box.step-5 .cont-area .step-sub-desc{margin-top:0}
.content-box.step-5 .cont-area .bg-img{margin-top:2rem}
.content-box.step-5 .bg-img img{-webkit-filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16));filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.16))}
.swiper-collected-item-lits .swiper-wrapper{margin-bottom:3rem}
.content-box.concept-type.motion-target03 .step-sub-title .lead,.content-box.concept-type.motion-target03 .step-sub-title .point{display:block}
.content-box.concept-type.motion-target03 .step-sub-title .point{color:#f2498c}
.content-box.concept-type.motion-target03 .img-box{position:relative;width:100%;max-width:42rem;margin:2rem auto 0;padding:0;aspect-ratio:1/1}
.content-box.concept-type.motion-target03 .img-box .motion-item-box{position:absolute;width:65.53%;height:65.53%}
.content-box.concept-type.motion-target03 .img-box .motion-item-box img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.pos-tl{top:0;left:0}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.pos-tl img{-webkit-transform:translate(-16%, -16%);-ms-transform:translate(-16%, -16%);transform:translate(-16%, -16%)}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.pos-tr{top:0;right:0}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.pos-tr img{-webkit-transform:translate(16%, -16%);-ms-transform:translate(16%, -16%);transform:translate(16%, -16%)}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.pos-bl{bottom:0;left:0}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.pos-bl img{-webkit-transform:translate(-16%, 16%);-ms-transform:translate(-16%, 16%);transform:translate(-16%, 16%)}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.pos-br{bottom:0;right:0}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.pos-br img{-webkit-transform:translate(16%, 16%);-ms-transform:translate(16%, 16%);transform:translate(16%, 16%)}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.center{top:50%;left:50%;width:20%;height:20%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2}
.content-box.concept-type.motion-target03 .img-box .motion-item-box.center img{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
.use-tips-swiper .step-label{background-color:#f2498c}
@media (min-width: 1024px){
.content-box.step-1 .cont-area,.content-box.step-5 .cont-area{overflow:visible;border-radius:0;-webkit-filter:none;filter:none}
.pc-show{display:block}
.content-box.concept-type.card-swiper-type .swiper-container{margin-top:5rem}
.content-box.concept-type.card-swiper-type .concept-card{max-width:48rem;padding:4rem 3rem 3rem;margin:0 auto}
.content-box.concept-type.card-swiper-type .concept-card .card-img{width:12rem;height:12rem}
.content-box.concept-type.card-swiper-type .concept-card .card-tit{font-size:2.2rem;line-height:1.45}
.content-box.concept-type.card-swiper-type .concept-card .card-desc{font-size:1.8rem;line-height:1.55;margin-top:1rem;line-height:1.6}
.content-box.concept-type.card-swiper-type .concept-card .card-note{margin-top:1.4rem;padding:1.8rem 2rem}
.content-box.concept-type.card-swiper-type .concept-card .card-note .txt{font-size:1.6rem;line-height:1.62;line-height:1.6}
.content-box.concept-type.motion-target03 .img-box{max-width:54rem}
.book-view-container .video-container{max-width:60rem;width:100%}
.content-box .swiper-container{margin-top:3rem}
.content-box.concept-type .step-sub-title{margin-top:9rem}
.content-box .cont-area{max-width:60rem;width:100%}
.content-box .use-tips-swiper .use-tip-title{font-size:2.4rem;line-height:1.41}
}
@media (max-width: 1023px){
.pc-show{display:none}
.book-view-content .flag.red{margin-left:1rem}
.use-tips-swiper{width:100%;overflow:hidden}
.use-tips-swiper .swiper-slide{padding:0 2.4rem;text-align:center}
.use-tips-swiper .text-box{width:100%}
.use-tips-swiper .img-box{margin-top:4rem;min-height:0}
.use-tips-swiper .img-box img{position:static;width:100%;height:auto}
.content-box.step-type .step-sub-title{margin-top:1.6rem}
.content-box.step-1 .cont-area,.content-box.step-5 .cont-area{margin-top:3.6rem;padding:0 2rem}
.content-box.step-1 .cont-area + .cont-area,.content-box.step-5 .cont-area + .cont-area{margin-top:4.4rem}
.content-box.step-1 .cont-area .bg-img,.content-box.step-5 .cont-area .bg-img{margin-top:1rem}
.content-box.step-2 .swiper-container,.content-box.step-3 .swiper-container,.content-box.step-4 .swiper-container{margin-top:3.6rem}
.content-box.step-2 .swiper-container + .swiper-container,.content-box.step-3 .swiper-container + .swiper-container,.content-box.step-4 .swiper-container + .swiper-container{margin-top:4.4rem}
.content-box.step-2 .align-center-box{margin-bottom:1rem}
.content-box.step-3 .flow-box{padding:0 2rem}
.content-box.concept-type.card-swiper-type .swiper-container{margin-top:2rem}
.content-box.concept-type.card-swiper-type .concept-card{padding:2.6rem 2rem 2rem}
.content-box.concept-type.card-swiper-type .concept-card .card-img{width:8.8rem;height:8.8rem}
.content-box.concept-type.card-swiper-type .concept-card .card-tit{font-size:1.7rem;line-height:1.58;margin-top:1.8rem}
.content-box.concept-type.card-swiper-type .concept-card .card-desc{font-size:1.4rem;line-height:1.71;margin-top:1.8rem;line-height:1.6}
.content-box.concept-type.card-swiper-type .concept-card .card-note{margin-top:1rem;padding:1.4rem}
.content-box.concept-type.card-swiper-type .concept-card .card-note .txt{font-size:1.3rem;line-height:1.76;line-height:1.6}
.content-box .swiper-container{margin-top:0.6rem}
.content-box.concept-type .step-sub-title{margin-top:6rem}
}