@charset "utf-8";
/* CSS Document */




/***********************
TOP 
************************/
#headContent div.free article section div.top_img{
	margin:auto;
	} 


#headContent div.free article section div.top_img img{
	max-height:1200px;
	width:100%;
	height:auto;} 

#headContent div.free div.top_text_rap{
	max-width:1200px;
	width:100%;
	margin:auto;
	text-align:center;
	background:#ffe100;
	padding:1%;
	font-size:16px;
	font-size:16rem;}

/***********************
contents
************************/

#headContent div.free div.contents_rap{
	max-width:980px;
	width:100%;
	background:#fff;
	margin:0 auto;
	padding:4% 1.5% 5%;}

#headContent div.free div.contents_rap{
zoom:1;
}

#headContent div.free div.contents_rap:after
{
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/*******************
left-contents
********************/

#headContent div.free div.contents_rap div.content_left{
	max-width:300px;
	width:30%;
	height:auto;
	float:left;
}

#headContent div.free div.contents_rap div.content_left dl{
}


#headContent div.free div.contents_rap div.content_left dl dt img{
	max-width:300px;
	width:100%;
}



/****
1番目
****/
#headContent div.free div.contents_rap div.content_left dl:nth-child(1){
	}

#headContent div.free div.contents_rap div.content_left dl:nth-child(1) dt{}
/*
#headContent div.free div.contents_rap div.content_left dl:nth-child(1) dt img{
	max-width:300px;
	width:100%;
	height:auto;
	}*/


#headContent div.free div.contents_rap div.content_left dl dt p{
	text-align:center;
	font-size:16px;
	font-size:16rem;
	margin:2% auto;}

#headContent div.free div.contents_rap div.content_left dl dt p span{
	font-size:24px;
	font-size:24rem;	}

#headContent div.free div.contents_rap div.content_left dl dd p{
	margin-bottom:5%;}


#headContent div.free div.contents_rap div.content_left dl:nth-child(1) dt p{
	color:#e5007f;}

#headContent div.free div.contents_rap div.content_left dl:nth-child(1) dt p span{}

#headContent div.free div.contents_rap div.content_left dl:nth-child(1) dd{}

/****
2番目
****/
#headContent div.free div.contents_rap div.content_left dl:nth-child(2) dt p{
	color:#ea5504;}

/****
3番目
****/
#headContent div.free div.contents_rap div.content_left dl:nth-child(3) dt p{
	color:#004ea2;}


/****
4番目
****/
#headContent div.free div.contents_rap div.content_left dl:nth-child(4) dt p{
	color:#2c893a;}

/*******************
right-contents
********************/

#headContent div.free div.contents_rap div.content_right{
	float:right;
	margin-right:2%;
	max-width:580px;
	width:60%;}




#headContent div.free div.contents_rap div.content_right h2{
	border-top:1px solid #d42f02;
	border-bottom:1px solid #d42f02;
	font-size:28px;
	font-size:28rem;
	color:#d42f02;
	margin-top:4%;
}

#headContent div.free div.contents_rap div.content_right h2:nth-child(1){
	margin-top:0%;}



#headContent div.free div.contents_rap div.content_right dl{}

#headContent div.free div.contents_rap div.content_right dl dt{
	font-size:20px;
	font-size:20rem;
	font-weight:bold;
	padding:3% 0;}

#headContent div.free div.contents_rap div.content_right dl dd{}


#headContent div.free div.contents_rap div.content_right dl dd .name_m{color:#e5007f;}

#headContent div.free div.contents_rap div.content_right dl dd .name_s{color:#ea5504;}

#headContent div.free div.contents_rap div.content_right dl dd .name_k{color:#004ea2;}

#headContent div.free div.contents_rap div.content_right dl dd .name_i{color:#004ea2;}

/******************
 応募ぼたん
******************/
.btn_rap{
	clear:both;
	margin:3% auto 0;
	padding:3% 0 0;
	max-width:980px;}


#headContent div.free div.contents_rap div.sct_btn,
#headContent div.free div.contents_rap div.oubo_btn{
	font-size:24px;	
	font-size:24rem;
	max-width:680px;
	width:100%;
	height:auto;
	margin:0 auto 2%;
	}
	
	
#headContent div.free div.contents_rap div.sct_btn a,
#headContent div.free div.contents_rap div.oubo_btn a{
	border-radius:25px;
	display:block;
	padding:2%;
	text-align:center;
	box-shadow: 0.5px 1.5px #ccc;	}
	
#headContent div.free div.contents_rap div.oubo_btn a{
	background:#ffe100;}		
			
	
#headContent div.free div.contents_rap div.oubo_btn a:hover{
opacity:0.65;
filter:alpha(opacity=65);
-ms-filter: "alpha( opacity=65 )";
      -webkit-transition: 0.65s ease-in-out;
       -moz-transition: 0.65s ease-in-out;
         -o-transition: 0.65s ease-in-out;
            transition: 0.65s ease-in-out;	
	text-decoration:none !important;}
#headContent div.free div.contents_rap div.oubo_btn a:active,
#headContent div.free div.contents_rap div.oubo_btn a:visited,
#headContent div.free div.contents_rap div.oubo_btn a:link{
	color:#000!important;
	text-decoration:none !important;
	}


#headContent div.free div.contents_rap div.sct_btn a{
background:#d42f02;
	}

#headContent div.free div.contents_rap div.oubo_btn a:link{
	text-decoration:none !important;}	
	

#headContent div.free div.contents_rap div.sct_btn a:hover{
opacity:0.65;
filter:alpha(opacity=65);
-ms-filter: "alpha( opacity=65 )";
      -webkit-transition: 0.65s ease-in-out;
       -moz-transition: 0.65s ease-in-out;
         -o-transition: 0.65s ease-in-out;
            transition: 0.65s ease-in-out;
	text-decoration:none !important;				}
#headContent div.free div.contents_rap div.sct_btn a:active,
#headContent div.free div.contents_rap div.sct_btn a:visited,
#headContent div.free div.contents_rap div.sct_btn a:link{
	color:#fff!important;
	text-decoration:none !important;
	}
	





	
/*************
スマホ
*************/	

/*********************************
SMART PHONE用Style
*********************************/
@media screen and (max-width: 670px) {
	
#headContent div.free div.contents_rap div.content_right,	
#headContent div.free div.contents_rap div.content_left{
	float:none;
	max-width:670px;
	width:100%;	
	}
	

#headContent div.free div.contents_rap div.content_left{
	max-width:670px;
	width:100%;}

#headContent div.free div.contents_rap div.content_right{}





#headContent div.free div.contents_rap div.content_left dl{
	display:inline-block;
	width:49%;
	vertical-align:top;}
	
#headContent div.free div.contents_rap div.content_left dl dt p{
	display:table;}	


#headContent div.free div.contents_rap div.content_left dl:nth-child(4) dt p,
#headContent div.free div.contents_rap div.content_left dl:nth-child(3) dt p,
#headContent div.free div.contents_rap div.content_left dl:nth-child(2) dt p{
	/*padding-bottom:15%;*/}




	
#headContent div.free div.contents_rap div.content_left dl dt p span{
	display:block;}	

}