@charset "utf-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html,body{
    width: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;} 
a img {border-style:none;//IE8}
img{max-width: 100%;}
a {color:#009AFF;text-decoration:none;	-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:link{color:#009AFF;}
a:visited{color:#009AFF;}
a:hover{color:#80D2FF;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top}
.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{	filter: alpha(opacity=60);	opacity: 0.6;}
.opcity{filter: alpha(opacity=50);opacity: 0.5;}
@media only screen and (max-width: 479px) {
	.fl,.fr {float: none;clear: both;}
}
.fz{font-size: 200%;}
.fz26{font-size: 26px;line-height:1.5;}
.cPink {color: #FF0088;}

/* Common
 * --------------------------------------------------------*/
body {
	letter-spacing: 1px;
	font:normal 15px/30px "じゅん 501","ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff url(../images/back.png) repeat;
	overflow-x: hidden;
}
/* wrapper */
.wrapper {
  	width: 800px;
	margin: 60px auto;
	background-color: #fff;
	border-radius: 20px;	
}


/* Each
 * --------------------------------------------------------*/
/* header */
#header {
	position: relative;
	text-align: center;
}
#header .logo{
/*  position: absolute;
  top: 30px;
  right: 272px;
  left: auto;*/
padding-top:20px;
margin-bottom: -10px;
	z-index: 9999;
	
}
#header div.hd_back {
	position: relative;
	background: url(../images/main.png) no-repeat 50% 0;
	background-size: 1138px auto;
	width: 100%;
	height: 1200px;
}
#header .yodogawa {
	padding-top: 763px;
	font-size: 20px;
	line-height: 41px;
}
#header .yodogawa .fz26{
	font-size: 30px;
}

/* contents */
#contents {
	text-align: center;
	padding: 20px;
}
#contents>h3{
	  margin-top: -40px;
}

/* box */
.box {
	background: url(../images/border.png) no-repeat;
	width: 604px;
	margin: 0 auto;
	text-align: left;
	padding: 30px 0 40px 0;
	line-height: 32px;
}
.box .photo {
	padding: 50px 0 60px 0;
}
.box .photo .cap{
	display: block;
	font-size: 13px;
	line-height: 24px;
	margin-bottom: -20px;
}

/* apply */
#apply {
	width: 600px;
	margin: 120px auto 30px auto;
	position: relative;
	border-radius: 20px;
	border: 4px solid #FF0088;
	padding: 40px 0;
}
#apply .ap_icon {
	position: absolute;
	top: -166px;
	left: 205px;
}
#apply h3 {
	padding: 20px 0;
}
#apply .att{
	width: 500px;
	margin: 0 auto;
	text-align: left;
}
#apply h4 {
	color: #F08;
	font-size: 18px;
	padding-bottom: 10px;
}
#apply .fz26 {
	display: block;
	color: #F08;
	font-family: "ゴシックMB101 U", "Gothic MB101 Ultra";
	padding: 10px 0;
}
#apply .term{
	width: 510px;
	margin: 30px auto;
}

#apply .term .term1{
	background: url(../images/term1.png) no-repeat;
	background-size: 506px auto;
}
#apply .term .term2{
	background: url(../images/term2.png) repeat-y;
	background-size: 506px auto;
	font-family: "ゴシックMB101 H", "Gothic MB101 Heavy";
	font-size: 24px;
	line-height: 46px;
	text-align: center;
	padding-top: 20px;
}
#apply .term .term3{
	background: url(../images/term3.png) no-repeat;
	background-size: 506px;
	height: 32px;
	
}
#apply .term .term2 p{
	color: #F08;
	font-size: 15px;
	width: 457px;
}

#apply .btn_apply{
	text-align: center;
	margin: -10px 0 40px 0;
}

/* conclude */
#conclude {
	width: 560px;
	margin: 0 auto;
	text-align: left;
}
#conclude p {
	padding-bottom: 20px;
}

/* footer */
#footer{
	background: url(../images/border.png) no-repeat;
	width: 602px;
	margin: 45px auto 0 auto;
	padding: 30px 0;
	text-align: center;
}
#footer li{ display: inline-block; }
#footer li + li{ margin-left: 52px; }
#footer li > a{ display: block; }
#footer .fb-like {padding: 30px 0;}
#footer .copy {font-size: 12px;}
#footer .fb-like {display: block;}

/* [smp] */

@media only screen and (max-width: 767px) {
	.wrapper{ width: 100%;}
	/* box */
	.box {
		width: 100%;
		background-size: 100%;
	}
	#apply {width: 96%;}
	#apply .ap_icon { left: 35%;}
	#apply .att{width: 85%;padding:0 10px;}
	#apply .term{width: 85%;}
	#apply .att{padding:0 5px;}
	#apply .term .term1,#apply .term .term2,#apply .term .term3{
		background-size: 450px auto;
	}
	#apply .btn_apply{
		text-align: center;
		width: 96%;
		margin: 10px auto 40px auto;
	}
	#footer {width: 100%;}
	#footer li{width: 70px;}
	#footer li + li{ margin-left: 18px;}

@media only screen and (max-width: 479px) {
	.fz26{font-size: 22px;}
	.wrapper{ width: 100%;}
	#header{ width: 100%;}
	#header .logo{
		  margin-top: -10px;
		  margin-bottom:-15px;
		  text-align: center;
		  width:40%;
		  display:inline-block;
	}
	#header div.hd_back {
		background: url(../images/main.png) no-repeat 48% 0;
		background-size: 600px auto;
		height: 630px;
	}
	#header .yodogawa {
		display: block;
		padding-top: 377px;
		font-size: 13px;
		line-height:24px;
	}
	#apply .ap_icon {left: 26%;}
	#apply .term .term1,#apply .term .term2,#apply .term .term3{
		background-size: 300px auto;
	}
	#apply .term .term1{margin-bottom: -5px;}
	#apply .term .term1 .term_ttl{width: 240px;}
	#apply .term .term2{
		text-align: center;
		font-size: 18px;
	}
	#apply .term .term2 p{
		color: #F08;
		font-size: 12px;
		width: 93%;
	}
	#conclude {width: 94%;}
	
@media only screen and (max-width: 320px) {
	#header div.hd_back {
		background-size: 480px auto;
		height: 540px;
	}
	#header .yodogawa {
		padding-top: 310px;
		font-size: 10px;
		line-height:19px;
	}
	#header .yodogawa .fz26{
		font-size: 19px;	
	}
	#apply .att{padding:0 5px;}
	#apply .term .term1,#apply .term .term2,#apply .term .term3{
		background-size: 260px auto;
	}
	#apply .term .term1{margin-bottom: -10px;}
	#apply .term .term1 .term_ttl{width: 230px;}
	#apply  {
	  margin: 80px auto 30px auto;
	}
	#apply .ap_icon {
		top: -138px;
		width: 150px;
	}
}//smp320
}//smp479
}//smp767