.section_area {padding: 5vw 0;}
.section_area .area_title {position: relative;letter-spacing: .1em;font-size: 26px;color: var(--tertiary);}
.section_area .tit_box {margin-bottom: 30px;}
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.section_area .en_title {font-weight: 500;font-size: 40px;color: var(--secondary);font-family: "Cormorant", serif;position: relative;display: inline-block;text-transform: uppercase;line-height: 120%;margin-bottom: 10px;}
.section_area .en_title:before{content:'';position: absolute;top: -20px;right: -45px;display: block;width: 42px;height: 42px;background: url(/images/01/img-ab-title.png) no-repeat;background-size: contain;}
.section_area .p_title {font-size: 18px;letter-spacing: .1em;}

#wrap:before{content:'';position: absolute;top: 0;right: 0;z-index: -1;zoom: 99%;background: url(/images/01/img-ab-top-bg.jpg) no-repeat 0 50%;width: 50%;height: 140px;}
#wrap:after{content:'';width: 1px;height: 27%;position: absolute;left: calc(50% + 0px);top: 0;background: #cdc6c4;opacity: .5;z-index: -1;}
#wrap { position: relative; }


/* about_area */
#about_area {padding: 8vw 0 0px;overflow: hidden;}
#about_area:before {content: url(/images/01/img-ab-light-1.png);position: absolute;bottom: -60%;left: -45%;z-index: -2;zoom: 100%;animation-name: circle;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 50s;}
#about_area:after { content: url(/images/01/img-ab-light-1.png); position: absolute; bottom: -80%; right: -47%; z-index: 0; zoom: 100%; animation-name: circle; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 50s; }
@keyframes circle {
  0% { transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0) }
  100% { transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg) }
}
#about_area .founder_info .Txt:before { content: ''; width: 250%; height: 1px; position: absolute; right: calc(0% - 200px); bottom: 0px; background: #cdc6c4; opacity: .5; z-index: -3; }
#about_area .founder_info .Txt:after { content: ''; display: block; width: 20px; height: 1px; background: var(--tertiary); margin-top: 20px; }
#about_area .area_title { color: var(--secondary); }
#about_area .em { font-weight: 500; font-size: 15px; color: #704d41; font-family: "Cormorant",serif; position: relative; display: inline-block; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; position: absolute; left: -100px; top: 20px; height: 40vh; }
#about_area .em:before { content: ""; position: absolute; top: -40%; right: calc(0% + 13px); -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; height: 60%; width: 1px; background: #cdc6c4; opacity: .5; }
#about_area .workframe {width: min(80vw,1560px);display: grid;grid-template-columns: 37% 1fr;gap: 30px;z-index: 0;position: relative;}
#about_area .founder_info { display: grid; grid-template-columns: 50% 39%; gap: 20px; justify-content: space-around; margin-top: 120px; align-items: center; }
#about_area .founder_info .img_box { z-index: 10; position: relative; }
#about_area .founder_info .img_box:before { position: absolute; height: 95%; width: 100%; background-color: #fff; display: block; bottom: 0; left: 0; content: ""; z-index: -1; border-radius: 250px 250px 0 0; }
#about_area .founder_info .img_box:after { position: absolute; height: 92%; width: 93%; background-color: #fbe8e2; border-radius: 250px 250px 0 0; display: block; bottom: 0; left: -6px; content: ""; z-index: -1; }
#about_area .founder_info .Txt { color: var(--tertiary); font-size: 1.4rem; letter-spacing: 0.05rem; margin-bottom: 10px; }
#about_area article p { font-weight: 400; position: relative; line-height: 1.9; letter-spacing: 0.05rem; font-size: 1rem; margin-top: 20px; }
#about_area .founderArea article {margin-bottom: 15%;}
#about_area .decoTitle {font-size: 105px;letter-spacing: 10px;color: #eaa24f;font-family: "Cormorant",serif;text-transform: uppercase;opacity: .2;position: absolute;top: 47.9%;left: 4%;z-index: 1; 2}
#about_area .founder_info .decoTitle { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; left: auto; right: -130px; height: 100%; top: -5%; }
#about_area .aboutAreaBG {position: absolute;height: 280px;width: 100%;z-index: -1;bottom: 0;}
#about_area .aboutAreaBG:after{content:'';position: absolute;bottom: 0;left: 0;z-index: 1;zoom: 99%;background: url(/images/01/img-ab-bottom-bg2.jpg) no-repeat 100% 100%;width: 50%;height: 110px;}
#about_area .aboutAreaBG:before{content:'';position: absolute;top: 0;left: 0;z-index: 0;zoom: 99%;background:url(/images/01/img-ab-bottom-bg.jpg) no-repeat 100% 100%;width: 50%;height: 280px;}


