@charset "utf-8";

/*===================================================================
	fixed_btn
===================================================================*/
.half-moon-t,.half-moon-b{width:170px; height:85px; border: 2px solid #fff; display: flex; justify-content: center;}
.half-moon-t{ border-radius:85px 85px 0 0;  background:#D5040C;}
.half-moon-b{ border-radius:0 0 85px 85px;  background:#245BAB;}

.half-moon-t img{padding-top: 15px;}
.half-moon-b img{padding-bottom: 15px;}
.half-moon-t img,
.half-moon-b img{width: 120px; object-fit: contain;}

@media (max-width: 767px){
	.half-moon-t{width:120px; height:60px; border-radius:60px 60px 0 0; border: 2px solid #fff; background:#D5040C;}
	.half-moon-b{width:120px; height:60px; border-radius:0 0 60px 60px; border: 2px solid #fff; background:#245BAB;}
	.half-moon-t img{padding-top: 10px;}
	.half-moon-b img{padding-bottom: 10px;}
	.half-moon-t img,
	.half-moon-b img{width: 80px; object-fit: contain;}
}


/*===================================================================
	main_image
===================================================================*/
#main_image_wrap { position:relative; background:url(../image/contents/top/slide_back.jpg) no-repeat left center / cover;  padding-bottom: 35px;}
#main_text { display:table; width:100%; height:100%;  }
#main_text .center { display:table-cell; text-align:center; }
#main_text .center h2 { margin-bottom:30px; }
#main_text .center .button { color:#fff; }
	@media (max-width: 767px){
		#main_image .unit,
		#main_image .unit .img_back {min-height:300px; }
		#main_text {max-width: 500px; margin: 0 auto; padding: 15px;}
		#main_image .unit,
		#main_text .center { padding:20px 15px 0; }
	}
	@media (min-width: 768px){
		/*#main_image { max-height:70vh; }*/
		#main_text { padding: 30px; max-width:550px; margin:0 auto; }
		#main_text .center { vertical-align:middle;  }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#main_text {padding: 0;}
		#main_image .unit,
		#main_image .unit .img_back { height:25vw; min-height:300px; }
	}
	@media (min-width: 992px){
		#main_image .unit,
		#main_image .unit .img_back { height:34vw; min-height:450px; max-height:700px; }
	}

#main_image_wrap .slick-dots li.slick-active button:before {
    background: #434343;
    content: "";
}
#main_image_wrap .slick-dots{text-align: right;    left: -15px;}
#main_image_wrap .slick-dots li{width: 36px;    margin: 0 5px;}
#main_image_wrap .slick-dots li button{height: auto; width: 100%; }
#main_image_wrap .slick-dots li button:before{width: 100%; height: 4px;  content: ""; background: #CECECE;}


/*===================================================================
	#top_youtube
===================================================================*/

#top_youtube .youtube_wrap { width:700px; max-width:100%; margin:0 auto; }
#top_youtube .youtube_wrap ._youtube { position:relative; padding-top:56%; line-height:0; }
#top_youtube .youtube_wrap ._youtube iframe { position:absolute; top:0; left:0;  width:100%!important; height:100%!important;}


/*===================================================================
	#top_news
===================================================================*/
/*#top_news{background:url(../image/contents/top/news_back.jpg) no-repeat left center / cover;}*/
#top_news .back_en{  padding: 20px 0; background: url(../image/contents/top/tx_news.png) no-repeat top right 30px / contain;
    background-size: 40vw;}
#top_news .unit a{display: block;}
#top_news .unit img{width: 100%;}
#top_news .unit .title{border: 1px solid rgba(232,232,222,0.5); color: #fff; text-align: center; padding: 15px;}
#top_news .unit .title .main{font-weight: bold; font-size: 1.5em; letter-spacing: 0.25em;}
#top_news .unit .title .sub{color: #989898; letter-spacing: 1px;}
#top_news .hl_1{padding-top: 50px;}

#top_news .btn_1 span{ padding: 5px 30px 5px 0;}
#top_news .btn_1 a{ max-width: 100%;}

@media (max-width: 1199px){
	#top_news .back_en { background-size: 60vw;}
}
@media (max-width: 991px){
	#top_news .hl_1{padding-top: 30px;}
}
@media (max-width: 767px){
	#top_news .back_en {
	    background: url(../image/contents/top/tx_news.png) no-repeat top right 15px / contain;
	    background-size: 70vw;
	}

}
@media (max-width: 575px){
	#top_news .hl_1{padding-top: 15px;}
}


/*===================================================================
	#top_service
===================================================================*/
/*#top_service{background:url(../image/contents/top/service_back.jpg) no-repeat left center / cover;}*/
#top_service .back_en{  padding: 20px 0; background: url(../image/contents/top/tx_service.png) no-repeat top right 30px / contain;
    background-size: 40vw;}
#top_service .unit a{display: block;}
#top_service .unit img{width: 100%;}
#top_service .unit .title{border: 1px solid rgba(232,232,222,0.5); color: #fff; text-align: center; padding: 15px;}
#top_service .unit .title .main{font-weight: bold; font-size: 1.5em; letter-spacing: 0.25em;}
#top_service .unit .title .sub{color: #989898; letter-spacing: 1px;}
#top_service .hl_1{padding-top: 50px;}

#top_service .btn_1 span{ padding: 5px 30px 5px 0;}
#top_service .btn_1 a{ max-width: 100%;}

@media (max-width: 1199px){
	#top_service .back_en { background-size: 60vw;}
}
@media (max-width: 991px){
	#top_service .hl_1{padding-top: 30px;}
}
@media (max-width: 767px){
	#top_service .back_en {
	    background: url(../image/contents/top/tx_service.png) no-repeat top right 15px / contain;
	    background-size: 70vw;
	}

}
@media (max-width: 575px){
	#top_service .hl_1{padding-top: 15px;}
}

