section { position: relative; padding: 5vw 0; background: no-repeat 50% / cover; }
section [class^="title_"] h3 font {text-transform: uppercase;font-family: 'Cardo', serif;line-height: 130%;font-weight: 100;font-size: 30px;color: var(--bs-darkgray);}
section [class^="title_"] h3 font.color_txt { color: var(--bs-title-color); }
section [class^="title_"] p {color: var(--bs-darkgray);letter-spacing: 1.2px;font-weight: 400;font-size: 20px;}
section [class^="title_"] p:before , section [class^="title_"] p:after { margin: 0 15px; width: 30px; height: 1px; background: var(--bs-darkgray); display: inline-block; vertical-align: super; content: ""; }
section .title_center { margin-bottom: 30px; }
section .title_center h3 , section .title_center p {text-align: center;}
section .title_center h3 font:first-child {margin-right: 15px;}
section .title_left h3 font {font-size: 45px;}
section .title_left p { margin-top: 20px; }
section .title_left p:before { margin: 0; width: 0; }

/* sharing_box */
#sharing_box:before , #product_box:before {position: absolute;width: 100%;height: 35%;background: var(--bs-lightsecondary);display: block;top: 0;left: 0;content: "";}
#sharing_box .slick_list li >div {margin: 10px 14px;background: var(--bs-white);box-shadow: 0 0 10px rgb(0 1 1 / 10%);}
#sharing_box .slick_list li .img [class^="abso_"] { left: 0; bottom: 0; z-index: 2; }
#sharing_box .slick_list li .img .img_cover{
    height: 228px;
    object-fit: cover;
}
#sharing_box .slick_list li .img .time {padding: 0 0 10px 5px;border-left: 1px var(--bs-white) solid;left: 20px;display: none;}
#sharing_box .slick_list li .img .time font { font-family: 'Frank Ruhl Libre', serif; font-size: 12px; color: var(--bs-white); }
#sharing_box .slick_list li .img .time font:first-child { line-height: 110%; font-size: 40px; }
#sharing_box .slick_list li .img .category_box { left: auto; right: 0; }
#sharing_box .slick_list li .info { padding: 30px; }
#sharing_box .slick_list li .info h4 { font-weight: 400; color: var(--bs-darkgray); }
#sharing_box .slick_list li .info article { margin: 15px 0; font-weight: 300; }
#sharing_box .slick_list li .info p { text-align: right; font-weight: 300; font-size: 14px; color: var(--bs-gray); }
#sharing_box .slick_list li .info p:before { margin-right: 15px; width: calc(50% - 55px); height: 1px; background: var(--bs-gray); display: inline-block; vertical-align: super; content: "";  }
#sharing_box .slick_list li.slick-current .info p { color: var(--bs-primary); }
#sharing_box .slick_list li.slick-current .info p:before { background: var(--bs-primary); }
#sharing_box .arrow { width: 26px; height: 26px; border: solid var(--bs-info); border-width: 1px 0 0 1px; display: block; top: calc((100% - 26px) / 2); left: 50px; }
#sharing_box .arrow.next { border-width: 1px 1px 0 0; right: 50px; left: auto; }
#sharing_box .more { margin-top: 40px; text-align: center; }
#sharing_box .more:before , #sharing_box .more:after { margin: 0 15px; width: 1px; height: 30px; background: var(--bs-info); display: inline-block; vertical-align: middle; content: ""; opacity: .6; }
#sharing_box .more a { font-weight: 400; font-size: 18px; }

/* product_box */
#product_box:before {height: 0;bottom: 0;top: auto;}
#product_box { padding: 0 0 5vw 5vw; }
#product_box .title_left { position: relative; width: 410px; z-index: 5; }
#product_box .title_left article { margin: 20px 0 25px; font-weight: 300; font-size: 14px; }
#product_box .title_left .more { margin-bottom: 40px; padding: 15px 20px; width: calc(80% - 40px); background: var(--bs-lightsecondary); font-weight: 400; font-size: 15px; }
#product_box .title_left .more:hover {background-color: #e86e15;color: #fff;}
#product_box .title_left .more:hover img {animation: moreA 2s infinite;filter: grayscale(1) brightness(5);}
@keyframes moreA {
    0% {
        transform: translate(0px);
    }
    25% {
        transform: translate(20px);
    }
    50% {
        transform: translate(-5px);
    }
    75% {
        transform: translate(25px);
    }
    100% {
        transform: translate(0px);
    }
}

