/* section */
section { padding: 5vw 0; z-index: 3; }
section >* { z-index: 2; }
section .txt_stroke { -webkit-text-stroke: 2px var(--gray); text-stroke: 2px var(--gray); line-height: 150%; letter-spacing: 8px; font-weight: 600; font-size: 9vw; color: transparent; }
section .txt_stroke.uppercase { text-transform: uppercase; }
section .title_box .line { width: 120px; height: 1px; }
section .title_box .line:after { position: absolute; width: 50px; height: 3px; background: var(--primary); display: block; top: -1px; left: 0; content: ""; }
section .title_box .page_title .sub_tit {font-weight: 500;font-size: 26px;}
section .title_box .num { font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 32px; }
section .title_box .page_title { margin: 10px 0 40px; }
section .title_box .page_title font {margin-right: 15px;line-height: 140%;font-size: 65px;font-weight: 600;}
section .title_box .page_title font:first-child::first-letter { color: var(--primary); }
section .title_box article {width: 100%;line-height: 180%;font-weight: 500;font-size: 17px;}
section b.point { text-align: center; line-height: 42px; }
section .more_btn {margin-left: 25px;width: 62px;height: 1px;background: var(--primary);}
section .more_btn:before { position: absolute; background: var(--white); box-shadow: 0 0 0 0 rgba(var(--primary-rgb), .1); border: 1px var(--primary) solid; display: block; top: -12px; right: -12px; content: ""; }
section .more_btn:after { position: absolute; background: var(--primary); display: block; top: -3px; right: -3px; content: ""; }

/* about_area */
#about_area {padding: 10vw 0 22vw;background: url(/images/00/img-map.png) no-repeat right bottom / 53vw auto;}
#about_area:before , #about_area:after { position: absolute; display: block; top: 0; left: 0; z-index: 1; content: ""; }
#about_area:after { right: 0; left: auto; }
#about_area .txt_stroke {top: 0vw;}
#about_area #about_txt { justify-content: space-between; }
#about_area .ab_txt { margin: 10px 0 20px; }
#about_area .ab_txt * { font-weight: 500; font-size: 24px; }
#about_area .ab_txt .point { margin: 0 5px; }
#about_area .count_box { padding: 30px 0 40px; }
#about_area .btn1 { padding: 10px 25px; display: inline-block; background-color: #b92d3a; }
#about_area .btn1 a{color: #fff;}
#about_area .count_box >div { margin-right: 35px; vertical-align: top; }
#about_area .count_box >div p {font-size: 15px;font-weight: 500;margin-left: 40px;color: #7e7e7e;}
#about_area .count_box >div p span { position: relative; }
#about_area .count_box >div p span:after { position: absolute; width: 30px; height: 1px; background-color: #7e7e7e; display: block; top: 11px; left: -40px; content: ""; }
#about_area .count_box >div p::first-letter { font-size: 24px; color: var(--primary); }
#about_area .count_box >div p b.num { line-height: 100%; font-style: italic; font-size: 65px; vertical-align: text-bottom; }
#about_area .count_box >div p span.num { margin-left: 5px; font-size: 20px; vertical-align: text-bottom; }
#titleBox { margin-left: 5%; }

/* product_area */
#product_area { margin-top: -22vw; padding: 22vw 0; background: no-repeat 50% / auto 100%; }
#product_area #project_box { flex-wrap: wrap; justify-content: space-between; }
#product_area .txt_stroke.uppercase { -webkit-text-stroke-color: var(--secondary); text-stroke-color: var(--secondary); color: var(--white); top: 9vw; left: 2em; }
#product_area .p_list li { margin: 10px 30px; display: inline-flex; }
#product_area .p_list li:before , #product_area .p_list li:after {position: absolute;display: block;border: 2px var(--gray) dotted;top: -21px;left: -20px;content: "";opacity: 0;z-index: 1;}
#product_area .p_list li:before {border: 2px var(--primary) solid;border-left-color: transparent;top: -12px;left: -11px;}
#product_area .p_list li .bg {width: 100%;height: 100%;opacity: 0;}
#product_area .p_list li >div {margin: auto;}
#product_area .p_list li >div img { margin: 0 auto 10px; width: 105px; height: 106px; }
#product_area .p_list li p { line-height: 130%; font-weight: 500; }
#product_area .p_list li p.sub_txt {height: 0px;}
#product_area .p_list li p.tit {font-size: 18px;margin-top: 5px;}
#product_area .p_list li .point {font-family: 'Raleway', sans-serif;font-weight: 600;font-size: 24px;right: 0;bottom: 0;opacity: 0;z-index: 3;display: none;}


#product_area .p_list li.slick-current p.sub_txt { height: 0; }
#product_area .p_list li.slick-current >img , #product_area .p_list li.slick-current .point , #product_area .p_list li.slick-current:before , #product_area .p_list li.slick-current:after {opacity: 1;}


