body {
	background-color: #393939;
	color: #fff;
	}

/**************** PC ****************/

@media only screen and (min-width:751px){
	

/*-----------#header-------------*/
	#header {
		width:100%;
		height:auto;
		background:url(../img/bg.jpg) center top repeat-x;
		position: relative;
		margin-bottom: 3em;
	}
	#headarea {
		width:880px;
		height:auto;
		margin: 0 auto;

	}
	#headarea h1 {
		text-align: center;
		margin-bottom: 2em;
	}
	#headarea h1 span img {
		width:360px;
	}
	#headarea h2 {
		margin-bottom: 1.5em;
	}
	#headarea p {
		text-shadow:0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;
		padding-bottom: 3em;
	}



	
/*----------- SNS AREA-------------*/
	#sns {
		width:1100px;
		margin: 0 auto;
		
	}
	#sns ul {
		display: flex;
		justify-content:center;
		margin-bottom: 5em;
	}
	#sns ul li img {
		width:50px;
		margin: 0 1em;
	}

	
/*----------- MAIN AREA-------------*/
	#main {
	}
	#main h1,
	#main h2 {
		text-align: center;
	}
	#main h1.subtitle {
		margin-bottom:50px;
	}

	

	
/*----------- Apply - MAIN-------------*/

	.apply {margin-bottom:10em;}
	.apply h1.subtitle {
		margin-bottom:60px;
	}
	.apply section {
		width:100%;
		background: url(../img/bg01.png) center top repeat;
		text-align: center;
		padding: 2em 0 1em;
	}
	
	.apply section h1,
	.apply section h2 {
		font-size:200%;
		font-weight: bold;
	}
	
	.apply section strong { color:rgba(255,253,0,1.00); vertical-align: baseline;}
	
	.apply section dl {
		width:950px;
		padding-left: 150px;
		margin: 0 auto 1em auto;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
  align-items: baseline;
	}
	.apply section dt { width: 150px; text-align: center; background-color: #000; color: #fff; padding-bottom: 0.2em;}
	.apply section dd { width:780px; text-align: left; line-height: 1.2;}

	.apply section dd img { margin-right: 1em; width:200px;vertical-align: top;}
	
	.apply ul {
		width:1000px;
		margin: 0 auto 2em;
		text-align: left;
	}
	.apply ul li {
		list-style-type: circle;
		list-style-position:outside;
	}
	.apply span { font-size: 80%;}

	
	.applybtn {
		text-align:center;
		padding-bottom: 5em;
	}
	.applybtn a:hover {
		opacity: 0.8;
	}
	
	
	
}



/**************** MOBILE ****************/

/* モニター幅750px以下 */

/**************** MOBILE ****************/

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


/*-----------#header-------------*/
	#header {
		width:100%;
		height:auto;
		background:url(../img/bg.jpg) center top repeat-x;
		position: relative;
		margin-bottom: 3em;
	}
	#headarea {
		width:100%;
		height:auto;
		margin: 0 auto;

	}
	#headarea h1 {
		text-align: center;
		margin-bottom: 1em;
	}
	#headarea h1 span img {
		width:80%;
	}
	#headarea h2 {
		margin-bottom: 1em;
	}
	#headarea h2 img {
		width:100%;
	}
	#headarea p {
		text-shadow:0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;
		padding-bottom: 3em;
	}



	
/*----------- SNS AREA-------------*/
	#sns {
		width:100%;
		margin: 0 auto;
		
	}
	#sns ul {
		display: flex;
		justify-content:center;
		margin-bottom: 5em;
	}
	#sns ul li img {
		width:50px;
		margin: 0 1em;
	}

	
/*----------- MAIN AREA-------------*/
	#main {
	}
	#main h1,
	#main h2 {
		text-align: center;
	}
	#main h1.subtitle {
		margin-bottom:5em;
	}

	

	
/*----------- Apply - MAIN-------------*/

	.apply {margin-bottom:10em;}
	.apply h1.subtitle {
		margin-bottom:60px;
	}
	.apply section {
		width:100%;
		background: url(../img/bg01.png) center top repeat;
		text-align: center;
		padding: 2em 0 1em;
	}
	
	.apply section h1,
	.apply section h2 {
		font-size:200%;
		font-weight: bold;
	}
	
	.apply section strong { color: #F30000;}
	
	.apply section dl {
		width:100%;
		padding-left: 0;
		margin: 0 auto 1.5em auto;
		display: block;
		justify-content:space-between;
		flex-wrap: wrap;
  align-items: baseline;
	}
	.apply section dt { width: 100%; text-align: center; background-color: #000; color: #fff; padding-bottom: 0.2em; margin-bottom: 0.5em}
	.apply section dd { width:100%; text-align: left; line-height: 1.2;}

	.apply section dd img { margin-right: 1em; width:200px;vertical-align: top;}
	
	.apply ul {
		width:100%;
		margin: 0 auto 2em;
		text-align: left;
	}
	.apply ul li {
		list-style-type: circle;
		list-style-position:outside;
	}
	.apply span { font-size: 80%;}

	
	.applybtn {
		text-align:center;
		padding-bottom: 5em;
	}.applybtn img { width:90%;}
	.applybtn a:hover {
		opacity: 0.8;
	}
	
	
	

}