#product_box .title_left .more img {filter: grayscale(1) brightness(2);margin-left: 10%;}
#product_box .title_left .arrow { margin: 0 20px; }
#product_box .title_left .arrow a { margin-right: 30px; font-weight: 300; font-size: 14px; color: var(--bs-black); }
#product_box .slick_list { overflow: hidden; width: calc(100% - 410px); }
#product_box .slick_list .slick-list { overflow: visible; }
#product_box .slick_list ul { width: 100%; max-width: 870px; }
#product_box .slick_list ul li >div { width: 100%; height: 100%; max-width: 840px; }
#product_box .slick_list ul li .img { overflow: hidden; border-radius: 0 0 0 65px; opacity: .5; }
#product_box .slick_list ul li .img:before { position: absolute; width: 100%; height: 100%; background: transparent; display: block; top: 0; left: 0; z-index: 2; content: ""; }
#product_box .slick_list ul li .info { padding: 10px 200px 10px 90px; opacity: 0; }
#product_box .slick_list ul li .info:before { position: absolute; width: 1px; height: 150px; background: var(--bs-gray); display: inline-block; left: 65px; bottom: 0; content: ""; }
#product_box .slick_list ul li .info h4 { height: 37px; }
#product_box .slick_list ul li .info h4 font { margin-right: 10px; font-weight: 300; font-size: 14px; color: var(--bs-darkgray); vertical-align: baseline; }
#product_box .slick_list ul li .info h4 font:first-child { font-size: 22px; }
#product_box .slick_list ul li .icon { right: 30px; bottom: 0; }
#product_box .slick_list ul li.slick-current .img , #product_box .slick_list ul li.slick-current .info { opacity: 1 }

/* news_box */
#news_box { padding-top: 7vw; }
#news_box:before , #news_box:after { position: absolute; display: block; z-index: 1; content: ""; }
#news_box .workframe { z-index: 3; }
#news_box .title_left { margin: 0 0 0 auto; width: 350px; z-index: 5; }
#news_box .img_list { width: 500px; bottom: 50px; }
#news_box .img_list .slick-list , #custom_box .slick_list .slick-list { overflow: visible; }
#news_box .img_list .num { line-height: 100%; font-family: 'Frank Ruhl Libre', serif; font-size: 15vw; color: var(--bs-lightsecondary); top: -6vw; right: -11vw; z-index: -1; }
#news_box .txt_list { margin: 50px 0 0 auto; width: 80%; background: var(--bs-white); border: 1px solid var(--bs-gray); z-index: 5; }
#news_box .txt_list .box_relat { padding: 50px; }
#news_box .txt_list .box_relat:before { position: absolute; width: 1px; height: 100%; background: var(--bs-gray); display: block; top: 0; right: 0; content: ""; }
#news_box .txt_list .abso_tag { top: 0; left: 0; }
#news_box .txt_list .nowrap_box { position: inherit; overflow: hidden; }
#news_box .txt_list .times { line-height: 29px; font-weight: 300; font-size: 17px; }
#news_box .txt_list .category_box { position: relative; padding: 0 20px; float: right; border: 1px var(--bs-primary) solid; border-radius: 20px; font-weight: 300; z-index: 5; }
#news_box .txt_list h4 { margin-top: 10px; font-weight: 400; }

/* custom_box */
#custom_box { padding: 0; background: var(--bs-darkwhite); }
#custom_box .bg_box { height: 100%; background: url(/images/00/img-praise.jpg) no-repeat 50% / cover; bottom: 0; left: 0; }
#custom_box .slick_list { margin: 0 0 0 auto; z-index: 5; }
#custom_box li { opacity: 0; }
#custom_box li .abso_tag { width: 0; }
#custom_box li >div {overflow: hidden;margin: 50px auto 0;padding-bottom: 49px;width: 0;border-bottom: 1px var(--bs-darksecondary) solid;white-space: nowrap;}
#custom_box li h4 { margin-top: 40px; font-weight: 300; white-space: break-spaces; }
#custom_box li p {text-transform: uppercase;font-family: 'Frank Ruhl Libre', var(--bs-font), sans-serif;font-weight: 400;font-size: 20px;letter-spacing: 1.5px;}
#custom_box li p.num { margin: 15px 15px 0; text-align: right; line-height: 70%; font-size: 130px; opacity: .3; }
#custom_box li.slick-active { background: var(--bs-lightsecondary); opacity: 1; }
#custom_box li.slick-active:nth-child(2n) { background: var(--bs-light); }
#custom_box li.slick-active .abso_tag { width: 100%; }
#custom_box li.slick-active >div { width: 70%; }