/* product_area */
#product_area {background-size: cover;background-position: top;padding: 6vw 0 8vw 0;position: relative;}
#product_area:before {content: url(/images/01/img-light.png);position: absolute;top: 0px;left: 0;z-index: -2;zoom: 100%;}
#product_area:after {content: '';position: absolute;z-index: -1;zoom: 100%;width: 70%;height: 740px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url(/images/01/img-p-bg.jpg);background-size: contain;}
#product_area .tit_box { display: flex; flex-direction: column; align-items: center; }
#product_area .workframe { width: 100% }
#product_area .en_title:before { top: -30%; left: 50%; transform: translate(-50%,-50%); }
#product_list{width: 90%;margin: 0 auto 0;padding: 0px 40px 10px;position: relative;}
#product_list .btn{padding: 0;display: flex;flex-direction: row;justify-content: center;gap: 160px;margin-top: 50px;}
#product_list .btn:after{content:'';position:absolute;bottom: -20px;width: 120px;height: 1px;background: #816e5f;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: .5;}
#product_list .btn a:not(.morebtnn) { width: 60px; text-align: center; aspect-ratio: 1/1; line-height: 60px; border-radius: 50px; font-family: "Cormorant",serif; }
#product_list .btn a:not(.morebtnn) img { height: 24px; }
#product_list .btn a#product_next img { transform: scaleX(-1); }
#product_list .btn a.morebtnn { background: #ababab; writing-mode: vertical-lr; width: 73px; display: flex; align-items: center; color: white; padding: 60px 0; border-radius: 50px; }
#product_list .btn a:hover { background: rgb(255 246 235); }
#product_list li {margin: 0 26px;position: relative;}
#product_list li:before { position: absolute; height: 80%; width: 100%; background-color: #fff2df; display: block; bottom: 0; left: 0; content: ""; z-index: -1; }
#product_list li:nth-child(2n):before {background-color: #fffcf6;}
#product_list ul li { transition: margin-top 0.5s ease-in-out }
#product_list li .img_box { padding: 40px 40px 0; }
#product_list li img { aspect-ratio: 1/1 }
#product_list li .info_box { margin: 30px 0; }
#product_list li .info_box .h3 { -webkit-line-clamp: 2; font-size: 20px; height: 74px; font-weight: 400; height: auto; text-align: center; letter-spacing: 1px; }
#product_list li:hover .info_box .h3 { color: var(--tertiary); }
#product_list li .info_box p.tt { color: #4b4c4c; font-size: 15px; -webkit-line-clamp: 2; height: 51px; margin-top: 10px; }
#product_list li .info_box .price_box { display: flex; align-items: baseline; gap: 15px; margin: 20px 0; }
#product_list li .info_box .price_box ins { text-decoration: none; font-size: 1em; color: var(--secondary); font-family: "Arimo",sans-serif; }
#product_list li .info_box .price_box del { color: #a5a4a4; font-family: "Arimo",sans-serif; font-size: 14px; }
#product_list li .info_box [data-action="buy"] { padding: 1em .8em; position: relative; background: var(--primary); font-size: .9em; color: white; z-index: 11; display: flex; align-items: center; justify-content: center; gap: 15px; width: 100%; }
#product_list li .info_box button:hover { background: #2c404d; }
#product_list li .info_box button svg { width: 20px; height: 20px; fill: white; }
#product_area .slogan { width: min(90%,1310px); margin: 70px auto 20px; display: grid; grid-template-columns: 65% 35%; align-items: center; justify-items: start; }
#product_area .slogan h1,#product_area .slogan h2 { font-size: 22px; font-weight: 400; letter-spacing: .5px; }

