.section_area {padding: 5vw 0;}
.section_area .area_title {position: relative;padding-bottom: .3em;letter-spacing: .1em;text-align: center;color: #563d1c;font-size: 32px;font-family: "Zen Maru Gothic", sans-serif;font-weight: 600;}
.section_area .area_title b{font-family: "Cormorant", serif;text-transform: uppercase;letter-spacing: 0;color: #563d1c;font-weight: 400;font-size: 18px;}
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.section_area .more_btn {padding: 18px 2em 18px 3em;background: var(--primary);font-weight: 400;border-radius: 50px;color: white;display: flex;align-items: center;gap: 25px;}
.section_area .more_btn svg{transform: rotate(-90deg);width: 33px;height: 33px;fill: white;}
.section_area .list_box { margin-top: 2vmax; }
.section_area .list_box .item_row {margin: 0 1.5em;}
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }

/* product_area */
#product_area{position:relative;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
#product_area:before{content:url(/images/01/img-block.png);position: absolute;right: 0;top: 60px;z-index: 0;}
#product_area .workframe{width: min(90%, 1250px);}
#product_area .list_box{margin-top: -1vw;}
#product_area .area_title:before{content:url(/images/01/img-linee.png)}
#product_area .area_title{display:flex;justify-content: flex-end;align-items: baseline;gap: 15px;margin-right: 15%;}
#product_list .btn{padding:0;display: inline-flex;align-items: center;gap: 20px;margin-left: 50px;margin-top: -180px;}
#product_list .btn a{background:var(--primary);width: 75px;aspect-ratio: 1/1;display: flex !important;align-items: center;justify-content: center;border-radius: 50px;}
#product_list .btn a svg{fill:white;width: 35px;height: 35px;transform: rotate(-90deg);}
#product_list .btn a#product_prev svg{transform: rotate(90deg);}
#product_list .slick-list{height: 760px;}

/* about_area */
#about_area {background-image: url(/images/01/img-aboutBg.jpg);background-repeat:no-repeat;background-position: right bottom;background-size:cover;position: relative;}
#about_area:before{content:url(/images/01/img-about-top.png);position: absolute;right: 0;top: 0;}
#about_area:after{content:url(/images/01/img-goldlinne.png);position: absolute;left: 0;bottom: 13%;}
#about_area .workframe {display: grid;justify-content: space-between;grid-template-columns: 46% 47%;align-items: end;}
#about_area .info_box {margin-bottom: 0;}
#about_area .info_box .sub_title  {position: absolute;display: flex;flex-direction: row-reverse;gap: 25px;top: -45px;right: 18%;align-items: flex-start;}
#about_area .info_box .sub_title span{background:white;writing-mode: vertical-lr;font-family: "Cormorant", serif;color: #563d1c;font-size: 24px;text-transform: uppercase;display: inline-block;padding: 25px 10px;letter-spacing: 2px;}
#about_area .info_box .about_title   {position: absolute;top: 70px;writing-mode: vertical-lr;font-family: "Zen Maru Gothic", sans-serif;font-size: 30px;color: #563d1c;border-bottom: 4px solid var(--primary);line-height: 1;padding-bottom: 40px;font-weight: 600;letter-spacing: 6px;right: 28%;}
#about_area .info_box .pageh1{font-family: "Zen Maru Gothic", sans-serif;font-size: 25px;color: var(--secondary);margin-bottom: 15px;width: 60%;}
#about_area .img_box {position:relative;}
#about_area .workframe >.img_box:before{content:url(/images/01/img-circle.png);position: absolute;right: -110px;z-index: -7;top: -50px;}
#about_area .workframe >.img_box:after{content:url(/images/01/img-suger.png);position: absolute;left: -110px;z-index: 0;bottom: -70px;animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;{0%{transform-origin:right bottom;transform:rotate(-3deg);}100%{transform-origin:right bottom;transform:rotate(3deg);}}ease-in-out;animation-duration: 2s;}
@keyframes fish{0%{transform-origin:right bottom;transform:rotate(-3deg);}100%{transform-origin:right bottom;transform:rotate(3deg);}}
#about_area .img_box img { width: 100%; height: 100%; }
#about_area .info_box article p{line-height:2.2;width: 70%;font-weight: 200;color: #563d1c;}

/* photo_area */
#photo_area{width: min(90%, 960px);margin: 5vw auto 0;display: grid;grid-template-columns: 75px 1fr;gap: 110px;}
#photo_area .area_title {writing-mode: vertical-lr;display: inline-flex;flex-direction: column-reverse;align-items: flex-start;letter-spacing: 6px;font-size: 30px;position: relative;}
#photo_area .area_title:after{content:'';width: 30px;height: 4px;background: var(--primary);position: absolute;left: 6px;top: 240px;}
#photo_area .list_box {display:grid;grid-template-columns: repeat(2, 1fr);margin: 0;}
#photo_area .item_row {padding: 25px;background: white;display: flex;flex-wrap: wrap;flex-direction: column;box-shadow: 0 0 25px rgb(24 24 24 / 5%);margin: 0 1em;align-items: center;overflow: hidden;}
#photo_area .item_row:after{content:'';position: absolute;bottom: -10px;width: 20px;aspect-ratio: 1/1;background: var(--primary);border-radius: 50px;}
#photo_area .item_row .info_box {display:flex;flex-direction: column;align-items: center;margin: 15px 0;}
#photo_area .item_row .info_box .h3 {margin-bottom: .5em;height: auto;-webkit-line-clamp: 1;font-family: "Zen Maru Gothic", sans-serif;color: #563d1c;font-size: 20px;letter-spacing: 1px;}
#photo_area .item_row .info_box font {border-radius: 2em;display: inline-block;line-height: 1;font-weight: 500;font-size: 18px;color: #563d1c;font-family: "Cormorant", serif;text-transform: uppercase;letter-spacing: 1px;}

/* news_area */
#news_area{padding-bottom:0;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
#news_area .workframe{width:min(90%, 1650px);margin: 0;display: grid;grid-template-columns: 52% 42%;justify-content: space-between;}
#news_area .box{display:grid;grid-template-columns: 47% 50%;justify-content: space-between;}
#news_area .titt {display:flex;flex-direction: column;gap: 40px;align-items: flex-start;}
#news_area .area_title {display: inline-flex;flex-direction: row-reverse;align-items: baseline;gap: 10px;margin-left: 50px;margin-top: 30px;}
#news_area .more_btn {margin-left: 50px;}
#news_list {margin:0}
#news_list li .item_row{margin:0;border-bottom: 1px solid #e0dbd4;padding: 40px 20px;position: relative;}
#news_list li .item_row:before{content:'';position: absolute;left: 0;bottom: -1px;width: 10px;height: 2px;background: var(--primary);}
#news_list li:hover .item_row:before{width:100%}
#news_list .info_box {display:grid;grid-template-columns: 85px 1fr;gap: 40px;}
#news_list .info_box .time {font-size: 30px;color: var(--primary);display: flex;flex-direction: column;align-items: center;font-family: "Heebo", sans-serif;font-weight: 600;}
#news_list .info_box .time b{display:flex;flex-direction: column;align-items: center;gap: 5px;font-family: "Heebo", sans-serif;color: #7d7d7d;font-weight: 500;font-size: 18px;}
#news_list .info_box .time b:before{content:'';width: 1px;height: 17px;background: #cac3b9;display: block;}
#news_list .info_box .h3 {margin: .2em 0 .5em;color: #563d1c;font-size: 21px;font-weight: 600;}
#news_list li:hover .info_box .h3{color:var(--primary)}
#news_list .info_box article {height: 3.2em;color: #7d7d7d;-webkit-line-clamp: 2;}

@media screen and (min-width: 1161px){
	#photo_area .item_row:hover {transform: translateY(15px);}
}
@media screen and (max-width: 1440px){
    #about_area .workframe{margin-top: 120px;}
    #about_area{padding-top:8vw}
    #about_area .info_box .about_title{right: 32%;}
    #news_list li .item_row{padding: 35px 20px;}
    #about_area .workframe >.img_box:before{zoom:80%;top: -90px;}
}
@media screen and (max-width: 1400px){
    #about_area .workframe{grid-template-columns: 55% 39%;}
}
@media screen and (max-width: 1280px){
    #about_area .workframe >.img_box:before{top: -130px;}
    #about_area .workframe{margin-top: 170px;}
    #about_area .info_box article p{width:100%}
    #news_area .box{grid-template-columns: 40% 55%;align-items: center;}
}
@media screen and (max-width: 1024px){
    #news_list{margin: 5vw auto;width: 90%;}
    #news_area .area_title{flex-direction: column-reverse;gap: 5px;margin-top: 0;}
    #news_area .workframe{grid-template-columns:1fr;width: 100%;}
    #news_area .titt .img{display:none;}
    #about_area:after{zoom:60%;bottom: 7%;}
    #about_area .info_box .about_title{right: 40%;}
    #about_area .workframe >.img_box:before, #about_area .workframe >.img_box:after{display:none;}
    #product_area .area_title{margin-right:5%}
    #product_list .slick-list{height: 800px;}
    #about_area .info_box article p{width:100%}
    #about_area .info_box .pageh1{margin-top: 40%;width: 100%;}
}
@media screen and (max-width: 768px){
    #news_area{padding-bottom:3vw}
    #photo_area .area_title:after, #about_area:after{display:none;}
    #photo_area .area_title{width: 90%;display: flex;writing-mode:unset;flex-direction: column;margin: 0 auto;}
    #photo_area{grid-template-columns:1fr;gap: 20px;}
    #about_area .info_box .pageh1{margin-top: 50px;}
    #about_area .info_box .about_title{right: 62%;}
    #about_area .info_box .sub_title{right: 33%;}
    #about_area{padding-top: 45%;}
    #about_area .workframe{grid-template-columns:1fr;margin-top: 0;}
    #product_list .slick-list{height: 690px;}
    #product_area:before{right: -35%;}
    #product_area .area_title:before{zoom: 50%;}
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .info_box { order: 1; }
}
@media screen and (max-width: 640px) {
    #news_area{padding-bottom: 10vw;}
    #news_list .info_box .time b:before{width:17px;height: 1px;}
    #news_list .info_box .time{font-size: 18px;display: flex;flex-direction: row;align-items: center;gap: 10px;}
    #news_list .info_box .time b{display:flex;flex-direction: row;align-items: center;gap: 10px;margin-*l: 0;}
    #news_list .info_box{grid-template-columns:1fr;gap: 20px;}
    #news_list li .item_row{padding: 35px 0;}
    .section_area .more_btn{padding: 10px 1em 10px 2em;}
    #news_area .area_title, #news_area .more_btn{margin-left:0}
    #news_area .box{margin-left: -60px;}
    #photo_area .list_box{grid-template-columns:1fr;gap: 30px;}
    #about_area .info_box .pageh1{font-size: 20px;}
    #about_area{padding-top: 76%;}
    #about_area .info_box .sub_title{top:-25px}
    #about_area .info_box .sub_title span{font-size: 19px;}
    #about_area .info_box .about_title{font-size: 26px;right: unset;left: 20%;}
    #about_area:before{zoom:50%}
    #product_list .btn a{width:65px;}
    #product_list .slick-list{height:auto;}
    #product_list .btn{display:flex;margin: 40px 0 0;align-items: center;justify-content: center;}
    #product_area .list_box{margin-top: 6vw;}
    .section_area{padding: 15vw 0;}
    #product_area:before{right: -95%;}
    .section_area .area_title{font-size: 26px;}
    #product_area .area_title:before{zoom: 20%;}
	#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: 1em 0 20px;width: 100%;}
}