@charset "utf-8";


#HD_h1 {
    position: relative;
	display: block;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px calc((100% - 1000px) / 2) 0px calc((100% - 1000px) / 2);
	color:#555555;
	font-size:11px;
	line-height:12px;
	font-weight:400;
	box-sizing: border-box;
}
#HD_Frm_Space,#HD_Frm_Space2{
    position: relative;
	display: block;
	height:105px;
}

#HD_Frm,#HD_Frm2,#HD_Frm_Min{
	top:0px;
    position: fixed;
	display: block;
	height:55px;
	height:65px;
	width:100%;
	min-width:1000px;
	margin:0px 0px 0px 0px;
	padding:0px calc((100% - 1000px) / 2) 0px calc((100% - 1000px) / 2);
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#cccccc;
	text-align:center;
	box-sizing: border-box;
	z-index:50;
	background-color:#ffffff;

}
#HD_Frm_Min{transition:0.3s;}
.HD_Frm_Shadow{
	box-shadow: 0px 1px 4px 0px #dddddd;
}
#HD_FrmL{
    position: relative;
  	display : flex;
  	align-items:center;
	align-items:flex-end;
	align-items:center;
	width:100%;
	height:54px;
	height:40px;
	height:65px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:9pt;
	z-index:10;
}
#HD_FrmL ul{
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 21px 0px 0px 10px;
	margin: 21px 0px 0px auto;
	margin: 0px 0px 0px auto;
	padding: 0px;
	letter-spacing:0px;
	letter-spacing:-1em;
}
#HD_FrmL ul li{
	display: inline-block;
	padding:0px;
	margin:0px 0px 0px 25px;
	text-decoration: none;
}

#HD_FrmL ul li a,.HD_SpecBox{
	position: relative;
	display: block;
	text-align:center;
	margin:0px;
	padding:0px 2px 0px 2px;
	box-sizing: border-box;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#dddddd;
	font-weight:700;
	font-weight:400;
	color:#111111;
	letter-spacing:0px;
	cursor:pointer;
}
#HD_FrmL ul li a:before,#HD_FrmL ul li a:after,.HD_SpecBox:before,.HD_SpecBox:after {
  content: '';
  position: absolute;
  bottom: -5px;
  bottom: -10px;
  display: block;
  width: 0px;
  height: 3px;
  background-color: #d23339;
  transition: width 0.3s;
}
#HD_FrmL ul li a:before,.HD_SpecBox:before{ right: 49.7%;}
#HD_FrmL ul li a:after,.HD_SpecBox:after{ left: 49.7%;}
#HD_FrmL ul li a:HOVER::before,#HD_FrmL ul li a:HOVER::after{width: 50%;}
#HD_FrmL ul li a:HOVER										{color:#37b9ab;text-decoration:none;}
#HD_FrmL ul li a:LINK										{color:#333333;text-decoration:none;}
#HD_FrmL ul li a:VISITED,A.NV_Item:LINK,A.NV_Item:ACTIVE	{color:#333333;text-decoration:none;}
.HD_Deco_Box{
}
.HD_Deco_Box:before{
  content: '';
  position: absolute;
	width:80px;
	height:20px;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	margin:0px 0px 0px -41px;
}

.HD_Deco_Box:after{
  content: '';
  position: absolute;
	
	width:6px;
	height:6px;
	border-radius:3px;
	background-color:#dd0000;
	margin:-28px 0px 0px 40px;

}

#HD_FrmL H2,#HD_FrmL H1{
    position: relative;
	display: block;
	padding:0px;
	margin:0px;
}

#HDMB_Frm{
	display: none;
	width:100%;
	margin:10px 5px 0px 0px;

	margin:calc(5 * 45vw / 170) 5px 0px 0px;
	height:calc((29 * 45vw / 170));
	height:calc((24 * 45vw / 170));
	line-height:calc((29 * 45vw / 170) - 1px);
	line-height:calc((24 * 45vw / 170) - 1px);
	background-color:#f8f9fa;
	background-color:#f6f7f8;
	background-color:#ffffff;
}