/* news_area */
.message_area:after { content: url(/images/01/img-n-bg.png); position: absolute; top: 0px; left: 0; z-index: -2; zoom: 100%; }
#news_area {b;background-position: 100px 0%;background-repeat: no-repeat;background-size: contain;position: relative;padding: 7vw 0 5vw 0;}
#news_area:before { position: absolute; height: 15%; width: 100%; background-color: #fff; display: block; bottom: 0; left: calc(40% + -68px); content: ""; z-index: 0; }
#news_area .workframe {width: min(76vw,1400px);display: grid;grid-template-columns: 50% 40%;justify-content: space-between;align-items: center;}
#news_area .box { margin-bottom: 60px; }
#news_area .tit_box .more_btn { bottom: 0; right: 40px; }
#news_list li { border-bottom: 1px solid rgb(137 120 107/30%); margin-bottom: 5px; padding: 10px 0; }
#news_list .info_box { margin-bottom: 10px; }
#news_list .info_box font { font-size: 16px; font-weight: 200; text-transform: uppercase; font-family: emoji; letter-spacing: 1px; }
#advantages_area:before { position: absolute; height: 110%; width: 100%; background-color: #fff; display: block; bottom: 0; left: calc(10% + -30px); content: ""; z-index: -1; }
#advantages_area .workframe {width: min(80vw,1280px);display: grid;grid-template-columns: 21% 1fr;gap: 40px;}
#advantages_area .workframe .tit_box { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; margin-bottom: 0; }
#advantages_area .workframe .tit_box .em { height: 320px; font-size: 1.2rem; margin-right: 10px; }
#advantages_area .en_title:before { top: 130px; right: -43px; }
#advantages_list { gap: 30px 40px; display: grid; grid-template-columns: repeat(2,1fr); }
#advantages_list .Item { border-top: 1px solid rgb(137 120 107/30%); margin-bottom: 5px; padding: 30px 0 0; }
#advantages_list .Item:not(:nth-child(01),:nth-child(02)):after {content: "";pointer-events: none;position: absolute;width: 100%;height: 1px;background-color: #d8d8d8;bottom: -30px;right: 0;}
#advantages_list .Item .num {position: absolute;right: -20px;-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;font-weight: 500;font-size: 40px;color: var(--tertiary);font-family: "Cormorant",serif;}
#advantages_list .Item .info_box {padding: 5px 40px 5px 20px;}
#advantages_list .Item .info_box .title { color: var(--secondary); font-size: 1.2rem; font-weight: 500; margin-bottom: 10px; }
#advantages_list .Item .info_box .Txt { margin-bottom: 10px; }
#advantages_list .Item .info_box .Txt,#advantages_list .Item .info_box .textEditor { font-weight: 400; position: relative; letter-spacing: 0.05rem; font-size: 1rem; }

/* other_area */
#other_area { padding: 0; background-image: linear-gradient(80deg,#f7b45f,#e45b13 50%); }
#other_area .workframe {width: 86%;margin-right: 0;display: grid;grid-template-columns: 430px 64%;gap: 110px;justify-content: space-between;align-items: center;}
#other_area .box {position: relative;margin-bottom: 0;}
#other_area .box * { color: #fff; }
#other_area .box .en_title:before { -webkit-filter: contrast(0) brightness(200%); filter: contrast(0) brightness(200%); }
#other_area .box p { font-size: 16px; width: 290px; letter-spacing: .5px; text-align: justify; margin-bottom: 20px; line-height: 2; margin-bottom: 40px; }
#other_area .tit_box {}
#other_area .area_title, #book_area .tit_box .area_title { margin-bottom: 40px; }
#other_area .area_title:after, #book_area .tit_box .area_title:after { content: ''; position: absolute; bottom: -20px; left: 0; width: 60px; height: 1px; background: #fff; }
#book_area .tit_box .area_title:after { background: var(--info); }
#other_area .otherimg_box { width: 100%; }
#other_area .otherimg_box img {aspect-ratio: 4/2.2;width: 100%;height: 100%;}
#other_area .moreItem { display: flex; gap: 10px; }
#other_area .moreItem .more_btn {width: 200px;}
#other_area .moreItem .more_btn { border: 1px solid rgb(255 255 255/40%); }
#other_area .moreItem  .more_btn span { background: #ffffff; box-shadow: 0 0 0 #ffffff,0 0 0 #ffffff; }
#other_area .moreItem  .more_btn:hover span { box-shadow: 7px 0 0 #ffffff,14px 0 0 #ffffff; }

