/* section */
section {padding: 90px 0;}
section.section_pad { padding: 5vw 0; }
section >* { z-index: 3; }
section .title_box { margin-bottom: 40px; }
section .title_box .area_title {font-weight: 400;font-size: 30px;letter-spacing: 3px;color: #484848;}
section .title_box .sub_title {font-weight: 900;font-size: 55px;font-family: 'Lato', sans-serif;letter-spacing: 2px;color: #f15b26;text-transform: uppercase;}

/* wrap */
#wrap{position:relative;}
#wrap:after{content:'';width: 1px;height: 100%;position: absolute;right: 5%;background: #f1f1f1;top: 0;z-index: -1;}
#wrap:before{content:'';width: 1px;height: 100%;position: absolute;left: 5%;background: #f1f1f1;top: 0;}

/* bg_box */
.bg_box { width: 100%; height: 100%; background: no-repeat 50% / cover; background-attachment: fixed; opacity: .3; top: 0; left: 0; }
.bg_box:before {width: 100%;height: 100%;display: block;background: #edcece;content: "";}
.bg_box.white:before { background: rgba(var(--white-rgb), .2); }

/* about_area */
#about_area{border-bottom: 1px solid #f1f1f1;}
#about_area:after{content:'';width: 70%;right: 0;height: 50%;position: absolute;top: 0;background: #f9f0f087;}
#about_area:before{content:'';width: 20%;left: 0;height: 50%;position: absolute;bottom: 0;background: #f9f0f087;}
#about_area .info_box article {margin-bottom: 30px;width: 90%;line-height: 220%;letter-spacing: 1.5px;font-weight: 300;margin-top: 48px;}
#about_area .info_box article p{
    font-size: 17px;
}
#about_area .info_box article .abTitle{
    margin-bottom: 20px;
}
#about_area .info_box article .abTitle p {
    font-size: 24px;
    font-weight: 600;
    color: #fbb03b;
}

/* product_area */
#product_area .slick-list { overflow: visible; }

/* news_area */
#news_area .list_box img { height: 320px; }
#news_area .list_box .info_box { padding: 15px 30px; }
#news_area .list_box .info_box p a { margin-right: 10px; max-width: calc(100% - 100px); font-weight: 400; z-index: 2; }
#news_area .list_box .info_box p .time { width: 90px; font-weight: 300; }
#news_area .list_box .info_box h3 { height: 34px; font-size: 20px; }

/* book_area */
#book_area .list_box img {height: 300px;-webkit-transform: scale(1);}
#book_area .list_box .img_box {margin: 20px;}
#book_area .list_box .atag_item { z-index: 10; }
#book_area .list_box .badge {padding: 10px 20px;height: auto;line-height: 36px;font-size: 17px;text-align: center;}

/* youtube_box */
#youtube_box { min-height: 1px; padding-bottom: 30%; }
#youtube_box a { position: absolute; background: var(--white); display: flex; top: 50%; left: 50%; z-index: 99; }
#youtube_box a i { margin: auto; font-size: 30px; color: var(--primary); }
#youtube_box iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; }

/* custom_area */
#custom_area {margin: 0;padding-bottom: 0;}
#custom_area:before {position: absolute;width: 100%;height: calc(100% - 270px);background: #f9f0f087;display: block;bottom: 0;left: 0;content: "";}
#custom_box {padding: 5vw 0;}
#custom_box ul{display:flex;flex-wrap: wrap;}
#custom_box li{width: calc(100%/4);}
#custom_box li .row {margin: 25px;padding: 50px;background: var(--white);position: relative;}
#custom_box li .photo{-webkit-filter: grayscale(0);}
#custom_box li:hover .photo{-webkit-filter: grayscale(1);}
#custom_box li .row a{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#custom_box li .row h2 {font-size: 20px;text-align: center;margin-top: 15px;letter-spacing: 2px;font-weight: 500;}
#custom_box li .row article { margin-top: 30px; line-height: 200%; }

