@charset "utf-8";
/* ------------------------------------------------------------ common */
#fv_wrapper{ padding: 0; }
#header{ transition: all 0.8s; background: transparent; }
#header.scroll-nav{ transition: all 0.8s; background: #fff; }
#header a { color: #fff; }
#header.scroll-nav a{ color: #000; }
#header.scroll-nav .header-child__link{ color: #fff; }

#firstview { position: relative; width: 100%; height: calc(100dvh - 40px); min-height: 900px; box-sizing: border-box; color: #fff; }
.text-wrapper{ position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: calc(100% - 50px); height: calc(100% - 50px); display: flex; align-items: flex-end; justify-content: space-between; }
.text-wrapper .title{ width: 920px; letter-spacing: 0.12em; }
.text-wrapper .jattl{ font-size: 50px; font-family: 'Noto Sans Japanese medium'; line-height: 1; }
.text-wrapper .enttl-01{ font-size: 110px; font-family: 'JosefinSans-BoldItalic'; line-height: 1; }
.text-wrapper .enttl-02{ padding: 30px 0 0; font-size: 26px; font-family: 'JosefinSans-BoldItalic'; line-height: 1; }
.text-wrapper .copy{ position: absolute; right: 0; top: 0; height: 100%; text-align: center; font-size: 10px; font-family: 'JosefinSans-BoldItalic'; writing-mode: vertical-rl; }
.video-controlls{ z-index: 10; display: flex; align-items: center; gap: 24px; }
.video-controlls p{ font-size: 17px; font-family: 'JosefinSans-BoldItalic'; letter-spacing: 0.12em; line-height: 1; }
.video-btns{ display: flex; align-items: center; justify-content: flex-end; gap: 1px; }
.video-btns span{ cursor: pointer; width: 40px; }
.video-btns img{ width: 100%; height: auto; }

#movie-wrapper{ z-index: -1; position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: 100%; height: 100%; }
#movie-wrapper.is-active{ z-index: 600; position: fixed; top: 50%; left: 50%; translate: -50% -50%; width: 100%; height: 100vh; }

#video-close{ display: none; z-index: 100; cursor: pointer; position: fixed; padding: 5px 10px 0; background: #000; top: 10%; right: 0; font-size: 1.5rem; color: #fff; font-family: 'JosefinSans-BoldItalic'; }
#video-close span{ font-size: 3rem; line-height: 0; }
#movie-wrapper.is-active #video-close{ display: block; }

#fv-movie{ width: 100%; height: 100%; object-fit: cover; object-position: center; }

#dual-player{ box-sizing: border-box; position: absolute; bottom: 2%; left: 50%; transform: translate(-50%,0); width: 90%; max-width: 1400px; margin: 0 auto; padding: 10px 26px; border-radius: 999px; background: rgba(255, 255, 255, .26); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); color: #fff; display: flex; align-items: center; font-family: 'JosefinSans-BoldItalic'; gap: 26px; }
.dual-player__head{ white-space: nowrap; }
.dual-player__title{ margin: 0; font-size: min(1vw,17px); font-family: 'JosefinSans-BoldItalic'; }
.dual-player__controls{ display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; align-items: center; }
.dual-player__row{ display: grid; grid-template-columns: auto 1fr auto; align-items: center; column-gap: 16px; min-width: 0; padding: 5px 10px; border-radius: 5px; }
.dual-player__row.is-active{ background: rgba(0, 0, 0, 0.5); }