/* book_area */
#book_area {padding: 10vw 0 2vw;}
#book_area:after { content: url(/images/01/img-b-bg.jpg); position: absolute; z-index: -1; zoom: 100%; top: 0; left: 0; }
#book_area:before { position: absolute; height: 80%; width: 91%; background-color: #fff2df; display: block; bottom: 0; right: 0; content: ""; z-index: 0; }
#book_area .workframe { display: grid; grid-template-columns: 17% 80%; width: min(80vw,1540px); padding: 60px 0 50px 0px; margin-right: 100px; margin-left: auto; justify-content: space-between; }
#book_area .tit_box { margin: 0; }
#book_area .tit_box p { font-weight: 400; letter-spacing: 0.5px; margin-top: 60px; }
#book_area .track { position: absolute; width: 100vw; max-width: 100%; overflow: hidden; z-index: -1; top: 5%; white-space: nowrap }
#book_area .track p { font-weight: 400; font-size: 60px; margin: 0; text-transform: uppercase; letter-spacing: 30px; line-height: 1; will-change: transform; animation: marquee 35s linear infinite; font-family: "Cormorant",serif; color: #f0cbae; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
#book_list ul li { margin: 0 25px; }
#book_list ul li .info_box { margin-top: 20px; }
#book_list ul li .info_box .h3 { -webkit-line-clamp: 2; font-weight: 400; height: auto; font-size: 1.1rem; }
#book_list ul li .info_box .booktitle { border-bottom: 1px solid rgb(137 120 107/30%); margin-bottom: 10px; padding: 0 0 10px; display: flex; gap: 10px; }
#book_list ul li .info_box .booktitle span { color: var(--tertiary); font-family: "Cormorant",serif; position: relative; display: inline-block; text-transform: uppercase; }


@media screen and (max-width: 1560px){
	#other_area .workframe { width: 91%; }
	#book_area:before { width: 94%; }
	#book_area .workframe { grid-template-columns: 19% 78%; }
	#news_area { background-position: 50px 0%; }
	#advantages_area:before { left: calc(10% + -70px); }
	#product_list { padding: 0 0 10px; }
	#product_area:after { height: 630px; }
}

