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;
		background-size:cover;
		position: relative;
		margin-bottom: 3em;
	}
	#headarea {
		width:880px;
		height:auto;
		margin: 0 auto;
		padding-bottom: 3em;

	}
	#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;
	}

/*----------- pre - MAIN-------------*/

	#pre h2 {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width:700px;
		margin: 0.5em auto 2em auto;
	}
	#pre p {
		margin-bottom: 2em;
	}
	#pre ul {
		width:1100px;
		margin: 0 auto;
		display: flex;
		flex-wrap:wrap;
		justify-content:space-between;
		list-style-type: none;
	}
	#pre ul li {
		margin-bottom: 1em;
		list-style-type: none;
	}
	#toformlink {
		text-align: center;
	}
	#toformlink a:hover {
		opacity: 0.8;
	}
	
/*----------- present- MAIN-------------*/

	#present h2 {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width:700px;
		margin: 0.5em auto 2em auto;
	}
	#present p {
		margin-bottom: 2em;
	}
	#present ul {
		width:1100px;
		margin: 0 auto;
		display: flex;
		flex-wrap:wrap;
		list-style-type: none;
		justify-content:center ;
	}
	#present ul li {
		margin-bottom: 1em;
		list-style-type: none;
	}
	#present ul li img {
		width:100%;
		margin: 0 auto;
	}

/*----------- 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.midokoro { line-height: 1.5;}

	.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%;}

	
	#spp_photo {
		width:1100px;
		margin: 2em auto 1em auto;
		display: flex;
		flex-wrap:wrap;
		justify-content:center;
	
}
	#spp_photo img {
		width:210px;
		margin: 0 5px 1em;
	}
	
	
	}



/**************** 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;
	}

	
	/*----------- pre - MAIN-------------*/
#pre h2 {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width:100%;
		margin: 0.5em auto 2em auto;
	}
	
	#pre p {
		margin-bottom: 2em;
	}
	#pre ul {
		width:100%;
		margin: 0 auto;
		display: inline-block;
		list-style-type: none;
	}
	#pre ul li {
		width:100%;
		margin-bottom: 1em;
		list-style-type: none;
	}
	#pre ul li img {
		width: 100%;
	}
	#toformlink {
		text-align: center;
	}
	#toformlink img {
		width:90%;
	}

	/*----------- present- MAIN-------------*/

	#present h2 {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin: 0.5em auto 2em auto;
	}
	#present p {
		margin-bottom: 2em;
	}
	#present ul {
		width:100%;
		margin: 0 auto;
		display:inherit;
	}
	#present ul li {
		margin-bottom: 1em;
		list-style-type: none;
		text-align: center;
	}
	#present ul li img {
		width:90%;
		margin: 0 0.3em;
	}
	
	
/*----------- 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;
	}
	
		
	#spp_photo {
		width:100%;
		margin: 2em auto 1em auto;
		display:inherit;
		justify-content:center;
}
	#spp_photo img {
		width:100%;
		margin: 0 5px 1em;
	}
	

}