/* contact_area */
#contact_area .bg{position: absolute;top: 0;left: 0;width: 100%;height: 500px;background-image: url(/images/40/img-contact-bg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;z-index: 0;opacity: .85;}
#contact_area .contentarea {background: var(--white);padding: 70px;margin-top: 10%;}
#contact_area .sub_title, #contact_area .area_title{text-align: center;}
#contact_area .txt{text-align: center;margin-bottom: 50px;}
#contact_area .ctaarea {display:flex;justify-content: center;flex-wrap: wrap;}
#contact_area .ctaarea >div{margin: 0 10px;padding: 15px 0;width: 360px;display: inline-flex;align-items: center;justify-content: center;}
#contact_area .ctaarea .cta_tel,#contact_area .ctaarea .cta_mail{border: 1px solid #fbb03b;width: calc((100%/2) - 140px );margin: 10px 10px;}
#contact_area .ctaarea .cta_tel a{display: flex;flex-direction: column;align-items: center;}
#contact_area .ctaarea .cta_add a span,#contact_area .ctaarea .cta_tel a span, #contact_area .ctaarea .cta_mail span{
    color: #fff;
}
#contact_area .ctaarea .cta_tel a span.tel{display:flex;align-items: flex-end;}
#contact_area .ctaarea .cta_tel a span.hours {color: #999999;font-weight: 300;font-size: 13px;letter-spacing: 1px;}
#contact_area .ctaarea .cta_tel a span.num{font-family: 'Lato', sans-serif;font-weight: 900;font-size: 1.75rem;line-height: 120%;margin-left: 5px;}
#contact_area .ctaarea .cta_contact ,#contact_area .ctaarea .cta_add,#contact_area .ctaarea .cta_tel,#contact_area .ctaarea .cta_mail{background: #f15b26;width: calc((100%/2) - 140px );margin: 10px 10px;}
#contact_area .ctaarea .cta_contact a, #contact_area .ctaarea .cta_add span{display:flex;align-items: center;color: var(--white);font-size: 16px;}
#contact_area .ctaarea .cta_contact a svg{fill:var(--white);width: 20px;margin-right: 10px;}

@-webkit-keyframes spineer { 0% { -webkit-box-shadow: 0 0 0 0 var(--info); } 70% { -webkit-box-shadow: 0 0 0 20px transparent; } 100%{ -webkit-box-shadow: 0 0 0 0 transparent; } }
@keyframes spineer { 0% { box-shadow: 0 0 0 0 var(--info); } 70% { box-shadow: 0 0 0 20px transparent; } 100%{ box-shadow: 0 0 0 0 transparent; } }

@media screen and (min-width: 1281px){
	#contact_area .bg{background-attachment: fixed;}
	#book_area .list_box li:hover .badge {background: var(--secondary);color: var(--white);}
	#custom_box li:hover .row {box-shadow: 0 0 10px 0 rgba(var(--black-rgb), 0.05);}
}
@media screen and (max-width: 1440px){
	#about_area:after{height: 290px;}
	#custom_box li .row{margin:15px;padding: 50px 35px;}
	#wrap:after{right: 2.5%;}
	#wrap:before{left: 2.5%;}
	#contact_area .contentarea{padding: 40px 0 0;}
}
@media screen and (max-width: 1280px){
	#custom_box li{width:50%;}
	#wrap:after, #wrap:before{display:none;}
}
@media screen and (max-width: 1024px){
	#about_area .info_box article{width:100%;margin-top: 0;}
	#about_area .info_box{width: calc(100% - 30px);margin-top: 20px;}
	#about_area:before{display:none;}
}
@media screen and (max-width: 768px){
	#news_area .list_box .info_box { padding: 15px 0; }
	#youtube_box { padding-bottom: 60vw; }
	#contact_area .ctaarea{flex-direction: column;align-items: center;}
	#contact_area .ctaarea .cta_tel, #contact_area .ctaarea .cta_mail,#contact_area .ctaarea .cta_add{width: 60%;margin-bottom: 20px;}
	#contact_area .ctaarea .cta_contact{width:60%;}
}
@media screen and (max-width: 640px){
	#book_area .list_box img { height: 65vw; }
	section .title_box .sub_title{font-size: 35px;line-height: 130%;}
	section .title_box .area_title{font-size: 18px;}
	section{padding: 50px 0;}
	#custom_box li{width:100%;}
	#custom_box{padding: 0;}
	#contact_area .txt{padding: 0 30px;}
	#contact_area .ctaarea .cta_mail, #contact_area .ctaarea .cta_add,#contact_area .ctaarea .cta_tel, #contact_area .ctaarea .cta_contact{width: 80%;}
}

@media screen and (max-width: 425px){#contact_area .txt{
    font-size: 18px;
}
}