﻿/* CMS・下層ページ ----------------------------------*/
.cms_1-g .cate_box{border-top:none;}

#cms_2-g .box_txt1{padding-bottom: 0%;}
#cms_2-g #cate1 .cate_box{padding-bottom: 30px;margin-top: 10px;}
#cms_2-g #cate1 .box_txt1{padding: 1.5%; background-color: #edf1f1;}
#cms_2-g #cate1 .box_title1{margin-bottom: 15px;}

#page08 .tel_contact .tel_txt{max-width: 970px;}
#page10 .page_link:hover{
    background-color:#05498e;
    background: linear-gradient(90deg, #05498e 0%, #01b5bd 100%);
}
/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){}

/* メインイメージ -----------------------------------*/
.catch{
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(0%, -50%);/* X横 Y縦 始点が要素の中心になる */
    width: 40%;
}
.catch1 {
    width: 100%;
}
.catch2 {
    width: 100%;
}

/* 動画位置調整 */
#video{height: 100vh!important; height: auto;}
#video video{
    /*width: 100%!important;*/
	width: auto!important;
	height: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    vertical-align: bottom;
}
@media screen and (min-width: 1630px){
    #video video{width: 100%!important; height: auto!important;}
}
/* タブレット */
@media screen and (max-width: 768px){
    /* 動画位置調整 */
	#video {
		height: auto!important;
		width: 100%;
	}
	#video video {
		width: 100%!important;
		height: auto;
		position: relative;
		top: 0%;
		left: 0%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(0%,0%);
	}
}
/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){}

/* トップページ -------------------------------------*/

/* ▼テンプレートの調整　さんかくが微妙にずれる対策▼ */
.contents_title span::after{border-width: 0 0 100px 45px;right: -1px;}
#contents2 .slick2 .arrow::after{top: -1px;}
#contents2 .slick2 .arrow.next::after{border-width: 0 26px 51px 0;right: -1px;}
#contents2 .slick2 .arrow.prev::after{border-width: 51px 26px 0 0;left: -1px;}
/* ▲テンプレートの調整▲ */

.contents_more a{padding-left: 50px;}
.contents_more a::after{display:none;}

#top_cms1{margin-top: 50px;}
#contents1 .con figure{box-shadow:none;}

.contents_title .en_font{background: linear-gradient(90deg, #05498e 0%, #01b5bd 100%);}
#contents1{
    background: url(./Dup/img/bg.jpg) no-repeat;
    background-size: cover;
}
#contents1 .con > div{background-color: #fff;border-width:0;border-style:none;}
#contents1 .con > div::before, #contents1 .con > div::after{display:none;}


#contents2 .slick2 .box .no span{text-shadow:none;}
.slick2{position:relative;}
.slick2 .slick_text{width: 92%!important;}
.slick2 .slick_img{}
#contents2 .slick2 .box figure{
    width: 50%;margin:0;
    position:absolute;
    /*transform: translateY(50%);*/
    top: -90px;
    right: 0;
}

.page_link.txt_color_nomal:hover{color: #01b5bd;}

@media screen and (min-width:769px) and ( max-width:1280px){
    #contents2 .slick2 .box figure{top: -5%;}
    #contents2 .slick2 .box > div:first-of-type{width: 93%!important;}
}

/* タブレット */
@media screen and (max-width: 768px){
    #contents2 .contents_title{margin-bottom: 20px;}
    #contents2 .slick2 .box > div:first-of-type{padding: 0px 20px;}
    .slick2 .no,.slick2 .slick_text,.slick2 .slick_img{width: 100%!important;}
    #contents2 .slick2 .box figure{width: 100%;position:relative;transform: translateY(0%);top: 0;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #contents2 .slick2 .box > div:first-of-type{padding: 30px 0px 0px;}
    .slick2 .slick_text,.slick2 .slick_img{width: 100%!important;}
    
    .cms_2-g .box_item_img{padding-top: 0%;}
    .cms_2-g .box_item_img img{position: relative;border-radius:5px 5px 0 0;}
}

/* 全体 ---------------------------------------------*/
header #header h1{max-width: 300px;}

#page_title .bg_color1{
    background-color:#05498e;
    background: linear-gradient(90deg, #05498e 0%, #01b5bd 100%);}
#page_title h3 span:first-letter{color:#01b5bd!important;}

.linkStyle{
	color:#05498e;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color:#01b5bd;
	opacity: 1;
	text-decoration: none;
}

#contact_box .tel a{transition: all 0.5s;line-height: 1.5;}
#contact_box .tel a:hover{color: #01b5bd;}
.contact_link .page_link.hvr_bg_black:hover{background-color: #dddddd;}

#contact_box .tel a::after{
    content: "（求職者さま専用）";
    display: block;
    font-size: 17px;
}

/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){}

/* 配色 ----------------------------------------------*/

.txt_color1,.hvr_txt_color1:hover{color: #05498e;} 
.txt_color2,.hvr_txt_color2:hover{color: #4d5a67;} 
/*.txt_color3,.hvr_txt_color3:hover{color: #60513c;} */
/*.txt_color4,.hvr_txt_color4:hover{color: #eae4df;} */
/*.txt_color5,.hvr_txt_color5:hover{color: #f2ede7;}*/ 

.bg_color1,.hvr_bg_color1:hover{background-color: #05498e;}
.bg_color2,.hvr_bg_color2:hover{background-color: #edf1f1;}
.bg_color3,.hvr_bg_color3:hover{background-color: #05498e;} 
/*.bg_color4,.hvr_bg_color4:hover{background-color: #eae4df;} */
/*.bg_color5,.hvr_bg_color5:hover{background-color: #f2ede7;}*/ 

.border_color1,.hvr_border_color1:hover{border-color: #05498e;}
/*.border_color2,.hvr_border_color2:hover{border-color: #f4f3f2;}*/
/*.border_color3,.hvr_border_color3:hover{border-color: #60513c;}*/
.border_color4,.hvr_border_color4:hover{border-color: #01b5bd;}
/*.border_color5,.hvr_border_color5:hover{border-color: #f2ede7;}*/

/*テンプレート  -------------------------------------*/
body,.font_14,.font_12,.font_100per,.font_2dw,.font_2dw_tb,.font_2dw_sp,.font_14_sp{
    font-size: 16px;
}
.font_2up{font-size: 18px;}
.font_4up{font-size: 20px;}