/*===================================================================
	#top_activities
===================================================================*/
#top_activities .back_en{  padding: 20px 0; background: url(../image/contents/top/tx_actibities.png) no-repeat top right 30px / contain;
    background-size: 40vw;}
#top_activities .unit a{display: block;}
#top_activities .unit img{width: 100%;}
#top_activities .unit .title{border: 1px solid rgba(232,232,222,0.5); color: #fff; text-align: center; padding: 15px;}
#top_activities .unit .title .main{font-weight: bold; font-size: 1.5em; letter-spacing: 0.25em;}
#top_activities .unit .title .sub{color: #989898; letter-spacing: 1px;}
#top_activities .hl_1{padding-top: 50px;}

#top_activities .btn_1 span{ padding: 5px 30px 5px 0;}
#top_activities .btn_1 a{ max-width: 100%;}

@media (max-width: 1199px){
	#top_activities .back_en { background-size: 60vw;}
}
@media (max-width: 991px){
	#top_activities .hl_1{padding-top: 30px;}
}
@media (max-width: 767px){
	#top_activities .back_en {
	    background: url(../image/contents/top/tx_actibities.png) no-repeat top right 15px / contain;
	    background-size: 70vw;
	}

}
@media (max-width: 575px){
	#top_activities .hl_1{padding-top: 15px;}
}

/*===================================================================
	#top_company
===================================================================*/
#top_company{background:url(../image/contents/top/company_back.jpg) no-repeat center / cover; position: relative;}
#top_company::before{
	content: "";
    background: url(../image/contents/top/tx_company.png) no-repeat left center / contain;
    width: 50vw;
    height: 100px;
	top: 0;
	left: 0;
    position: absolute;
}
#top_company .unit a,
#top_company .hl_1{ color: #fff;}
#top_company .hl_1 .en:before{background-color:#fff;}
#top_company .btn_1 a{border: none; margin-left: 0;}
#top_company .btn_1 a span{display: block;}




@media (min-width:992px){
	#top_company .flex{display: flex; align-items: center;  position: relative;}
	#top_company .flex .ab{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
	#top_company .left{ width: 40%}
	#top_company .right{ width:60%;}
}
@media (max-width:991px){
	#top_company::before{    width: 80vw; height: 70px;}
	#top_company  .right,#top_company  .btn_1 {padding: 0 15px;}
	#top_company  .right .unit{margin-bottom: 30px;}

}


/*===================================================================
	#top_recruit
===================================================================*/
#top_recruit::before{
	content: "";
    background: url(../image/contents/top/tx_recruit.png) no-repeat center / contain;
    width: 7vw;
    height: 28vw;
    top: calc(50% + 30px);
    right: 0%;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 10;
}
#top_recruit{overflow: hidden;}
#top_recruit .text{z-index: 10;}
#top_recruit .btn_1 { margin-top: 20px;}
#top_recruit .btn_1 a{border: none; margin-left: 0;}
#top_recruit .btn_1 a span{display: block;}

#top_recruit .back{background:url(../image/contents/top/recruit_back.jpg) no-repeat center / cover; position: relative;}
#top_recruit .full{margin: 0 calc(100% - 50vw); width: 100vw;}
#top_recruit .full img{      margin-top: -75px;  width: 50vw;
    max-height: 950px;
    object-fit: cover;}

/*#top_recruit .btn_2 span{display: block;}*/

@media (max-width:767px){
	#top_recruit::before{    top: calc(50% + 15px);}

}
@media (max-width:575px){
	#top_recruit .full{margin: 0 calc(100% - 60vw); }
	#top_recruit::before{     width: 15vw; height: 60vw;   top: calc(50% + 15px);}
	#top_recruit .full img { margin-top: -40px; position: relative; z-index: 99;}
}


/*===================================================================
	#top_banner
===================================================================*/
#top_banner .link_box{ border:1px solid #FFF; max-width: 500px; width: 100%; display: flex; margin: 0 auto; min-height: 150px; background:url(../image/contents/top/y_back.jpg) no-repeat center / cover;}
#top_banner .link_box .youtube_logo {background-color:#FFF; padding: 20px; max-width: 120px;}
#top_banner .link_box .text{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; padding: 10px;}
#top_banner .link_box .text img{max-width: 120px;}
/*===================================================================
	#top_contact
===================================================================*/
#top_contact{background:url(../image/contents/top/contact_back.jpg) no-repeat center / cover; }
#top_contact .num{text-align: center; line-height: 1em; font-weight: bold; font-size: 2.25em;}

#top_contact .num a{ color: #fff;}
#top_contact .btn{padding: 10px;}
#top_contact .btn a{    background: #fff;
    display: block;
	padding: 15px;
    text-align: center;
    color: #000;}

@media (min-width:768px) and (max-width:991px){
	#top_contact .num{    font-size: 2em;}
}

@media (min-width:576px){
	#top_contact .border {border-left: 1px solid #E2E2E2;}
}