/* photo_box */
#photo_box li a { margin: 0 15px; }
#photo_box li a .img_cover{height: 200px;}
#photo_box li a font {padding: 5px 15px;width: calc(100% - 30px);text-align: center;font-weight: 300;letter-spacing: 1.5px;color: var(--bs-white);bottom: 0;left: 0;}
#photo_box li a::before {content: "";position: absolute;bottom: 0;left: 0;z-index: 3;width: 100%;height: 80px;display: block;background: linear-gradient(to top, rgb(0 0 0 / 80%), rgba(0, 0, 0, 0));transition: 0.3s;pointer-events: none;}
#photo_box li:hover a::before {height: 100%;background: rgb(8 8 8 / 35%);}
@media screen and (min-width: 1441px){
	#product_box {padding: 5vw 0 2vw 15vw;}
}
@media screen and (min-width: 1281px){
    #sharing_box .slick_list { margin: auto; width: calc(100% - 200px); }
	#product_box .slick_list ul li:hover .info:before { width: 5px; }
}
@media screen and (max-width: 1280px){
	#sharing_box .arrow.prev { left: -30px; }
	#sharing_box .arrow.next { right: -30px; }
	#sharing_box .slick_list li >div { margin: 10px; }
}
@media screen and (min-width: 1025px){
	#product_box .title_left { padding: 140px 1px 0; }
	#product_box .title_left article { width: 80%; }
}
@media screen and (max-width: 1024px){
	#sharing_box .arrow , #product_box .title_left .arrow , #custom_box .bg_box { display: none; opacity: 0; }
	#product_box { display: block; }
	#product_box .slick_list { width: 100%; }
	#product_box .slick_list ul { max-width: 90%; }
	#product_box .slick_list ul li >div { max-width: calc(100% - 30px); }
	#product_box .slick_list ul li .icon { width: 14vw; }
}
@media screen and (max-width: 768px){
	#product_box .slick_list ul li .info { padding: 10px 30px 10px 90px; }
	#product_box .slick_list ul li .icon { display: none; }
	#news_box .title_left { width: auto; }
	#news_box .title_left h3 font { margin-right: 15px; display: inline-block; }
	#news_box .title_left p { margin: 0 0 30px; }
	#news_box .img_list { position: relative; padding-bottom: 50px; width: 100%; bottom: 0; }
	#news_box .img_list .num { opacity: 0; }
	#news_box .txt_list { position: absolute; margin: 0; width: 95%; right: 0; bottom: 0; }
	#news_box .txt_list .box_relat { padding: 30px; }
	section {padding: 15vw 0;}
}
@media screen and (max-width: 640px){
	#product_box .slick_list ul { max-width: 95%; }
	#product_box .slick_list .slick-list { overflow: hidden; }
	#product_box .slick_list ul li >div { max-width: 100%; }
	#product_box .slick_list ul li .info:before { width: 0; }
	#product_box .slick_list ul li .info { padding: 10px 20px; }
	#news_box .txt_list { width: 350px; }
	#news_box .txt_list .box_relat:before { opacity: 0; }
	#custom_box li >div { padding-bottom: 40px; }
	#custom_box li h4 { height: 64px; font-size: 23px; }
	#custom_box li p.num { font-size: 17vw; }
	#custom_box li.slick-active >div { width: 80%; }
#product_box .title_left{
    width: 95%;
}
}
@media screen and (max-width: 480px){
	#news_box .img_list { padding-bottom: 100px; }
	#news_box .txt_list { width: 90%; }
	#custom_box li p.num {font-size: 16vw;text-align: initial;margin: 15px 50px 10px;color: #e0c3c3;}
	section {padding: 26vw 0;}
}