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

#wrapper{
	background:url(../img/school/bg.jpg) center top;
}

.main{
	margin-top:-5px;
	padding-bottom: 30px;
}

.b2{
	padding-top:0!important;
	background-color:#FFF;
	padding-bottom: 75px!important;
}

.b2 .contents_block{
	padding-top: 2px!important;
}

.main_contents .webfont{
	margin:0;
}

.main .contents_block{
	padding-top: 22px;
}

.main_contents{
}

p{
	color:#494949;
}

/*
school
*******************************/

#school{
	width:880px;
	margin:0 auto;
	padding-bottom:20px;
	position:relative;
	color:white;
}

#school p{
	color:white;
}

#school h1{
	margin-top:0;
	font-size:26px;
	/* margin-bottom:15px; */
	margin-bottom:31px;
}



#school .webfont{
	font-size: 22px;
	font-weight: 300;
	letter-spacing: 2px;
}
#school h1 p.webfont{
	font-family: 'Oswald', sans-serif;
	margin-top: 6px;
	margin-bottom: -4px;
	font-size: 22px;
	font-weight: 400;
}
.left_column{
	width:425px;
	margin-top: -32px;
	margin-right: 22px;
	float:left;
}
.left_column h1 p span{
	font-family: 'Oswald', sans-serif;
	letter-spacing: 2px;
	vertical-align: -2px;
	font-size: 26px;
	font-weight: 400;
}

#school h2 .webfont{
	font-weight: 400;
}
.text_block{
	font-size: 13.5px;
	line-height: 1.4;
	font-weight: lighter;
}

.note{
	font-size:11px;
}

.right_column{
	float:left;
	width:433px;
	overflow: hidden;
}

.output{
	width:882px;height:317px;
	margin-top: -10px;
	background-image:url(../img/school/output.png);
}

.output_text{
	font-size:18px;
	color:white;
	margin-left: 25px;
	/*margin-top: -5px;*/
}

.block_02{
	padding-top: 50px;
	margin-bottom:10px;
}

h2{
	font-weight: lighter;
	font-size:24px;
}

.block_03 h2{
	margin-bottom:0;
}

.block_03 p{
	margin-top:0;
	font-size:14px;
}

.output h2{
	/* padding-top: 60px; */
	padding-top: 55px;
}

.area_01{
	width:240px;
	margin-right: 88px;
	float:left;
}

.area_02{
	width:240px;
	margin-right: 72px;
	float:left;
}

.area_03{
	width:240px;
	float:left;
}



/*
contact
*******************************/

#contact{
	width:880px;
	margin:0 auto;
	padding-bottom:20px;
	background-color:#FFF;
	position:relative;
}

#contact .webfont{
	font-size:14px;
}

#contact h1{
	margin-bottom:20px;
	font-weight: 500;
}

#contact h1 p{
	font-size:26px;
}

#contact h1 span{
	margin-left: 15px;
	font-size:14px;
	font-weight:normal;
}

#contact #flow{
	/*width:862px;*/
	height:168px;
	padding-bottom: 50px;
	margin-bottom: 48px;
	border-bottom: 1px solid black;
}

#contact #choice1{
	margin-bottom:20px;
}

#Lesson2{
	margin-left: 45px;
}

#contact .choice_note{
	float: right;
	font-size:12px;
	margin-right: 320px;
}

#choice1 .choice_note{
	margin-right: 320px;
}

#choice2{
	margin-bottom:15px;
}

#choice2 .choice_note{
	margin-right: 403px;
}

#request{
	margin-left: 72px;
}
.choice_box{
	width: 880px;
}
#choice3,
#choice4,
#choice5,
#choice6{
	float:left;
	margin-right:30px;
}
#choice6{
	margin: 0;
}
#choice3,
#choice4{
	width: 335px;
}

#choice5{
	float:left;
	margin-right:33px;
}

#choice7{
	float:left;
	margin-right: 37px;
}

#choice9{
	float:left;
	margin-right: 25px;
}

#choice9 .title,
#choice10 .title{
	padding-bottom: 3px;
}

#choice2,
#choice3,
#choice4,
#choice5,
#choice6,
#choice7,
#choice8,
#choice9,
#choice10{
	margin-bottom:20px;
}

#choice3 input,
#choice4 input,
#choice7 input,
#choice8 input,
#choice9 input,
#choice10 input,
#choice11 textarea{
	padding-left: 0.3em;
}

#choice1 span,
#choice2 span{
	font-size:18px;
	color:#494949;
	font-weight:500;
}

input{
	width:520px;height:35px;
	border:1px solid #a9a9a9;
	/*font-size: 20px;*/
	margin-bottom:15px;
	box-sizing:border-box;
}

#Lesson1,
#Lesson2,
#application,
#request{
	width:16px;height:17px;
}

.title{
	font-size:14px;
	color:#010101;
	padding-bottom:7px;
}

#name{
	width:325px;
}

strong{
	font-size:12px;
	color:#c4004f;
	font-weight:normal;
}

#gender,
#age{
	width:54px;
	text-align: center;
}

#zipcode{
	width:162px;
}

#address{
	width:672px;
}

#tel{
	width:302px;
}

#e_mail{
	width:545px;
}
 #choice10 .title .webfont{
font-weight: 300;
}
textarea{
	width:526px;height:198px;
	border:1px solid #a9a9a9;
	/*font-size: 20px;*/
	resize: vertical;
	overflow: auto;
}

button{
	width: 243px;height: 46px;
	left: 627px;top: auto;
	bottom: 25px;
	background-color: #c4004f;
	border: none;
	color: white;
	font-size:14px;
	cursor:pointer;
	position:absolute;
	-webkit-transition:all 0.3s cubic-bezier(0.590, 0.220, 0.305, 1.000);
}

button:hover{
	background-color:#810034;
	
}