.section_area {padding: 5vw 0;}
.section_area .area_title { position: relative; padding-bottom: .3em; letter-spacing: .1em; text-align: center; }
.section_area .area_title:before { position: absolute; width: 3em; height: .1em; background: var(--primary); display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.section_area .more_btn {display: inline-flex;padding: .6em 3.2em .6em .2em;font-weight: 500;font-family: "Cormorant", serif;font-size: 17px;align-items: center;justify-content: center;position: relative;}
.section_area .more_btn:after{content:'';position: absolute;width: 100%;height: 1px;background: #ccc;bottom: 0;right: 0;transition: .7s;transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}
.section_area .more_btn:hover:after{width:0}
.section_area .more_btn span{display: inline-flex;width: 8px;aspect-ratio: 1/1;background: var(--secondary);border-radius: 50px;align-items: center;justify-content: center;position: absolute;right: .2em;transition: .7s;transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}
.section_area .more_btn span:after{content:'';width: 0;-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);position: absolute;background-image: url(/images/01/arroe-right.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: contain;aspect-ratio: 1/1;}
.section_area .more_btn:hover span{width: 35px;}
.section_area .more_btn:hover span:after{width: 12px;}
.section_area .list_box { margin-top: 2vmax; }
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }
.section_area .title_box *{mask-image:url(/images/01/smoke_sprites.webp);mask-size: 100% 3600%;mask-position:0 0;width: fit-content;}
.section_area .title_box .is-play {animation: mask-play 1.5s steps(35) .2s forwards;}
.section_area .title_box p{font-size:22px;letter-spacing: 5px;position: relative;padding-left: 25px;}
.section_area .title_box p:before{content:'';width: 11px;aspect-ratio: 1/1;display: inline-block;border: 1px solid #b7b9b9;border-radius: 50px;position: absolute;top: 0;left: 0;}
.section_area .title_box h2{font-family: "Cormorant", serif;font-size: max(6 * (1vw + 1vh) / 2, 55px);color: var(--primary);font-weight: 400;line-height: 1.2;display: inline-block;}

/* four_area */
#four_area ul{display:grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
#four_area li{background:var(--primary);border-radius: 10px;padding: 40px 35px;position: relative;}
#four_area li:hover .box svg{fill:#fff;}
#four_area li:hover .box b{background:var(--secondary);}
#four_area li a{position:absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
#four_area li .box{display: flex;align-items: center;}
#four_area li .box b{margin-right: 15px;width: 40px;height: 40px;background: white;);fill: var(--primary);padding: 10px;border-radius: 50px;display: inline-flex;align-items: center;justify-content: center;}
#four_area li .box svg{width: 20px;height: 20px;);fill: var(--primary);}
#four_area li p{color:#fff;font-family: "Work Sans", serif;font-size: 14px;}
#four_area li .tt{display:flex;p;align-items: center;justify-content: space-between;margin-top: 8px;}
#four_area li .tt article{color:#fff;font-size: 23px;height: auto;font-weight: 500;letter-spacing: 1px;}
#four_area li .tt svg{fill:#fff;}
#four_area li:hover .tt svg{transform:rotate(45deg);}

/* news_area */
#news_area{padding-top:0}
#news_area .list_box{display:grid;grid-template-columns: 48% 47%;justify-content: space-between;align-items: center;}
#news_area .list_box iframe{aspect-ratio: 9/5;width: 100%;}
#news_area .list_box img{aspect-ratio: 4.5/3;}
#news_list .img_box { aspect-ratio: 5/3; }
#news_list .info_box { margin-top: .5em; }
#news_list .info_box .time { font-size: .9em; color: var(--g_500); }
#news_list .info_box h3 { margin: .2em 0 .5em; }
#news_list .info_box article { margin-bottom: .5em; height: 3.2em; font-size: .9em; color: var(--g_600); -webkit-line-clamp: 2; }
#news_area .box .right{margin-bottom: 60px;}
#news_area .box li{border-bottom:1px solid #dbdbdb;margin-bottom: 30px;padding-bottom: 30px;position: relative;}
#news_area .box li:after{content:'';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: var(--primary);}
#news_area .box li:hover:after{width:100%}
#news_area .box .info_box{display:grid;align-items: center;grid-template-columns: 125px 1fr 35px;}
#news_area .box .info_box .time{color:#666666;font-family: "Work Sans", serif;font-weight: 400;}
#news_area .box .info_box .time:after{content:'-';color: #444;margin: 0 15px;}
#news_area .box .info_box h3{height:auto;font-size: 17px;font-weight: 400;}
#news_area .box .info_box .more_btn{border-bottom:0;display: none;padding: 0;}
#news_area .box li:hover .info_box .more_btn{display:block;}
#news_area .box li:hover .info_box .more_btn:after{display:none;}

/* star_area */
#star_area{padding: 0 0 3vw;}
#star_area .workframe{display:grid;grid-template-columns: 45% 55%;}
#star_area .more_btn{position:absolute;bottom: -45px;left: 10%;}
#star_area .title_box h2, #book_area .title_box h2{margin-left: -50px;}
#star_area .title_box h2, #star_area .title_box h2 b, #book_area .title_box h2, #book_area .title_box h2 b{font-family: "Cormorant", serif;font-size: max(6*(1vw + 1vh) / 2, 45px);color: #dcdcdc;font-weight: 400;text-transform: uppercase;line-height: 1;letter-spacing: 7px;}
#star_area .title_box h2 b, #book_area .title_box h2 b{display:block;margin-left: 100px;}
#star_area .title_box p, #book_area .title_box p{position:absolute;top: 35px;left: 20%;}
#star_area article{text-align: justify;line-height:3}

/* photo_area */
#photo_area .workframe{width: 85%;margin:0;border: 1px solid #272020;padding: 13px 13px 13px 0;}
#photo_area .marquee{width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;position: relative;}
#photo_area .marquee-content{/* list-style:none; *//* height:100%; */display:flex;animation: scrolling calc(12 * 5s) linear infinite;}
@keyframes scrolling{0%{transform:translateX(0);}100%{transform:translateX(calc(-1 * calc(80vw / 5) * 12));}}
#photo_area .marquee-content li{flex-shrink:0;white-space:nowrap;margin: 0 8px;}
#photo_area .marquee-content li img{width: 510px;aspect-ratio: 4.5/3;object-fit: cover;}

/* service_area */
#service_area{padding-top:0}
#service_area li{display:grid;grid-template-columns: 42% 48%;justify-content: space-between;align-items: center;margin: 0 20px;}
#service_area li img{order:2}
#service_area li h3{height:auto;font-size: 22px;font-weight: 500;letter-spacing: 3px;}
#service_area li p{color: #666666;font-size: 22px;text-transform: capitalize;margin-bottom: 30px;font-family: "Didact Gothic", serif;}
#service_area li article{height:auto;-webkit-line-clamp: 4;line-height: 2.2;text-align: justify;margin-bottom: 30px;}
#service_area .slick-prev{width: 82px;aspect-ratio: 1/1;height: auto;background: #dcdcdc;border-radius: 50px;left: -170px;text-align: center;line-height: 82px;}
#service_area .slick-prev:before{content:url(/images/01/arroe-left.png);opacity: 1;}
#service_area .slick-next{width: 82px;aspect-ratio: 1/1;height: auto;background: #dcdcdc;border-radius: 50px;right: -170px;text-align: center;line-height: 82px;}
#service_area .slick-next:before{content:url(/images/01/arroe-right.png);opacity: 1;}

/* about_area */
#about_area {padding-top: 2vw;}
#about_area .info_box{margin-top: 2vw;}

/* book_area */
#book_area {padding-top:0}
#book_area .more_btn{position:absolute;right: 10%;top: 5vw;}
#book_list ul{display:grid;grid-template-columns: repeat(3, 1fr);gap: 50px;}
#book_list li{position:relative;}
#book_list li img{aspect-ratio: 3.5/3;}
#book_list li h3{height:auto;margin-top: 15px;font-size: 20px;font-weight: 400;color: #282828;}
#book_list li p{height:auto;color: #646464;-webkit-line-clamp: 3;font-weight: 300;margin-top: 10px;font-size: 15px;line-height: 2;}

/* faq_area */
#faq_area{padding:0}
#faq_area li{background:var(--indigo);padding: 60px 0 200px;}
#faq_area li a{top:0;width: 100%;height: 100%;left: 0;z-index: 2;}
#faq_area li font{color:#fff;position: absolute;right: 70px;bottom: -23px;font-family: "Work Sans", serif;font-size: max(9 * (1vw + 1vh) / 2, 50px);}
#faq_area li:after{content:'';position: absolute;width: 100%;height: 1px;background: #fff;bottom: 100px;}
#faq_area li h3{display: grid;align-items: center;gap: 10px;grid-template-columns: 95px 1fr;padding: 0 80px;margin-bottom: 20px;}
#faq_area li p{display: grid;align-items: center;gap: 10px;grid-template-columns: 95px 1fr;padding: 0 80px;}
#faq_area li h3 b, #faq_area li p b{font-family: "Work Sans", serif;font-size: 50px;font-weight: 400;color: var(--teal);letter-spacing: 10px;}
#faq_area li h3 span{color: #fff;font-size: 18px;height: auto;-webkit-line-clamp: 2;font-weight: 200;width: 75%;font-weight: 400;}
#faq_area li p span{color: #fff;font-size: 18px;height: auto;-webkit-line-clamp: 2;font-weight: 200;width: 75%;}

/* product_area */
#product_area .list_box{margin-top: 4vmax;}
#product_area .more_btn{position:absolute;right: 0;top: 3.5vw;}
#product_area .slick-prev{width: 82px;aspect-ratio: 1/1;height: auto;background: #dcdcdc;border-radius: 50px;left: -170px;text-align: center;line-height: 82px;}
#product_area .slick-prev:before{content:url(/images/01/arroe-left.png);}
#product_area .slick-next{width: 82px;aspect-ratio: 1/1;height: auto;background: #dcdcdc;border-radius: 50px;right: -170px;text-align: center;line-height: 82px;}
#product_area .slick-next:before{content:url(/images/01/arroe-right.png)}
#product_list li{background: var(--primary);margin: 0 30px;}
#product_list .item_row{background: #ededeb;border-radius: .4rem;margin: 1px;}
#product_list .item_row .box{padding: 1rem;}
#product_list .item_row .info_box{margin-top: 15px;}
#product_list .item_row .info_box h3{height:auto;text-align: center;font-weight: 400;}
#product_list .item_row .info_box p{height:auto;margin-top: 5px;-webkit-line-clamp: 2;color: #5c5c5c;font-size: 14px;line-height: 2;font-weight: 300;padding: 0 20px;}

/* schedule_area */
#schedule_area{padding-top:2vw}
#schedule_area .workframe{display:grid;grid-template-columns: 30% 65%;justify-content: space-between;}
#schedule_area .titbox .more_btn{margin-top: 45px;margin-left: 50px;}
#schedule_area .list_box{margin-top:0}
#schedule_area .list_box li{border-bottom:1px solid #dbdbdb;margin-bottom: 30px;padding-bottom: 30px;position: relative;display: grid;grid-template-columns: 15% 1fr;gap: 45px;align-items: center;}
#schedule_area .list_box li:after{content:'';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: var(--primary);}
#schedule_area .list_box li:hover:after{width:100%}
#schedule_area .list_box .info_box{display:flex;flex-direction:column;justify-content:center}
#schedule_area .list_box .info_box .time{color:#666666;font-family: "Work Sans", serif;font-size: 15px;}
#schedule_area .list_box .info_box .time:after{content:'-';margin: 0 6px;font-weight: 300;}
#schedule_area .list_box .info_box h3{font-size:17px;font-weight: 400;}
#schedule_area .list_box .info_box .more_btn{position:absolute;padding: 0;border: 0;right: 0;display: none;}
#schedule_area .list_box li:hover .info_box .more_btn{display:block;}
#schedule_area .list_box .info_box .more_btn:after{display:none;}

@media screen and (max-width: 1680px){
    #star_area .title_box p, #book_area .title_box p{top: 25px;left: 17%;}
    #service_area .slick-prev, #product_area .slick-prev{left: -130px;}
    #service_area .slick-next, #product_area .slick-next{right: -130px;}
}
@media screen and (max-width: 1440px){
    #faq_area li font{bottom: -33px;}
    #book_area .more_btn{top: 3vw;}
    #star_area .more_btn{bottom: 15px;}
    #star_area .title_box p, #book_area .title_box p{top: 15px;left: 14%;}
    #product_area .more_btn{right: 20vw;}
    #service_area .slick-prev, #product_area .slick-prev{left: unset;right: 8vw;top: -90px;}
    #service_area .slick-next, #product_area .slick-next{right: 0;top: -90px;}
}
@media screen and (max-width: 1280px){
    .section_area .list_box, #about_area .info_box{margin-top: 4vmax;}
}
@media screen and (min-width: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1024px){
    #product_list li{margin:0 15px;}
    #aboutInfo ul{gap:40px;}
    #service_area .slick-prev, #product_area .slick-prev{right: 10vw;}
    #star_area article{margin-top: 30px;}
    #star_area .more_btn{left: unset;right: 0;top: 10%;bottom: unset;}
    #star_area .title_box p, #book_area .title_box p{top: 13px;left: 21%;}
    #star_area .title_box h2, #book_area .title_box h2{margin-left:0}
    #star_area .workframe{display: block;}
    #news_area .list_box img{aspect-ratio: 3.5 / 3;}
}
@media screen and (min-width: 769px){
    #faq_area li.slick-current{background:none}
    #faq_area li.slick-current h3 span, #faq_area li.slick-current p span{color:#545454}
    #faq_area li.slick-current font{color:var(--indigo)}
    #faq_area li.slick-current:after{background:var(--indigo);}
}
@media screen and (max-width: 768px){
    #book_area .more_btn, #product_area .more_btn, #schedule_area .titbox .more_btn{display: none;}
    #aboutInfo ul, #book_list ul, #schedule_area .workframe{grid-template-columns:1fr}
    #schedule_area .workframe{gap:50px;}
    .section_area{padding: 11vw 0;}
    #service_area .slick-prev, #product_area .slick-prev{right: 14vw;}
    #star_area .title_box p, #book_area .title_box p{left: 30%;}
    .section_area .title_box p{font-size: 18px;}
    #news_area .box .right{margin-top: 50px;}
    #news_area .list_box img{aspect-ratio: 4.5 / 3;}
    #news_area .list_box{display: block;}
    #four_area ul{grid-template-columns: repeat(2, 1fr);}
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .info_box { order: 1; }
}
@media screen and (max-width: 640px) {
    #schedule_area .list_box li{grid-template-columns: 25% 1fr;gap: 25px;}
    #faq_area li{padding-bottom:150px;}
    #faq_area li font{bottom: 7px;}
    #faq_area li h3 b, #faq_area li p b{font-size: 52px;}
    #faq_area li h3{padding: 0 30px;}
    #faq_area li h3 span{font-size: 20px;}
    #faq_area li p{padding: 0 30px;}
    #faq_area li p span{font-size: 16px;}
    #service_area li{grid-template-columns: 1fr;}
    #service_area li img{order:-1;margin-bottom: 20px;}
    #service_area .slick-prev, #product_area .slick-prev{right: 18vw;}
    #service_area .slick-prev, #product_area .slick-prev, #service_area .slick-next, #product_area .slick-next{width:60px;height: 60px;line-height: 62px;}
    #photo_area .marquee-content li img{width: 290px;}
    #star_area .title_box p, #book_area .title_box p{left: 15%;top: 115px;}
    #star_area .title_box h2, #book_area .title_box h2{margin-bottom: 80px;letter-spacing: 4px;}
    #star_area .title_box h2 b, #book_area .title_box h2 b{letter-spacing: 4px;margin-left: 40px;}
    #star_area .more_btn{position:relative;top: unset;margin-top: 30px;}
    #news_area .box .info_box .more_btn, #news_area .box li:hover .info_box .more_btn{display:none;}
    #news_area .box .info_box{grid-template-columns:1fr}
    #four_area li .tt{margin:0}
    #four_area li .tt article{font-size: 15px;letter-spacing: 0;}
    #four_area li{padding: 15px 10px;display: grid;grid-template-columns: 25% 75%;align-items: center;}
    #four_area li .box b{margin:0;width: 30px;height: 30px;padding: 5px;}
    #four_area li .box b svg{width: 15px;height: 15px;}
    #four_area li p{display:none;}
	#photo_area .item_row .img_box { width: 100%; }
	#photo_area .item_row .img_box img { width: 100%; aspect-ratio: 1/1; }
	#photo_area .item_row .info_box { margin: .5em 0 0; width: 100%; }
}
@media screen and (max-width: 550px){
	#product_list { margin: 2vmax auto 0; width: min(100%, 350px); }
}