.section_area {padding: 5vw 0 9vw;position: relative;}
.section_area .en_title { position: relative; letter-spacing: .05em; text-align: center; text-transform: uppercase; background: linear-gradient(90deg,var(--primary),#d89f2c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-weight: 800; font-size: max(4 * (1vw + 1vh)/2,30px); line-height: 1; }
.section_area .area_title {position: relative;padding-bottom: .3em;letter-spacing: .1em;text-align: center;color: #35431d;font-size: 27px;font-weight: 600;margin-top: 10px;}
.section_area .sub_title { font-weight: 500; font-size: 1.1em; color: var(--primary); }
.section_area .more_btn { padding: 0 .2em; border-bottom: 2px var(--g_800) solid; font-weight: 500; }
.section_area .list_box { margin-top: 2vmax; }
.section_area .list_box .item_row { margin: 0 1em; }
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }

/* wrap */
#wrap{position:relative;z-index: 2;}
#wrap:before{content:'';position: absolute;width: 100%;height: 190px;background-image: url(/images/01/banner-bottom.png);top: -190px;}

/* product_area */
#product_area{padding-top: 3vw;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;padding-bottom: 5vw;}
#product_area:before{content:url(/images/01/leaf1.png);zoom: 28%;position: absolute;animation: aboutImgAnimation 5s ease-in-out infinite;left: 5%;top: 5%;pointer-events: none;}
@keyframes aboutImgAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0);}50%{-webkit-transform:translateY(20px);transform:translateY(20px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}
#product_area .workframe{width:min(90%, 1300px)}
#product_list .item_row{margin:1em}

/* process_area */
#process_area{padding-top: 8vw;}
#process_area:before{content:'';background-image: url(/images/01/img-processtop.png);position: absolute;width: 100%;height: 200px;background-repeat: no-repeat;background-size: cover;background-position: 50% 0%;top: -70px;}
#process_area .workframe{display:grid;grid-template-columns: 1fr 70%;gap:50px;width: min(90%, 1400px);align-items: start;}
#process_area .workframe *{color:white;}
#process_area .en_title, #process_area .area_title{text-align:left;margin: 0;}
#process_area .en_title{background: linear-gradient(
180deg, #cdd3b0, #d89f2c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
#process_area .item{writing-mode: vertical-lr;}
#process_area .item h1{line-height:210%;word-spacing: 100vw;font-size: 21px;font-weight: 300;margin-left: 30px;word-break: keep-all;height: 300px;}
#process_area .processbtn{position:absolute;display: flex;flex-direction: column;gap: 10px;bottom: 0;z-index: 3;}
#process_area .processbtn button{background: linear-gradient(90deg, var(--orange), #d89f2c);border-radius: 50px;width: 70px;aspect-ratio: 1/1;display: inline-flex !important;align-items: center;justify-content: center;}
#process_area .processbtn #process_prev svg{transform:scaleX(-1);}
#process_area .processbtn svg{width:30px;fill: white;}
#process_area ul{padding-top: 40px;}
#process_area ul li{display: flex;gap: 30px 20px;flex-direction: column;margin: 0 40px;}
#process_area ul li img{aspect-ratio:1/1;border-radius: 50%;}
#process_area ul li .h3{margin: 0 0 5px;font-size: 22px;font-weight: 500;}
#process_area ul li article{font-weight:300;font-size: 16px;}
#process_area ul li .num{position:relative;grid-column:1 / 3;display:flex;font-size: 15px;}
#process_area ul li .num span:before{content:'';position:absolute;width: 70%;height:1px;background:#eee;right:0;top:12px;opacity: .15;}
#process_area .deco03{position:absolute;left: -300px;bottom: -15%;}
#process_area .deco03:before{content:'';position:absolute;height:187px;width:1px;background:#d6d9d5;right:16%;top:-44%;opacity: .5;}
#process_area .deco04{position:absolute;left:12%;bottom: -60px;}
#process_area .fixTxt{left: 31vw;top: 40px;}
#process_area .fixTxt.bottom{right: 12vw;left: unset;bottom: -100px;top: unset;}

/* about_area */
#about_area {background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;padding-top: 3vw;}
#about_area:before{content:'';background-image: url(/images/01/img-abouttop.png);position: absolute;top: -260px;width: 100%;height: 300px;background-position: top;background-repeat: no-repeat;background-size: cover;}
#about_area .workframe { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#about_area .info_box { padding: 5%; width: 1%; display: flex; flex: 1 1 auto; flex-direction: column; justify-content: center; align-items: flex-start; }
#about_area .info_box h2 { margin-bottom: 1em; }
#about_area .img_box { max-width: 50%; }
#about_area .img_box img { width: 100%; height: 100%; }

/* photo_area */
#photo_area .item_row { padding: 4% 6%; border: 2px var(--g_100) solid; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#photo_area .item_row .img_box img { width: 100px; aspect-ratio: 1/1; }
#photo_area .item_row .info_box { margin-left: 6%; width: 1%; flex: 1 1 auto; }
#photo_area .item_row .info_box h3 { margin-bottom: .5em; max-height: 3.2em; height: auto; -webkit-line-clamp: 2; }
#photo_area .item_row .info_box font { padding: .5em 1em; background: var(--primary); border-radius: 2em; display: inline-block; line-height: 1; font-weight: 300; font-size: .9em; color: white; }

/* news_list */
#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; }

@media screen and (min-width: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1680px){
    #process_area:before{top: -50px;}
}
@media screen and (max-width: 1440px){
    #process_area{padding-bottom: 12vw;}
    #process_area .deco03{left: -35%;bottom: -35%;}
}
@media screen and (max-width: 1400px){
    #process_area .deco03{left: -37%;bottom: -30%;}
    #process_area{padding-bottom: 15vw;}
    #about_area{padding-top:0}
}
@media screen and (max-width: 1024px){
    #about_area:before{height: 210px;top: -180px;}
    #process_area:before{background-size: 150%;}
    #process_area .deco03{left: -60%;bottom: -30%;}
    #product_area:before{zoom: 20%;}
    #process_area .processbtn{left: 10%;}
}
@media screen and (max-width: 768px){
    #process_area:before{background-size: 180%;}
    #process_area .deco03{display:none;}
    .section_area{padding: 11vw 0;}
    #process_area .item h1{margin:0;height: unset;}
    #process_area .workframe{display: block;}
    #process_area .item{writing-mode: unset;}
    #process_area .item *{text-align:center;}
    #process_area .processbtn{position:relative;left: 0;display: flex;flex-direction: row;justify-content: center;margin-top: 20px;}
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .info_box { order: 1; }
}
@media screen and (max-width: 640px){
    #about_area{padding-bottom: 25vw;}
    #process_area:before{background-size: 350%;}
    #process_area{padding-top: 28vw;padding-bottom: 40vw;}
	#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%; }
}