@charset "utf-8";


/**************************************************
 mainVisual
**************************************************/
#mainVisual{
	position: relative;
	height: 450px;
	background-color: #FFFFFF;
}

#mainVisual ul{
	position: absolute;
	width: 100%;
	height: 450px;
}

#mainVisual ul li{
	width: calc(100% - 450px);
	height: 450px;
	margin: 0 0 0 450px;
	position: absolute;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#mainVisual ul li:nth-child(1){
	background: url(../img/top/visual1.jpg) no-repeat center center;
	background-size: cover;
}

#mainVisual ul li:nth-child(2){
	background: url(../img/top/visual2.jpg) no-repeat center center;
	background-size: cover;
}

#mainVisual ul li:nth-child(3){
	background: url(../img/top/visual3.jpg) no-repeat center center;
	background-size: cover;
}

#mainVisual ul li img{display: none;}

#copyHanger{
	position: absolute;
	width: 600px;
	height: 450px;
	background: url(../img/top/copy_bg.png) no-repeat 0 0;
	padding: 150px 0 0 50px;
	z-index: 10;
}


/**************************************************
 pickUp
**************************************************/
#pickUp ul{}

#pickUp ul li{
	display: inline-block;
	width: calc(100% / 3);
	text-align: center;
/*********	font-size: 20px ; *********/
	font-size: 1.9rem;
}


#pickUp ul li a{
	display: block;
	height: 180px;
/*********	padding: 78px 0 0 0; *********/
	padding: 65px 0 0 0;
	color: #FFFFFF;
	background-color: #0080FF;
/*********	↓二行にしたので追加 *********/
	line-height:27px;
}

#pickUp ul li a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#pickUp ul li:nth-child(2) a{background-color: #006DD9;}

/********
#pickUp ul li a span{
	padding-left: -34px;
	background: url(../img/top/pointer1.png) no-repeat left center;  
}
**********/

/**************************************************
 activityHanger
**************************************************/
.activityHanger{
	display: inline-block;
	vertical-align: top;
	width: 470px;
	height: 140px;
	margin: 25px 0;
}

.activityHanger:nth-child(3),
.activityHanger:nth-child(5){margin: 25px 50px 0 0;}

.activityHanger a{
	display: block;
	border: 3px solid #E4EFF5;
	background: url(../img/pointer1.png) no-repeat 445px center #E4EFF5;
	color: #222222;
}

.activityHanger a:hover{
	border: 3px solid #0080FF;
	color: #006CD8;
}

.activityHanger a dl dt{display: table-cell;}

.activityHanger a dl dd{
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 0 30px 0 20px;
}


/**************************************************
 news
**************************************************/
#news{padding: 0 0 30px 0;}

#newsWrapper{
	height: 500px;
	overflow: auto;
	margin: 40px 0 0 0;
}

#news dl{
	margin: 40px 0 0 0;
	font-size: 16px;
	font-size: 1.6rem;
}

#news dl:nth-child(1){margin: 0;}

#news dl dt{color: #006CD8;}

#news dl dd{
	line-height: 1.5;
	padding: 8px 0 0 0;
}

#news dl dd a{
	color: #59B200;
	text-decoration: underline;
}

#news dl dd a:hover{
	color: #BBBBBB;
	text-decoration: none;
}


/**************************************************
 internal
**************************************************/
#internal{padding: 0 0 20px 0;}

#internal ul li{
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin: 45px 0 0 0;
	font-size: 16px;
	font-size: 1.6rem;
}

#internal ul li:nth-child(3n+2){margin: 45px 45px 0 45px;}

#internal ul li a{
	display: block;
	border: 3px solid #E4EFF5;
	color: #222222;
	padding: 20px 25px 18px 15px;
	background: url(../img/pointer2.png) no-repeat 280px center;
}

#internal ul li a:hover{
	border: 3px solid #0080FF;
	color: #006CD8;
}



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

/***** mainVisual ********************/
#mainVisual{
	position: relative;
	height: 100vw;
}

#mainVisual ul{
	width: 100%;
	height: 100vw;
}

#mainVisual ul li{
	width: 100%;
	height: 100vw;
	margin: 0;
}

#copyHanger{
	width: 100%;
	height: 100vw;
	background: url(../img/top/copy2.png) no-repeat center center;
	background-size: 60%;
	padding: 0;
}
	
#copyHanger img{display: none;}
	
	
/***** pickUp ********************/
#pickUp ul li{
	font-size: 17px;
	font-size: 1.7rem;
}

#pickUp ul li a{
	height: 100%;
	padding: 25px 10px;
}

#pickUp ul li a span{
	padding-left: 24px;
	background-size: 16px 16px;
}
	

/***** activityHanger ********************/
.activityHanger{
	display: block;
	width: 100%;
	height: 100%;
	margin: 15px 0 0 0;
}

.activityHanger:nth-child(3),
.activityHanger:nth-child(5){margin: 15px 0 0 0;}
	
.activityHanger a{background: url(../img/pointer1.png) no-repeat 97% center #E4EFF5;}
	
.activityHanger a dl dt{width: 25%;}

.activityHanger a dl dt img{width: 100%;}

.activityHanger a dl dd{
	font-size: 17px;
	font-size: 1.7rem;
	padding: 0 25px 0 15px;
	line-height: 1.5;
}


/***** news ********************/
#news{padding: 0;}

#news dl{
	margin: 20px 0 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}


/***** internal ********************/
#internal{padding: 0 0 20px 0;}
	
#internal ul{padding: 20px 0 0 0;}

#internal ul li{
	width: calc(50% - 5px);
	margin: 10px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
}

#internal ul li:nth-child(3n+2){margin: 10px 0 0 0;}
	
#internal ul li:nth-child(2n){margin: 10px 0 0 10px;}

#internal ul li a{
	display: block;
	border: 3px solid #E4EFF5;
	color: #222222;
	padding: 15px 20px 13px 5px;
	background: url(../img/pointer2.png) no-repeat 97% center;
}

#internal ul li a:hover{
	border: 3px solid #0080FF;
	color: #006CD8;
}


}