@media screen and (min-width: 1281px){
	#product_list ul .slick-slide:nth-child(2n) { margin-top: 80px; }
	#product_list ul.is-shifted .slick-slide:nth-child(2n) { margin-top: 50px }
}
@media screen and (max-width: 1280px){
	.section_area .tit_box { margin-bottom: 10px; }
	#about_area .workframe { grid-template-columns: 29% 1fr; }
	#about_area:before,#about_area:after { zoom: 70%; }
	#about_area .founder_info { margin-top: 60px; }
	#about_area .aboutAreaBG:after { width: 40%; }
	#about_area .decoTitle { font-size: 70px; left: -2%; top: 71%; }
	#about_area .aboutAreaBG { height: 160px; }
	#about_area .aboutAreaBG:after { height: 50px; }
	.section_area .en_title { font-size: 34px; margin-bottom: 4px; }
	.section_area .area_title { font-size: 22px; }
	#about_area .founder_info .Txt { font-size: 1.2rem; }
	#about_area article p { margin-top: 15px; }
	#wrap:before { height: 70px; }
	#news_area .workframe { display: flex; flex-direction: column; gap: 50px; width: 80vw; }
	#news_area .box { margin: 0; width: 100%; }
	.message_area:after,#news_area:before,#product_area:after { display: none; }
	#news_area { background-size: cover; background-position: 00; padding: 5vw 0 10vw 0; }
	#advantages_area:before { left: 0; }
}
@media screen and (max-width: 1024px){
	#product_area .slogan { grid-template-columns: 1fr; gap: 25px; width: min(90%,860px); }
	#about_area .workframe { grid-template-columns: 1fr; }
	#about_area:before,#about_area:after,#wrap:before,#wrap:after { display: none; }
	#other_area .workframe { grid-template-columns: 430px 60%; width: 92%; margin: auto; gap: 20px; }
	#other_area .otherimg_box img { aspect-ratio: 4/2.8; }
	#other_area .workframe { grid-template-columns: 1fr; padding: 50px 0 0; gap: 70px; width: 100%; }
	#other_area .tit_box { width: 80%; margin: auto; }
	#other_area .box p { width: auto; }
	#other_area .moreItem { display: flex; flex-direction: column; align-items: center; gap: 10px; }
	#other_area .moreItem .more_btn { gap: 10px; display: flex; justify-content: space-between; }
#book_area .workframe{
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 20px 0;
    margin-right: auto;
    width: 90vw;
}
    #book_area .tit_box{
    padding: 0 20px;
}
    #book_list{
    width: 100%;
}
    #book_area:before{
    width: 100%;
    height: 100%;
}
    #book_area{
    padding: 5vw 0;
}
    #book_area:after,#book_area .track{
    display: none;
}
}
@media screen and (max-width: 768px){
	.section_area,#product_area {padding: 15vw 0 9vw 0;}
	#other_area .box:not(:last-child):after { display: none; }
	#other_area .workframe { grid-template-columns: 1fr; gap: 50px; display: grid; justify-content: center; }
	#other_area .otherimg_box img { aspect-ratio: 4/2; }
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .decoTitle,#about_area .aboutAreaBG { display: none; }
	#product_list .btn {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;}
	#product_list .btn a.morebtnn { writing-mode: unset; height: 73px; padding: 0 60px; width: auto; }
	#about_area .founder_info { grid-template-columns: 1fr; gap: 40px; margin-top: 0; }
	#about_area { padding: 15vw 0 8vw; }
	#about_area .founderArea article { margin-bottom: 8%; }
	#about_area .img_box img { aspect-ratio: 3/3; object-fit: contain; }
	#about_area .en_title { display: inline; }
	#about_area .en_title:before { right: -100px; width: 30px; height: 30px; }
	#advantages_area .workframe { grid-template-columns: 1fr; }
	#advantages_area .workframe .tit_box { -webkit-writing-mode: lr-tb; -ms-writing-mode: lr-tb; writing-mode: lr-tb; display: flex; flex-direction: column; align-items: center; }
	#advantages_area .workframe .tit_box .em { height: auto; margin-right: 0; margin-bottom: 30px; }
	#advantages_area .en_title:before { top: -11px; right: -40px; width: 30px; height: 30px; }
	.section_area .en_title:before { width: 30px; height: 30px; }
	#advantages_list { grid-template-columns: 1fr; }
	#advantages_list .Item:not(:nth-child(01),:nth-child(02)):after { display: none; }
}
@media screen and (max-width: 550px){
    .section_area .area_title, #product_list li .info_box .h3{font-size:20px;}
    .section_area .en_title{font-size: 28px;padding-top: 10px;}
    .section_area .p_title{font-size:16px;}
    #product_list{padding: 0;}
	#product_list {width: 90%;}
    #product_list .btn a:not(.morebtnn) img{height: 18px;}
    #product_list .btn{
    margin-top: 30px;
}
    #product_list .btn a.morebtnn{height: 53px;padding: 0 30px;font-size: 14px;}
    #product_list .btn a:not(.morebtnn){width: 53px;line-height: 53px;}
    #product_area .slogan h1, #product_area .slogan h2{font-size: 18px;}
    #other_area .box h2{font-size:28px;}
    #other_area .workframe{gap: 40px;}
}