#HDMB_Frm ul{
	width:100%;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size:3.5vw;
	letter-spacing:0em;
}
#HDMB_Frm ul li{
	display: inline-block;
	padding:0px;
	margin:0px 10px 0px 10px;
	text-decoration: none;
	letter-spacing:0em;
}
#HDMB_Frm ul li a {
	position: relative;
	display: block;
	text-align:center;
	margin:0px;
	padding:0px 0px 0px 0px;
	box-sizing: border-box;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#dddddd;
	font-weight:700;
	color:#111111;
	color:#333333;
	color:#666666;
	letter-spacing:0px;
}


#HD_logo,#HD_logo_Check{
    position: relative;
	display: block;
	width:212px;
	height:30px;
	background-repeat:no-repeat;
	background-image : url("../img/btn/pc_2023HeadTitle01.webp"); 
	background-size: 100% auto;

}
.HD_Link {
    position: relative;
	display: inline-block;
	margin:13px 0px 0px 0px;
	font-size:10pt;
	line-height:100%;
	box-sizing: border-box;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	padding:0px 10px 0px 10px;
	letter-spacing:0px;

}
.HD_Link_NorBoder{border-width:0px 0px 0px 0px;padding:0px 0px 0px 10px;}


#HDMB_Menu,#HDMB_MenuMnt{
	display: none;
	width:17vw;
	height:calc(34 * 45vw / 170);/* iphone SEでの横幅170pxを45vwと定義し縦方向は横幅の比率で処理する　ここでの24がiphone SEでの縦24pxとする*/
	line-height:calc(25 * 45vw / 170);/*微調整の為heightと違う*/
	line-height:110%;
	margin:calc(7 * 45vw / 170) 0px 0px 0px;
	margin:0px 0px 0px 0px;
	padding:calc(6 * 45vw / 170);
	border-radius:calc((3 * 45vw / 170));
	font-size:2.8vw;
	font-weight:400;
	box-shadow: none;;
}

#HD_BtnLink1,#HD_BtnLink1SMnu,#HD_BtnLink2,#HDMB_MenuLink,#HDMB_MenuLink2 {
    position: relative;
	display: block;
	width:150px;
	height:35px;
	line-height:35px;
	border-style:none;
	border-color:#dddddd;
	border-radius:3px;
	border-width:1px;
	background-color:#bd4340;
	margin:5px 0px 0px 10px;
	margin:0px 0px 0px 10px;
	padding: 0px 10px 0px 0px;
	font-size:9pt;
	font-weight:500;
	color:#ffffff;
	box-sizing: border-box;
	text-align:center;
	letter-spacing:0px;
/*	box-shadow: 2px 2px 5px 0px #dededede;*/
	cursor:pointer;
}
#HD_BtnLink1{margin-right:0px;margin-left:10px;}
#HD_BtnLink2,#HDMB_MenuLink2{display:block;margin-left:auto;}
#HDMB_Menu,#HDMB_MenuMnt				{background-color:#37bdaf;}
#HD_BtnLink1,#HD_BtnLink1SMnu,#HDMB_MenuLink				{background-color:#37bcae;;background-color:#d13339;background-color:#e57318;background-color:#004478;}
#HD_BtnLink2,#HDMB_MenuLink2			{background-color:#cfad5f;background-color:#ceac5f;background-color:#bd842d;background-color:#9C6C25;}
#HD_BtnLink1:hover,#HD_BtnLink1SMnu:hover,#HD_BtnLink2:hover						{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity:0.80;
}
#HD_BtnLink2,#HDMB_MenuLink2{
	width:110px;
	background-color:#ffffff;
	color:#014378;
	border-color:#014378;
	border-style:solid;
	border-width:1px;
}

