@media screen and (max-width:640px) {

header{
	border-bottom: 5px solid #1d2088;
}


#G-nav02{
	display: none;
}

#main-image{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding-top: 50%;
	margin-top: 90px;
	background: url(../img/top/main-image-smp.jpg) no-repeat left top/contain;
}
#main-image img{
	display: none;
}
#T-box01 ul{
	width: 96%;
	margin: 0 auto;
}
#T-box01 ul li{
	border-bottom: 1px solid #c8c8c8;
	cursor: pointer;
}
#T-box01 ul li:first-child{
	border-top: 1px solid #c8c8c8;
}
#T-box01 ul li a{
	display: block;
	cursor: pointer;
}
#T-box01 ul li a:hover{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
	background: #1d2088;
	color: #FFF;
	opacity: 1;
	cursor: pointer;
}
#T-box01  ul li a dl{
	padding: 18px 5% 18px 10px;
	background: url(../img/top/news-bg01_off.png) no-repeat right 2% center;
}
#T-box01  ul li a dl:hover{
	background: url(../img/top/news-bg01_on.png) no-repeat right 2% center;
}
#T-box01  ul li a dl dt{
	width: 100%;
	max-width: 180px;
	float: none;
	margin-right: 3%;
	padding-bottom: 0;
	margin-bottom: 0;
	height: 10px;
}
#T-box01  ul li a dl dd{
	width: 90%;
	max-width: 670px;
	float: none;
}
#T-box01  ul li a dl.news dt{
	background: url(../img/top/news-icon.png) no-repeat right top;
}
#T-box01  ul li a dl.blog dt{
	background: url(../img/top/blog-icon.png) no-repeat right top;
}
ul#T-NB-list{
	width: 279px;
	margin: 0 auto;
	margin-top: 20px;
}
ul#T-NB-list li:last-child{
	margin-left: 0;
}

/****人第一主義のシステムを追求して****/
#T-box02{
	width: 98%;
	max-width: 620px;
	background: none;
	margin: 0 auto;
	margin-top: 40px;
}
#T-box02 h2{
	width: 90%;
	max-width: 600px;
	height: 51px;
	margin: 0 auto;
	background: url(../img/top/title-02.svg) no-repeat left top;
	margin-top: 20px;
	margin-bottom: 25px;
}
#T-box02 p{
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}
#T-box02 #btn01{
	width: 90%;
	max-width: 608px;
	margin: 0 auto;
	margin-top: 20px;
	background: url(../img/top/cont-2-bg02.png) no-repeat left top/contain;
	padding-top: 12px;
	padding-bottom: 12px;
}


/*HOUPSS Skepo NUPLA*/
#T-box03{
	margin-top: 65px;
}
#T-box03 ul li{
	width: 90%;
	max-width: 640px;
	display: block;
	color: #FFF;
	float: none;
	padding: 0 5% 0 5%;
}
#T-box03 ul li dl{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 5%;
	
}
#T-box03 ul li dl dt{
	border-bottom: 2px solid #FFF;
	text-align: center;
	font-size: 2em;
	padding-bottom: 5px;
	padding-top: 42%;
}
#T-box03 ul li dl dd{
	text-align: justify;
	font-size: 1.4em;
	line-height: 1.7em;
/*	padding-top: 15px;*/
}
#T-box03 ul li#HOUPSS{
	background: #00b3d6;
}
#T-box03 ul li#HOUPSS dl{
	background: url(../img/top/cont-3-bg01-smp.png) no-repeat center top 10%/contain;
}
#T-box03 ul li#HOUPSS dl dd a.btn02{
	width: 75%;
	margin: 0 auto;
	background: url(../img/top/btn02.svg) no-repeat left top/contain;
	line-height: 2.2em;
	margin-top: 2%;
}
#T-box03 ul li#Skepo{
	background: #f0831e;
}
#T-box03 ul li#Skepo dl{
	background: url(../img/top/cont-3-bg02-smp.png) no-repeat left top 10%/contain;
}
#T-box03 ul li#Skepo dl dd a.btn02{
	width: 65.5%;
	margin: 0 auto;
	background: url(../img/top/btn03.svg) no-repeat left top/contain;
	line-height: 2.2em;
	margin-top: 2%;
}
#T-box03 ul li#NUPLA{
	background: #00ae7f;
}
#T-box03 ul li#NUPLA dl{
	background: url(../img/top/cont-3-bg03-smp.png) no-repeat left top 10%/contain;
}
#T-box03 ul li#NUPLA dl dd a.btn02{
	width: 65.5%;
	margin: 0 auto;
	background: url(../img/top/btn04.svg) no-repeat left top/contain;
	line-height: 2.2em;
	margin-top: 5%;
}

/* 積極採用中　*/
a#bnr{
	width: 100%;
	max-width: 640px;
	height: 355px;
	margin: 0 auto;
	background: url(../img/top/bnr01-smp.jpg) no-repeat left top/contain;
	margin-top: 85px;
}






}












@media screen and (max-width:480px) {

#main-image{
	margin-top: 80px;
}


#T-box02 h2{
	width: 100%;
	max-width: 444px;
	height: 100x;
	margin: 0 auto;
	background: url(../img/top/title-02-smp.svg) no-repeat center top/90%;
	padding-bottom: 7%;
	margin-top: 40px;
	margin-bottom: 20px;
}



#T-box02 #btn01{
	width: 80%;
	max-width: 320px;
	margin: 0 auto;
	margin-top: 20px;
	background: none;
	padding-top: 12px;
	padding-bottom: 12px;
}
#T-box02 #btn01 span{
	display: block;
	width: 100%;
	max-width: 288px;
	margin: 0 auto;
}
#T-box02 #btn01 span a{
	display: block;
	background: url(../img/top/btn01.svg) no-repeat left top/contain;
	padding-top: 50px;
}
#T-box02 #btn01 span a:hover{
	opacity: 1.0;
	background: url(../img/top/btn01-on.svg) no-repeat left top/contain;
}



#T-box03 ul li dl dt{
	border-bottom: 2px solid #FFF;
	text-align: center;
	font-size: 1.9em;
	padding-bottom: 5px;
	padding-top: 47%;
	letter-spacing: -0.05em;
}




}


@media screen and (max-width:360px) {
#T-box03 ul li dl dt{
	border-bottom: 2px solid #FFF;
	text-align: center;
	font-size: 1.7em;
	padding-bottom: 5px;
	padding-top: 52%;
}

}