@charset "utf-8";

/* -----------------------------------------------------------------------
wrapper
------------------------------------------------------------------------- */

/*--------------------------------------------------------------------
  logo
---------------------------------------------------------------------*/
header .logo,
footer .logo{
    width:calc(277px / 2);
    height:calc(73px / 2);
}
footer .logo{
    width:calc(374px / 2);
    height:calc(100px / 2);
}
/*--------------------------------------------------------------------
   header
---------------------------------------------------------------------*/
#wrapper{padding-top: 55px;}
header{height:55px;}
header .logo{margin: auto auto auto 20px;}

/*--------------------------------------------------------------------
   footer
---------------------------------------------------------------------*/
footer{
	padding-left: 0;
	padding-right: 0;
}
/* ftrContact
-----------------------*/
#ftrContact a{
	border-radius:0;
	padding-top:0;
}
#ftrContact a::before{
	width: calc(253px / 2);
	padding-top:calc(332px /2 );
	margin-top: -40px;
	margin-left: -20px;
}
#ftrContact a::after{
	width:25px;
	height: 25px;
	margin-top: -13px;
	margin-right: 18px;
}
#ftrContact a .inner{
	padding:50px 30px;
	height: auto;
	display:block;
	position:static;
}
#ftrContact a .inner .tit{
	font-size: 3.6rem;
	margin-bottom: 10px;
}
#ftrContact a .inner .txt{font-size:1.3rem;}
#ftrContact a .inner .txt span{font-size: 1.5rem;}

/* ftrIn
-----------------------*/
#ftrIn{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 35px;
}
#ftrIn #ftrInR,
#ftrIn nav,
#ftrIn .ftrInfo,
footer .ftrBnr{
	width: auto;
	float: none;
}
footer nav {text-align:center;}
footer nav > ul,
footer nav dl{
	display: block;
	max-width: 20em;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
}
footer nav ul li{
	display:block;
	margin: 0;
	padding-bottom: 10px;
}
footer nav ul li a,
footer nav dl dt span{font-size: 1.4rem;}
footer nav >ul{overflow: hidden;}
footer nav >ul li{
	width: 50%;
	float: left;
}
footer .ftrBnr{
	width: 315px;
	max-width: 100%;
	margin: 30px auto 30px;
}

#ftrIn .ftrInfo .logo{margin: 0 auto 20px;}
#ftrIn .ftrInfo p{
	padding-top: 0;
	padding-bottom: 10px;
	text-align: center;
	font-size: 1.3rem;
}
#ftrIn .ftrInfo p span{font-size: 1.4rem;}

footer .copy{
	text-align:center;
	font-size:1rem;
	top:0;
}
/*--------------------------------------------------------------------
  h1
---------------------------------------------------------------------*/
#mainImage h1,
#mainTitle h1{
	width: 120%;
	transform: scale(0.6);
	right: -20%;
}
#mainImage h1{
	top: 10px;
	bottom: auto;
}
#mainTitle h1{top: 10px;}

/*--------------------------------------------------------------------
   mainTitle
---------------------------------------------------------------------*/
#mainTitle{padding-top:270px;}
#mainTitle::before{
	width:100%;
	max-width:100%;
	border-radius:0;
}
#mainTitle .inner{
	width:100%;
	max-width:100%;
	display:block;
}
#mainTitle .inner p{padding-left: 45px;}
#mainTitle .inner p.subtit{
	padding-top: 50px;
	padding-bottom: 15px;
	font-size: 3rem;
}
#mainTitle .inner p.pagetit{font-size: 	1.2rem;}

/*--news --*/
#mainTitle.news{padding-top: 50px;}
#mainTitle.news .inner p{padding-left: 0;}

/*--service--*/
#mainTitle.development_training .inner,
#mainTitle.career_consultant .inner,
#mainTitle.career_support .inner{
	top: 25%;
}
#mainTitle.development_training .inner p.subtit,
#mainTitle.career_consultant .inner p.subtit,
#mainTitle.career_support .inner p.subtit{
	padding-top: 0;
	font-size: 2rem;
}
#mainTitle.development_training .inner p.pagetit,
#mainTitle.career_consultant .inner p.pagetit,
#mainTitle.career_support .inner p.pagetit{font-size: 3rem;}

@media screen and (max-width : 599px) {
	#mainTitle{padding-top:72%;}
	#mainTitle .inner p{padding-left: 10%;}
	#mainTitle .inner p.subtit{padding-top: 13.33%;}
}


/*--------------------------------------------------------------------
   container
---------------------------------------------------------------------*/
#container.toppage{padding-top:55px; padding-bottom: 50px;}
#container.second{padding-top: 55px; padding-bottom: 40px;}
#mainTitle.news + #container.second{padding-top: 40px;}

/* base
-----------------------*/
div[id="container"] p,
div[id="container"] li,
div[id="container"] dt,
div[id="container"] dd,
div[id="container"] th,
div[id="container"] td{
	font-size: 1.5rem;
	line-height: 2.2;
}