#HDMB_MenuLink,#HDMB_MenuLink2{
	display: none;
	width:17vw;
	height:calc(34 * 45vw / 170);/* iphone SEでの横幅170pxを45vwと定義し縦方向は横幅の比率で処理する　ここでの24がiphone SEでの縦24pxとする*/
	line-height:calc(25 * 45vw / 170);/*微調整の為heightと違う*/
	line-height:110%;
	margin:calc(7 * 45vw / 170) 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-radius:calc((3 * 45vw / 170));
	font-size:2.8vw;
	font-weight:500;
	box-shadow: none;;
}
#HDMB_MenuLink,#HDMB_MenuLink2{
	width:20vw;
	height:calc(29 * 45vw / 170);
	height:calc(35 * 45vw / 170);
	line-height:calc(29 * 45vw / 170);
	line-height:calc(35 * 45vw / 170);
	padding: 0px calc(10 * 45vw / 170) 0px 0px;
}

#HD_BtnLink1:before,#HD_BtnLink1SMnu:before,#HD_BtnLink2:before,#HDMB_MenuLink:before,#HDMB_MenuLink2:before{
    content: "";
    position: absolute;
    box-sizing: border-box;
	width:calc(10 * 45vw / 170);
	height:calc(10 * 45vw / 170);
	border-radius:50%;
	background-color:#ffffff;
	right:calc(5 * 45vw / 170);
	top:calc(50% - (10 * 45vw / 170 / 2));
}
#HD_BtnLink1:before,#HD_BtnLink1SMnu:before,#HD_BtnLink2:before,#HDMB_MenuLink2:before{
    content: "";
    position: absolute;
    box-sizing: border-box;
	width:11px;
	height:11px;
	border-radius:50%;
	background-color:#ffffff;
	right:5px;
	top:calc(50% - (10px / 2) + 0px);
}

#HD_BtnLink1:after,#HD_BtnLink1SMnu:after,#HD_BtnLink2:after,#HDMB_MenuLink:after,#HDMB_MenuLink2:after{
    content: "";
    position: absolute;
    box-sizing: border-box;
	width:calc(4.0 * 45vw / 170);
	height:calc(4.0 * 45vw / 170);
	border-top: solid 2px #004478;
	border-right:solid 2px #004478;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	right:calc(8 * 45vw / 170);
	top:calc(50% - (4.0 * 45vw / 170 / 2));

}
#HDMB_MenuLink:after,#HDMB_MenuLink2:after{border-width:1px;}
#HD_BtnLink1:after,#HD_BtnLink1SMnu:after{
	width:5px;
	height:5px;
	right:8px;
	top:calc(50% - (7.77px) + 6px);
	
}
#HD_BtnLink2:before,#HDMB_MenuLink2:before{background-color:#014378;}
#HD_BtnLink2:after,#HDMB_MenuLink2:after{border-color:#ffffff;}
#HDMB_MenuLink{margin-left:auto;margin-right:calc(5 * 45vw / 170);}

#HDMB_Menu{width:12vw;padding:0px;}
#HDMB_Menu_Bar1,#HDMB_Menu_Bar2,#HDMB_Menu_Bar3{
    position: relative;
	display: block;
	width:calc(18 * 45vw / 170);
	height:calc(2 * 45vw / 170);
	background-color:#000000;
	margin:calc(3 * 45vw / 170) auto 0px auto;
}
#HDMB_Menu_Bar1{margin-top:calc((34 - 2 * 3 - 3 * 2) / 2 * 45vw / 170);}

/******* PC navi **********/
#NV_Frm {
 	z-index:49;
	top:55px;
	top:65px;
   	position: fixed;
	display: block;
	width:100%;
	min-width:1000px;
	height:40px;
	line-height:39px;
	margin: 55px auto 0px auto;
	margin: 65px auto 0px auto;
	margin: 0px auto 0px auto;
	background-color:#ffffff;
	background-color:#f8f8f8;
	padding:0px calc((100% - 1000px) / 2) 0px calc((100% - 1000px) / 2);
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#cccccc #000000 #cccccc #000000;
	font-size:10pt;
	font-size:13px;
	box-sizing: border-box;
	transition:0.3s;

}
.head-animation {
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 	transform: translateY(-100%);
}
#NV_Frm H1,#NV_Frm H2,#home{
	float:right;
    position: relative;
	display: block;
	width:135px;
	height:39px;
	line-height:39px;
	margin:0px;
	padding:0px 0px 0px 28px;
	padding:0px 0px 0px 18px;
	background-size:135px auto;
	background-image : url("../img/nav_tchrecruit.gif"); 
	font-size:10pt;
	font-size:13px;
	font-weight:400;
	box-sizing: border-box;
	text-align:center;
}
#NV_Frm H1 a,#NV_Frm H2 a,#home a{
    position: relative;
	display: block;
	color:#757575;

}