.dual-player__label{ font-size: min(1vw,17px); }
.dual-player__range{ width: 100%; height: 22px; background: transparent; appearance: none; -webkit-appearance: none; outline: none; }
.dual-player__range::-webkit-slider-runnable-track{ height: 4px; border-radius: 999px; background: rgba(255,255,255,.85); }
.dual-player__range::-webkit-slider-thumb{ -webkit-appearance: none; appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #fff; margin-top: -4px; }
.dual-player__range::-moz-range-track{ height: 4px; border-radius: 999px; background: rgba(255,255,255,.85); }
.dual-player__range::-moz-range-thumb{ width: 12px; height: 12px; border: 0; border-radius: 50%; background: #fff; }
.dual-player__icons{ display: flex; align-items: center; }

.dual-player__tabs{ width: 33%; display: flex; gap: 10px; align-items: center; justify-content: flex-end; }
.dual-player__tab{ width: calc(100% / 3); height: 30px; padding: 5px; border-radius: 5px; background: #FFFFFF; font-size: 14px; }
.dual-player__tab.is-active{ background: #000; color: #fff; }

#dual-player{ display: none; }
#movie-wrapper.is-active #dual-player{ display: flex; }

@media (max-width: 1020px){

	#dual-player{ border-radius: 20px; padding: 18px 18px 16px; gap: 14px; flex-direction: column; align-items: stretch; width: 95%; bottom: 3%; }

	.dual-player__head{ text-align: center; }
	.dual-player__title{ font-size: 17px; letter-spacing: .12em; }
	.dual-player__controls{ grid-template-columns: 1fr; column-gap: 0; row-gap: 5px; }
	.dual-player__row{ grid-template-columns: auto 1fr auto; column-gap: 12px; align-items: center; }
	.dual-player__label{ width: 80px; font-size: 14px; letter-spacing: .12em; }
	.dual-player__icons{ justify-content: flex-end; }
	
/* 	.video-btns{ flex-direction: column; gap: 10px; } */
	.dual-player__tabs{ display: none; }

}



h3.h3{ letter-spacing: 0;}
h3.h3 span {letter-spacing: 0;}

#news{padding: 113px 0 0;}
#news .flex{display: flex; justify-content: space-between}
#news .flex .text_box{width: 341px; height: auto;}
#news .flex .text_box p.text{padding: 35px 0 0; line-height: 188%;}
#news .flex .text_box h3 { text-align: left; line-height: 100%; font-family: 'Noto Sans Japanese medium';}
#news .flex .text_box h3 span { font-family: 'JosefinSans-BoldItalic'; font-size: 76px; display: inline-block; *display: inline; *zoom: 1; padding: 0 50px 0 0; line-height: 100%; letter-spacing: 3px; }
#news .flex .btn{padding: 55px 0 0; text-align: left;}
#news .flex .btn a{width: 271px; height: auto; text-align: center;}
#news .flex .list_box{width: 640px; height: auto;}
#news .flex .list_box ul li{border-bottom: 1px solid #DEDEDE; justify-content: flex-start; align-items: flex-start;padding: 0 0 21px;}
#news .flex .list_box ul li img{width: 160px; height: auto;}
#news .flex .list_box ul li:not(:last-child){margin: 0 0 23px;}
#news .flex .list_box ul li .box{margin: 0 45px 0 23px;width: 100%;}
#news .flex .list_box ul li .box p.tag{padding: 0 0 14px;}
#news .flex .list_box ul li .box p.tag .tag_2{display: inline-block; width: auto; height: auto; padding: 3px 20px 3px 21px; text-align: center;  border: 1px solid #000; border-radius: 100px; margin: 0 15px 0 0; font-size: 12px;}
#news .flex .list_box ul li .box p.tag .deta{font-size: 13px; line-height: 160%; padding: 5px 0px; }
#news .flex .list_box ul li .box p.text{font-size: 16px; font-family: 'Noto Sans Japanese medium'; line-height: 162%;}

#company { background: url(../images2/index/company_bg.jpg?=1) right bottom no-repeat; padding: 127px 0 75px; }
#company_wrap { background: url(../images2/index/company_pic.jpg?=1) left 45px no-repeat; padding: 0 0 0 555px;background-size: 833px;}
#company .box { float: right; width: 545px;}
#company h3 { text-align: right; padding: 0 0 20px; line-height: 100%; font-family: 'Noto Sans Japanese medium';}
#company h3 span { font-family: 'JosefinSans-BoldItalic'; font-size: 76px; display: inline-block; line-height: 100%; letter-spacing: 3px; }
#company .box div { background: #fff; padding: 70px 55px 65px;}
#company .box div h4 { font-size: 33px; padding: 0 0 25px; line-height: 150%; font-family: 'Noto Sans Japanese medium';}
#company .box div h4 span { font-size: 12px; display: block; color: #a7a7a7; letter-spacing: 2px; padding: 10px 0 0;}
#company .box div p.btn { padding: 50px 0 0;}

#products { padding: 77px 0 31px; text-align: center; background: url(../images2/index/product_bg_1.png?=1) no-repeat left bottom; background-size: calc(100% - 100px) 430px;}
#products .flex{display: flex; align-items: flex-end;}
#products .flex .title_box{width: 410px; height: auto; margin: 0 66px 0 0;}
#products .flex .title_box h3 { text-align: left; padding: 0 0 20px; line-height: 100%; font-family: 'Noto Sans Japanese medium';}
#products .flex .title_box h3 span { font-family: 'JosefinSans-BoldItalic'; font-size: 76px; display: inline-block; line-height: 100%; letter-spacing: 0.12em;}
#products .flex .title_box p{text-align: left;}
#products .products_box{position: relative; width: calc(100% - 250px); height: auto; margin: 51px 0 0 auto; overflow: hidden;}
#products .products_box .products_slick{padding: 0 0 36px;margin: 0px;}
#products .products_box .products_slick .box{width: 350px; height: auto; margin: 0 19px 0 0;}
#products .products_box .products_slick .box p{font-family: 'Noto Sans Japanese medium';font-size: 20px; padding: 25px 0 0;line-height: 138%; text-align: left;}
#products .products_box .slider_box_2{text-align: left;display: flex; align-items: center; align-content: center;}
#products .products_box .slider_box_2 .dots-box{display: inline-block; }
#products .products_box .slider_box_2 .slick-dots{bottom: auto; left: auto; width: auto; position: relative; text-align: left;line-height: 100%; padding: 0 36px 12px 0;}
#products .products_box .slider_box_2 .slick-dots li button::before{opacity: 1;background: #fff;}
#products .products_box .slider_box_2 .slick-dots li.slick-active button::before { background: #030221;}

#products .products_box .slider_box_2 .slick_btn{display: flex;}
#products .products_box .slider_box_2 .slick_btn .slide-arrow{position: relative; width: 50px; height: 50px; border: 1px solid #000; border-radius: 100px;}
#products .products_box .slider_box_2 .slick_btn .slide-arrow:before{content: ""; display: block; width: 15px; height: 15px; border-right: 1px solid #000; border-bottom: 1px solid #000; position: absolute; top: 50%; left: 50%;}
#products .products_box .slider_box_2 .slick_btn .slide-arrow.next-arrow{margin: 0 0 0 30px;}
#products .products_box .slider_box_2 .slick_btn .slide-arrow.next-arrow:before{transform: translate(-70%,-50%) rotateZ(-45deg);}
#products .products_box .slider_box_2 .slick_btn .slide-arrow.prev-arrow:before{transform: translate(-30%,-50%) rotateZ(135deg);}

#about { background: url(../images2/index/about_bg.jpg?=1) center center no-repeat; padding: 40px 0 45px; background-size: cover; margin: 150px 0 0;}
#about .box { float: right; width: 430px; color: #000; background: #fff; padding: 60px 40px 35px;}
#about .box .big_tt{font-size: 33px; line-height: 162%;font-family: 'Noto Sans Japanese medium';}
#about .box h3.h3 { text-align: left; padding: 0 0 16px;}
#about .box p.text{padding: 15px 0 0; line-height: 210%;}
#about p.btn { padding: 15px 0 0; text-align: center;}
#about p.btn a { text-align: center;}

/*
#about { background: url(../images2/index/about_bg.jpg?=1) center center no-repeat; padding: 80px 0 85px; background-size: cover; margin: 150px 0 0;}
#about .box { float: right; width: 432px; color: #fff;}
#about .box .big_tt{font-size: 33px; line-height: 162%;}
#about .box h3.h3 { text-align: left; padding: 0 0 16px;}
#about .box p.text{padding: 15px 0 0; line-height: 172%;}
#about p.btn { padding: 50px 0 0; text-align: right;}
#about p.btn a { text-align: center;}
*/

#sustainability { background: url(../images2/index/sustainability_bg_1.jpg?=1) center center no-repeat; background-size: cover; padding: 75px 0; text-align: left;}
#sustainability .box { width: 430px; color: #fff;}
#sustainability .box .big_tt{font-size: 33px; line-height: 162%;font-family: 'Noto Sans Japanese medium';}
#sustainability h3.h3 { text-align: left; padding: 0 0 16px;}
#sustainability p.text {padding: 15px 0 0; font-size: 14px; line-height: 210%;}
#sustainability p.btn { text-align: left; padding: 40px 0 0;}

#sustainability p.btn a { text-align: center;}

#magzine{padding: 120px 0 40px;}
#magzine .flex{display: flex; justify-content: space-between; padding: 0 0 0 87px; max-width: 1600px; margin: 0 auto;}
#magzine .flex .text_box{width: 440px; height: auto; margin: 0 79px 0 0;}
#magzine .flex .text_box h3.h3 {text-align: left; padding: 0;}
#magzine .flex .text_box h3.h3 span{ font-family: 'JosefinSans-BoldItalic'; font-size: 76px; }
#magzine .flex .text_box p{padding: 37px 0 0;}
#magzine p.btn{padding: 55px 0 0; text-align: left;}
#magzine p.btn a{width: 271px; text-align: center;}
#magzine .flex .magzine_slidr{width: calc(100% - 520px);}
#magzine .flex .magzine_slidr .box{width: 333px; height: auto; margin: 0 27px 0 0;}
#magzine .flex .magzine_slidr .box .text{padding: 21px 0 0;}
#magzine .flex .magzine_slidr .box .text p.tt{font-family: 'Noto Sans Japanese medium';font-size: 17px; line-height: 159%; border-bottom: 1px solid #DEDEDE; padding: 0 0 28px;}
#magzine .flex .magzine_slidr .box .text .tag{ padding: 20px 0 10px;}
#magzine .flex .magzine_slidr .box .text .tag .tag_2{ border: 1px solid #000; text-align: center; border-radius: 100px; font-size: 12px; line-height: 124%; padding: 3px 20px;}
#magzine .flex .magzine_slidr .box .text .tag .deta{float: right;font-size: 14px;line-height: 124%}

#locations { background: url(../images2/index/bg.png?=1) -20% center no-repeat #e5eeec; padding: 80px 0 85px; background-size: 60% auto;}
#locations .box { float: right; width: 385px;}
#locations .box h3.h3 { text-align: left;}
#locations p.btn { padding: 50px 0 0; text-align: right;}
#locations p.btn a { text-align: center;}

#recruit { background: url(../images2/index/bg_02.jpg?=1) center center no-repeat; padding: 75px 0; text-align: left;}
#recruit h3.h3 { text-align: left; padding: 0 0 25px;}
#recruit p.text { font-size: 14px; line-height: 172%;}
#recruit p.btn { text-align: left; padding: 40px 0 0;}
#recruit p.btn a { text-align: center;}

.slick-dots { bottom: 30px;}
.slick-dots li { margin: 0 3px; width: 60px; height: 3px; line-height: 3px;}
.slick-dots li button { color: #fff; background: #fff; width: 100%; height: 3px; line-height: 3px; padding: 0;}
.slick-dots li button:before{ background: #4461b1; width: 100%; height: 3px; line-height: 3px; color: #fff;}
.slick-dots li.slick-active button::before { opacity: inherit; background: #4461b1; color: #4461b1;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	
	#firstview{ min-height: auto; height: 100dvh; }
	.text-wrapper{ width: calc(100% - 25px); height: 100%; align-items: initial; justify-content: flex-end; flex-direction: column; gap: 45px; }
	.text-wrapper .title{ width: 100%; }
	.text-wrapper .enttl-01 { font-size: 52px; }
	.text-wrapper .jattl { font-size: 22px; }
	.text-wrapper .enttl-02 { padding: 20px 0 0; font-size: 13px; }

	#video-modall .video-area { width: 90%; }
	#video-modall { padding: 0; }
	.video-controlls{ margin-right: -13px; justify-content: flex-end; gap: 15px; }
	
	#video-close { font-size: 1rem; }
	#video-close span { font-size: 2rem; }


	h3.h3{ font-size: 13px;}
	h3.h3 span { font-size: 34px; line-height: 120%;}

	#news{padding: 44px 0 0;}
	#news .flex{display: block;}
	#news .flex .text_box{width: 100%; height: auto;}
	#news .flex .text_box p.text{padding: 20px 0 0;}
	#news .flex .text_box h3{text-align: center;}
	#news .flex .text_box h3 span { font-size: 35px; padding: 0; }
	#news .flex .btn{padding: 30px 0 0; text-align: left; width: 77%; margin: 0 auto;}
	#news .flex .btn a{width: 100%; height: auto; text-align: center;}
	#news .flex .list_box{width: 100%; height: auto; padding: 30px 0 0;}
	#news .flex .list_box ul li{ padding: 0 0 19px;}
	#news .flex .list_box ul li a{display: flex; align-items: flex-start;}
	#news .flex .list_box ul li img{width: 41%; height: auto; max-width: 131px;}
	#news .flex .list_box ul li:not(:last-child){margin: 0 0 27px;}
	#news .flex .list_box ul li .box{margin: 0 0 0 15px; width: calc(100% - 107px);}
	#news .flex .list_box ul li .box p.tag{ padding: 0px 0 10px;}
	#news .flex .list_box ul li .box p.tag .tag_2{ margin: 0 10px 0 0; font-size: 11px; padding: 3px 26px 2px 27px;}
	#news .flex .list_box ul li .box p.tag .deta{font-size: 14px; }
	#news .flex .list_box ul li .box p.text{font-size: 14px; line-height: 143%;}
	
	
	
	#company { background: url(../images2/index/company_bg.jpg?=1) center bottom no-repeat; padding: 60px 0 55px; }
	#company_wrap { background: url(../images2/index/company_pic.jpg?=1) center top no-repeat; padding: 50px 0 0 ;}
	#company .box { float: none; width: 90%; margin: 0 auto;}
	#company h3 { text-align: center; padding: 0 0 30px;}
	#company h3 span { font-size: 32px; display: inline-block; *display: inline; *zoom: 1; padding: 0 10px 15px 0; line-height: 100%; letter-spacing: 2px; }
	#company .box div { background: #fff; padding: 35px 5% 30px; margin: 0 0 -30px;}
	#company .box div h4 { font-size: 18px; padding: 0 0 15px; line-height: 150%; text-align: center;}
	#company .box div h4 span { font-size: 10px; display: block; color: #a7a7a7; text-align: left; letter-spacing: 1px; line-height: 130%;}
	#company .box div p.btn { padding: 25px 0 0;}
	
	#products { padding:80px 0 30px;background: url(../images2/index/product_bg_1_sp.jpg?=1) no-repeat center  bottom; background-size: 100%; background-size: 100%; }
	#products .flex{display: block;}
	#products .flex .title_box{width: 100%; height: auto; margin: 0;}
	#products .flex .title_box h3 { padding: 0 0 20px;text-align: center; }
	#products .flex .title_box h3 span { font-size: 32px; letter-spacing: 3px; }
	#products .products_box{width: 100%; height: auto; margin:25px 0 0; }
	#products .products_box .products_slick{padding: 0 0 20px;margin: 0px;}
	#products .products_box .products_slick .slick-list{padding: 0 0 0 4%;}
	#products .products_box .products_slick .box{width: 242px; height: auto; margin: 0 17px 0 0;}
	#products .products_box .products_slick .box img{width: 100%; height: auto;}
	#products .products_box .products_slick .box p{font-size: 13px; padding: 15px 0 0;}
	#products .products_box .slider_box_2{position: relative; width: 90%; margin: 0 auto;}
	#products .products_box .slider_box_2 .slick-dots{padding: 0 0 12px;}
	#products .products_box .slider_box_2 .dots-box { display: block; }
	
	#products .products_box .slider_box_2 .slick_btn{display: flex; justify-content: space-between;}
	#products .products_box .slider_box_2 .slick_btn .slide-arrow{width: 37px; height: 37px; }
	#products .products_box .slider_box_2 .slick_btn .slide-arrow:before{width: 12px; height: 12px; }
	#products .products_box .slider_box_2 .slick_btn .slide-arrow.next-arrow{margin: 0 0 0 13px;}
	#products .products_box .btn{padding: 30px 0 0; width: 77%; margin: 0 auto;}
	#products .products_box .btn a{width: 100%; height: auto;}
	
	#about { background: none; padding: 50px 0 0; background-size: 100% auto; margin: 0px;}
	#about .about_bg{width: 100%; height: auto}
	#about .about_box {background: linear-gradient(to top,#d8e4ee 0%, #659fc4 50%); padding: 33px 0 57px;}
	#about .box { float: right; width: 100%; color: #fff; background: none; padding: 0;}
	#about .box .big_tt{font-size: 22px;font-family: 'Noto Sans Japanese bold';}
	#about .box { float: none; margin: 0 auto;}
	#about .box p.text{padding: 16px 0 0;line-height: 200%; font-size: 14px;}
	#about .box h3.h3 { text-align: center;}
	#about .box .btn{padding: 40px 0 0; width: 77%; margin: 0 auto;}
	#about .box .btn a{width: 100%; height: auto;}

/*
	#about { background: none; padding: 50px 0 0; background-size: 100% auto; margin: 0px;}
	#about .about_bg{width: 100%; height: auto}
	#about .about_box {background: linear-gradient(to top,#d8e4ee 0%, #659fc4 50%); padding: 33px 0 57px;}
	#about .box { float: right; width: 100%; color: #fff;}
	#about .box .big_tt{font-size: 22px;font-family: 'Noto Sans Japanese bold';}
	#about .box { float: none; margin: 0 auto;}
	#about .box p.text{padding: 16px 0 0;line-height: 200%; font-size: 14px;}
	#about .box h3.h3 { text-align: center;}
	#about .box .btn{padding: 40px 0 0; width: 77%; margin: 0 auto;}
	#about .box .btn a{width: 100%; height: auto;}
*/

	#sustainability { background: none; padding: 0 0 50px; text-align: left; }
	#sustainability .sustainability_bg{width: 100%; height: auto}

	#sustainability h3.h3 { text-align: center; padding: 40px 0 0;line-height: 100%;}
	#sustainability .box { float: right; width: 100%;color: #000;}
	#sustainability .box .big_tt{font-size: 22px;font-family: 'Noto Sans Japanese bold'; padding: 17px 0 0;}
	#sustainability p.text { line-height: 200%; font-size: 14px; padding: 10px 0 0;}
	#sustainability p.btn { text-align: center;}
	#sustainability p.btn a { text-align: center; width: 77%;}
	

	#magzine{padding: 60px 0 50px;}
	#magzine .flex{display: block; width: 100%;padding: 0;}
	#magzine .flex .text_box{width: 90%; height: auto; margin: 0 auto;}
	#magzine .flex .text_box h3.h3 { padding: 0; text-align: center;}
	#magzine .flex .text_box h3.h3 span{ font-size: 35px; }
	#magzine .flex .text_box p{padding: 30px 0 0;line-height: 200%;}
	#magzine p.btn{padding: 40px 0 0; text-align: left;width: 70%; margin: 0 auto;}
	#magzine p.btn a{width: 100%; text-align: center;}
	#magzine .flex .magzine_slidr{width: 100%;padding: 36px 0 0;}
	#magzine .flex .magzine_slidr .box{width: 289px; height: auto; margin: 0 24px 0 0;}
	#magzine .flex .magzine_slidr .box img{width: 100%; height: auto;}
	#magzine .flex .magzine_slidr .box .text{padding: 18px 0 0;}
	#magzine .flex .magzine_slidr .box .text p.tt{font-size: 17px; padding: 0 0 13px;}
	#magzine .flex .magzine_slidr .box .text .tag{padding: 15px 0 12px;}
	#magzine .flex .magzine_slidr .box .text .tag .deta{font-size: 12px; padding: 3px 0 0;}
	#magzine .flex .magzine_slidr .box .text .tag .tag_2{font-size: 12px; padding: 5px 14px ;}
	
	#magzine .flex .magzine_slidr .slick-list{padding: 0 0 0 4%;}
	
	#locations { background: url(../images2/index/bg.png?=1) center top no-repeat #e5eeec; padding: 55% 0 50px; background-size: 98% auto;}
	#locations .box { float: none; width: 90%; margin: 0 auto;}
	#locations .box h3.h3 { text-align: center;}
	#locations p.btn { text-align: center;}
	
	#recruit { background: url(../images2/index/bg_02_sp.jpg?=1) center top no-repeat; padding: 55% 0 50px; text-align: left; background-size: 100% auto;}
	#recruit h3.h3 { text-align: center;}
	#recruit p.text { line-height: inherit;}
	#recruit p.btn { text-align: center;}
	#recruit p.btn a { text-align: center;}
	
	.slick-dotted.slick-slider { margin: 0;}
	.slick-dots { bottom: 15px;}
	.slick-dots li { margin: 0 8px 0 0; width: 33px; height: 3px; line-height: 3px;}

}