#product_area .p_list li
/* news_area */
#news_area { margin-top: -14vw; }
#news_area .txt_stroke { width: 100%; opacity: .5; top: 22vw; }
#news_area .title_box { margin-bottom: 4vw; }
#news_area .title_box .page_title { margin-bottom: 0; }
#news_area .list_box { margin-bottom: 60px; padding-bottom: 60px; }
#news_area .list_box:before { position: absolute; width: 100%; height: 85%; background: var(--secondary); display: block; bottom: 0; left: 0; content: ""; }
#news_area .list_box .slick-slider {margin: auto;width: 100%;}
#news_area .row { margin: 0 10px; padding-bottom: 20px; background: var(--white); border-bottom: 3px var(--gray) solid; }
#news_area .row .img_box { height: 240px; }
#news_area .row .img_box:before { position: absolute; width: 100%; height: 100%; background: rgba(var(--info-rgb), .16); display: block; top: 0; left: 0; z-index: 2; content: ""; }
#news_area .row .img_box img { width: 100%; height: 100%; }
#news_area .row .time { padding: 15px 20px; border: 1px var(--white) solid; top: 20px; left: 20px; z-index: 2; }
#news_area .row .time p { line-height: 100%; font-family: var(--font-family); font-size: 24px; }
#news_area .row .time p:first-child { font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 42px; }
#news_area .row h3 { margin: 20px 40px; height: 57px; font-weight: 400; font-size: 18px; -webkit-line-clamp: 2; }
#news_area .row .more { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .4; }
#news_area .row .more p { text-transform: uppercase; letter-spacing: 3px; font-weight: 100; font-size: 13px; }
#news_area .row .more .line { margin: 10px auto 0; width: 175px; height: 1px; background: var(--primary); display: block; }
#news_area .row .more .line:before { position: absolute; background: var(--primary); display: block; top: -3px; left: calc((100% - 6px) / 2); content: ""; }
#news_area .row .more .line:after { position: absolute; border: 1px var(--primary) dotted; display: block; top: -6px; left: calc((100% - 12px) / 2); content: ""; }
#news_area .arrow a { padding: 0 5px 0 10px; width: 6vw; border-bottom: 1px var(--info) solid; top: calc((100% - 27px) / 3); left: 0; }
#news_area .arrow a.next { padding: 0 10px 0 5px; right: 0; left: auto; }


#news_area .slick-dots { bottom: -120px; }

@keyframes blank { 0% , 100% { box-shadow: 0 0 0 0 rgba(var(--primary-rgb), .1); } 50% { box-shadow: 0 0 0 5px rgba(var(--primary-rgb), .1); } }
@-webkit-keyframes blank { 0% , 100% { -webkit-box-shadow: 0 0 0 0 rgba(var(--primary-rgb), .1); } 50% { -webkit-box-shadow: 0 0 0 5px rgba(var(--primary-rgb), .1); } }

@media screen and (max-width: 1480px){
	#product_area #project_box { min-height: 355px; align-items: center; }
	#product_area .p_list li {/* margin: auto; */position: relative;}
}
@media screen and (min-width: 1271px){
	#news_area .arrow a.next:hover , #news_area .arrow a.prev:hover { padding: 0 5px; }
	#news_area .row:hover { border-color: var(--primary); }
	#news_area .row:hover .more { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
}
@media screen and (max-width: 1270px){
	#product_area #project_box { width: 100%; }
	#product_area #project_box .title_box { padding: 0 5%; }

}
@media screen and (max-width: 1024px){
	#product_area .p_list { margin-top: 20px; }
	#news_area .list_box .slick-slider { width: 100%; }
}
@media screen and (max-width: 768px){
	section .title_box article { width: 100%; }
	#product_area .slick-list { overflow: visible !important; }
	#product_area{padding: 22vw 0 2vw;}
}
@media screen and (max-width: 640px){
	section .title_box .page_title font { font-size: 12vw; }
	#news_area .list_box .slick-slider { width: 400px; }
}
@media screen and (max-width: 550px){
	#about_area { background-size: 100% auto; }
	#about_area .count_box >div { margin: 10px; }
	#about_area .more_btn { right: 0; bottom: 0; }
	#product_area .p_list li.slick-current >img , #product_area .p_list li.slick-current .point , #product_area .p_list li.slick-current:before , #product_area .p_list li.slick-current:after {opacity: 1;}
	#product_area .p_list li.slick-active >img, #product_area .p_list li.slick-active .point, #product_area .p_list li.slick-current:before, #product_area .p_list li.slick-current:after {opacity: 1;}
	#product_area .p_list .slick-current li:before, #product_area .p_list .slick-current li:after,#product_area .p_list .slick-current li .bg{opacity: 1;}
	#product_area .p_list .slick-current li:before{top: -21px;left: 20px;}
	#product_area .p_list .slick-current li:after{top: -30px;left: 10px;}
	#product_area .p_list .slick-current li .bg{top: -11px;left: 30px;}
	#product_area .p_list li .bg,#product_area .p_list li  .atag_item{width: auto;}
	#product_area .p_list .slick-current li{position: relative;margin: 10px 0px;}
	#product_area .p_list ul{padding: 40px;}
}
@media screen and (max-width: 480px){
	#news_area .list_box .slick-slider { width: 100%; }
	#product_area .p_list .slick-current li:before{top: -31px;left: 50px;}
    #product_area .p_list .slick-current li:after{top: -40px;left: 40px;}
	#product_area .p_list .slick-current li .bg{top: -21px;left: 60px;}
}
@media screen and (max-width: 380px){
	#product_area .p_list .slick-current li:before{top: -31px;left: 30px;}
    #product_area .p_list .slick-current li:after{top: -40px;left: 20px;}
	#product_area .p_list .slick-current li .bg{top: -21px;left: 40px;}
}