#NV_Frm img{
	float:left;
    position: relative;
	display: block;
	width:20px;
	height:20px;
	margin:9px 0px 9px 0px;
	padding: 0px;
	border-style:none;
}
#NV_Frm_ul,#NV_FrmPCOnly_ul{
 	float:left;
	position: relative;
	display:inline-block;
	text-align: center;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding: 0px;
	letter-spacing:0px;
	letter-spacing:-1em;
}
#NV_Frm_ul li,#NV_FrmPCOnly_ul li{
    position: relative;
	display: inline-block;
	padding:0px;
	margin:0px 0px 0px 15px;
	text-decoration: none;
	letter-spacing:0px;
}
#NV_FrmPCOnly_ul{margin:0px 10px 0px 20px;}

#NV_Frm_ul li a,#NV_FrmPCOnly_ul li a{
	position: relative;
	display: block;
	line-height:100%;
	text-align:center;
	margin:0px;
	padding:0px 2px 0px 2px;
	box-sizing: border-box;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#aaaaaa;
	font-weight:400;
	color:#757575;
	letter-spacing:0px;

}
#NV_Frm_ul li a:hover,#NV_FrmPCOnly_ul li a:hover,#NV_Frm H1 a:hover,#NV_Frm H2 a:hover,#home a:hover{color:#dd0000;}


/************* PAN ****************/
#NVMB_Ln,#NV_Ln {
    position: relative;
	display: block;
	width:1000px;
	min-width:1000px;
/*	padding:0px calc((100% - 1000px) / 2) 0px calc((100% - 1000px) / 2);
*/
	margin: 0px auto 0px auto;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#dddddd #000000 #bbbbbb #000000;
	overflow:hidden;
	box-sizing: border-box;

}
#NVMB_Ln{display: none;}
#NV_Ln ul {
	position: relative;
	display:block;
	width:1000px;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding: 0px;
	letter-spacing:0px;
	letter-spacing:-1em;
}
#NV_Ln ul li{
    position: relative;
	display: inline-block;
	padding:0px;
	margin:0px 0px 0px 15px;
	text-decoration: none;
	letter-spacing:0px;
}

.NV_panTop,.NV_panTopOnly,.NV_pan{
   position: relative;
	display:inline-block;
	font-size:9pt;
	margin:0px 5px 0px 0px;
	font-weight:400;
}
.NV_panTop,.NV_panTopOnly{margin-left:-15px;}
.NV_pan:before{
	display:inline-block;
	content: "";
	position: absolute;
	top: 1px;
	top: 8px;
	left: -18px;
	width: 7px;
	height: 7px;
	margin: 0px 0 0 0;
	border-top: solid 1px #222222;
	border-right:solid 1px #222222;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.NV_panTopOnly:after{
	display:inline-block;
	content: "";
	position: absolute;
	top: 1px;
	top: 8px;
	right: -10px;
	width: 7px;
	height: 7px;
	margin: 0px 0 0 0;
	border-top: solid 1px #222222;
	border-right:solid 1px #222222;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.HDMB_HeadSp {
    position: relative;
	width:100%;
	margin:0px auto 0px auto;
}



