body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#G-nav02{
	width: 100%;
	max-width: 1078px;
	margin: 0 auto;
	text-align: right;
	padding-top: 20px;
}
#G-nav02 nav ul li{
	display: block;
	float: right;
	margin-right: 5%;
    font-size: 0.9vw;
}

#G-nav02 nav ul li:first-child{
	margin-right: 2.3%;
}
#G-nav02 nav ul li a:hover{
	opacity: 1.0;
	color: #151a8b;
}

.under-line-on a{
	color: #151a8b;
  position: relative;
}
.under-line-on a:before{
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #151a8b;
  width: 100%;
}

.under-line{
  position: relative;
}

.under-line:before{
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #151a8b;
  transition: 0.4s;
}

.under-line:hover:before{
  width: 100%;
}

/*メイン画像*/
#main-image{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding-top: 20px;
}

/****/
section{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	font-size: 16px;
}
/****お知らせ****/
#T-box01 h2{
	max-width: 410px;
	height: 36px;
	margin: 0 auto;
	background: url(../img/top/title-01.svg) no-repeat left  top;
	margin-top: 50px;
	margin-bottom: 30px;
}
#T-box01 ul{
	width: 96%;
	max-width: 960px;
	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: 20.8%;
	max-width: 200px;
	float: left;
	margin-right: 3%;
}
#T-box01  ul li a dl dd{
	width: 69.3%;
	max-width: 670px;
	float: left;
}
#T-box01  ul li a dl.news dt{
	background: url(../img/top/news-icon.png) no-repeat right center/contain;
}
#T-box01  ul li a dl.blog dt{
	background: url(../img/top/blog-icon.png) no-repeat right center/contain;
}

ul#T-NB-list{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	margin-top: 20px;
}
ul#T-NB-list li{
	display: block;
	float: right;
	margin-left: 45px;
}
/****人第一主義のシステムを追求して****/
#T-box02{
	width: 83.3%;
	max-width: 900px;
	background: url(../img/top/cont-2-bg01.png) no-repeat center center/contain;
	margin: 0 auto;
	padding-top: 2.5%;
	margin-top: 65px;
	padding-bottom: 6%;

}
#T-box02 h2{
	width: 80%;
	max-width: 640px;
	height: 51px;
	margin: 0 auto;
	background: url(../img/top/title-02.svg) no-repeat left top;
	margin-top: 40px;
	margin-bottom: 50px;
}
#T-box02 p{
	width: 84.4%;
	max-width: 760px;
	margin: 0 auto;
	letter-spacing: -0.02em;
	line-height: 1.9em;
}
#T-box02 #btn01{
	width: 67.5%;
	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;
}
#T-box02 #btn01 span{
	display: block;
	width: 47.4%;
	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;
}

/*HOUPSS Skepo NUPLA*/
#T-box03{
	margin-top: 115px;
	width: 100%;
	max-width: 1080px;
}
#T-box03 ul li{
	width: 33.333%;
	max-width: 360px;
	display: block;
	color: #FFF;
	float: left;
}
#T-box03 ul li dl{
	margin: 20px;
}
#T-box03 ul li dl dt{
	border-bottom: 2px solid #FFF;
	text-align: center;
	font-size: 20px;
	padding-bottom: 5px;
	padding-top: 35%;
}
#T-box03 ul li dl dd{
	text-align: justify;
	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.png) no-repeat left top/contain;
}
#T-box03 ul li#HOUPSS dl dd a.btn02{
	width: 65.5%;
	margin: 0 auto;
	background: url(../img/top/btn02.svg) no-repeat left top/contain;
	line-height: 2.2em;
}
#T-box03 ul li#Skepo{
	background: #f0831e;
}
#T-box03 ul li#Skepo dl{
	background: url(../img/top/cont-3-bg02.png) no-repeat left top/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;
}
#T-box03 ul li#NUPLA{
	background: #00ae7f;
}
#T-box03 ul li#NUPLA dl{
	background: url(../img/top/cont-3-bg03.png) no-repeat left top/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;
}


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



/*************/
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
    
/**/
#G-nav02 nav ul li{
     font-size: 12px;
}
/**/
/*#T-box02{
	max-width: 900px;
	background: url(../img/top/cont-2-bg01.png) no-repeat left top;

}
*/


}

/*************/
@media screen and (max-width:880px) {
    /*　画面サイズが880px以下はここを読み込む　*/
/*お知らせ*/
#T-box01  ul li a dl dt{
	width: 13%;
	float: left;
	margin-right: 5%;
}

#T-box01  ul li a dl.news dt{
	background: url(../img/top/news-icon.png) no-repeat left bottom;
	padding-bottom: 26px;
}
#T-box01  ul li a dl.blog dt{
	background: url(../img/top/blog-icon.png) no-repeat left bottom;
	padding-bottom: 26px;
}

/****人第一主義のシステムを追求して****/
#T-box02{
	margin-top: 20px;

}

#T-box02 h2{
	margin-top: 30px;
	margin-bottom: 40px;
}
#T-box02 #btn01{
	margin-top: 2%;
}

 
}