@charset "utf-8";
/* CSS Document */
body{}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
h1{
	display: inline;
	width:950px;
	font-size:14px;
	font-weight:normal;
	margin:0 auto;
	margin-top:10px;
}

#wakuArea{
	width:950px;
	background-color:#FFD700;
	padding:15px 0px 15px 0px;
}
#wakuAreaInner{
	width:920px;
	margin:0px 15px 0px 15px;
	background-color:#fff;
}
.thanks #headerArea{
	margin-bottom:3em;
}
#headerArea {
	border-bottom:1px solid #000;
	width:95%;
	margin:0 auto;
}
#headerAreaInnner {}
#headerAreaInnner p{
	margin:0;
}

#logo{
	float:left;
	padding:15px 0 15px 40px;
}

#logo img{
	height:100%;
}

#school_num{
	padding:15px 40px 15px 0;
	float:right;
}

/*----------------------------------------------------------------------------
 ***                                                              contentsA
----------------------------------------------------------------------------*/
#contentsArea{
}
#contentsAreaInner{
	width:800px; 
	margin:0 auto;
}
.confirm {margin-top:3em;}
.confirm .text{text-align:center;}
.confirm .mainSection{float:none; margin:0 auto;}
.confirm img{
	margin: 0 auto;
    display: block;
    width: 70%;
}
/*----------------------------------------------------------------------------
 ***                                                       contentsArea - Navi
----------------------------------------------------------------------------*/
.leadSection{}
.leadSection p{ font-size:120%;}


/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection {
	float:left;
	width:530px;
}
.telBox{
	background:url(../images/line01.gif) left bottom no-repeat;
	margin-bottom:20px;
	padding-bottom:20px;
}

table{ width:520px; }
th{ width:30%;}
#taikenBox{
	border:#CCC dotted 1px;
	padding:10px 15px;
	margin-top:5px;
	line-height:1.8em;
}
#submit-area{
	text-align:center;
	margin: 2em 0 2em;
}

#submit-area input{
	height:2.4em;
	line-height:2em;
}

#submit-area .item{
	margin-bottom:2em;
}

#submit-area .title{
	font-size:110%;
	color:#a40b5e;
	margin-bottom:0.2em;
	font-weight:bold;
}

.thanksBox{
	font-size:140%;
	border:1px #CCC dotted;
}

.thanksBox p{
	line-height:1.4em;
}
.thanksBox .sectionInner{
	padding:10px 20px;
	line-height:1.4em;
}

/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection { float:right; width:260px; margin-top:20px;}
.rightSectionInner {}
.rBox1{
	background:url(../images/back_right.gif) left bottom no-repeat;
}
.rBox1 .sectionInner{
	padding:15px 20px;
}

.rBox1 li{
	display:block;
	width:210px;
	background:url(../images/line02.gif) left bottom no-repeat;
	line-height:34px;
	padding-left:13px;
}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{
	width:950px;
}
#footerAreaInner{
	padding:20px 25px;
}
#footerArea p{
	font-size:10px;
	line-height:1.2em;
	color:#666;
	margin: 0.7em 0 0;
	text-align: center;
}
#footerArea #footerlogo{
	float: none;
	/* display: inline-block; */
	/* width: 30%; */
	text-align: center;
	width: 30%;
	margin: 0 auto;
}
#footerArea #footerlogo img{
	width:80%;
	height:100%;
}
/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {
}
.sectionInner {
}

#formTb table{
	border:none;
}

#formTb table{
	margin-top:10px;
	border-top:#666 dotted 1px;
}
#formTb td,
#formTb th{
	border:none;
	padding: 10px 0;
	background:none;
	border-bottom:#666 dotted 1px;
}


#formTb .hec,
#formTb .hec{
}

.attentionG{ font-size:12px; font-weight:bold; color:#339900;}
.attentionGL{ font-size:14px; font-weight:bold; color:#339900;}
.attentionGLL{ font-size:16px; font-weight:bold; color:#339900;}

.attentionY{ font-size:12px; font-weight:bold; color:#FF3300;}
.attentionYL{ font-size:14px; font-weight:bold; color:#FF3300;}
.attentionYLL{ font-size:16px; font-weight:bold; color:#FF3300;}

#ppAgree{margin: 1em auto 2em;}


@media screen and (max-width: 910px) {
	#wrap{
		width: 100%;
	}
	#wakuArea{
		width: 100%;
    margin: 0 auto;
    border-top: 10px solid #FFD700;
    border-bottom: 10px solid #FFD700;
    background: none;
	}

	#wakuAreaInner{
		width: 95%;
		margin: 0 auto;
	}
	#headerArea{
		width: 100%;
	}
	#head_navi{
		display: flex;
		justify-content: center;
		padding-bottom: 1em;
	}
	#logo{
		width: 55%;
		float: none;
		padding: 0;
	}
	#logo img{
		width: 100%;
	}
	#school_num{
		width: 45%;
		text-align: right;
		padding: 0.5em 0 0;
		float: none;
	}
	#school_num img{
		width: 80%;
		height: auto;
	}
	#submit-area{
		font-size: 105%;
	}
	#footerArea #footerlogo{
		width: 60%;
	}
	#footerArea p{
		font-size: 10px;
	}
	.leadSection p{
		font-size: 100%;
		margin-top: 1.5em;
	}
	.thanks .leadSection p{
		font-size: 125%;
	}
	.topBtn{
		width: 40%;
    height: auto;
	
	}
	.thanks #headerArea{
		margin-bottom: 1em;
	}
}