/****************************************
モバイル　スマホ
****************************************/
@media screen and (max-width:480px) , screen and (max-height:480px){

#HD_Frm,#HD_Frm2,#HD_Frm_Min {
	position:fixed;
	height:75px;
	height:calc(75 * 45vw / 170);
	height:calc(80 * 45vw / 170);
	padding:0px;
	min-width:0px;
	margin:0px;
	background-color:#ffffff;

}
#HD_Frm2,.HD_Frm_Shadow{
	box-shadow: 0px 1px calc(5 * 45vw / 170) 0px #dddddd;
}
#HD_Frm2{height:calc(50 * 45vw / 170);}
#NVMB_Ln{
	position:fixed;
	display: block;
	top:45px;
	height:30px;
	margin: 0px auto 0px auto;
	padding:3px 0px 0px 5px;
	background-color:#ffffff;
	border-style:solid;
	border-width:1px 0px 2px 0px;
	border-color:#dddddd #000000 #bbbbbb #000000;
	z-index:20;
}

#HD_FrmL{
	align-items:center;
	width:100%;
	height:40px;
	height:calc(50 * 45vw / 170);
	margin:0px;
	background-color:#ffffff;
	box-sizing: border-box;

}
#HD_FrmL ul{display: none;}
#HD_h1 {display: none;}
#HD_FrmL H2{margin:0px 0px 0px 0px;}
#NV_Ln {display: none;}
#HD_BtnLink1,#HD_BtnLink1SMnu,#HD_BtnLink2{display: none;}
#HDMB_MenuLink{display:block;}
#HDMB_Menu,#HDMB_MenuMnt{display: block;}
#HDMB_Menu,#HDMB_MenuMnt					{background-color:#ffffff;}
#HDMB_MenuMnt{margin-left:auto;}
#HDMB_Frm{display: block;width:100%;padding:0px;}
#HDMB_Frm{display: none;}:
#HDMB_Frm ul{width:100%;padding:0px;margin:0px;}
#HDMB_Frm ul li{
	padding:0px;
	width:25%;
	margin: 0px -0.25em 0px -0.25em;
	text-align:center;
}
#NV_Frm{
	margin:0px auto 0px auto;	;/* iphone seなら45px */
	min-width:0px;
	font-size:10pt;
	top:calc(80 * 45vw / 170);/* iphone seなら45px */
display:none;

}
#HD_Frm_Space{height:calc(80 * 45vw / 170 + 40px);}
#HD_Frm_Space2{height:calc(50 * 45vw / 170);}
#NV_Frm H1,#NV_Frm H2,#NV_Frm_Input H1,#NV_Frm_Input H2,#home {
	width:125px;
	font-size:10pt;
}
#NV_FrmPCOnly_ul{display: none;}
#NV_Frm img{margin:9px 0px 9px 5px;}
#NV_Frm_ul li{margin:0px 0px 0px 8px;}

#HD_logo{
	width:53.5vw;
	width:42.5vw;
	height:calc(29.2 * 45vw / 170);
	height:calc(28.3 * 45vw / 170);
	height:calc(26.3 * 45vw / 170);
	background-size:48.2vw auto;
	background-size:48.0vw auto;
	background-size:54.0vw auto;
	background-size:50.0vw auto;
	margin: 0px 0vw 0px 1.5vw;
	margin: 0px 0vw 0px 3vw;
	background-image : url("../img/btn/sp_2023HeadTitle01.webp"); 
}

.NV_pan:before {
	display:inline-block;
	content: "";
	position: absolute;
	top: 1px;
	top: 6px;
	left: -18px;
	width: 7px;
	height: 7px;
	margin: 0px 0 0 0;
	border-top: solid 1px #222222;
	border-right:solid 1px #222222;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}


.HD_Deco_Box:before{
	width:21vw;
	height:calc(18 * 45vw / 170);
	border-style:solid;
	border-width:1px;
	margin:calc(1.8 * 45vw / 170) 0px 0px -10.9vw;
}
.HD_Deco_Box:after{
	
	width:calc(6 * 45vw / 170);
	height:calc(6 * 45vw / 170);
	border-radius:calc(3 * 45vw / 170);
	margin:calc(-27 * 45vw / 170) 0px 0px calc(38 * 45vw / 170);

}
.HD_SpecBox{
	font-weight:700;
	color:#666666;
}
#HDMB_MenuLink2{display: block;}

/****************************************
モバイル　スマホエンド
****************************************/
}