@charset "Shift_JIS";


/*--------------------ブラウザ初期化--------------------*/
*{margin: 0 auto;}

* html{margin: 0 auto;}

html, body{
overflow-x: hidden;
font-family: 'Noto Sans JP', sans-serif;;
/*background: url(../img/head_bg.jpg) top center no-repeat #FCF7EB;*/
color: #333333;
}

img{
border: 0;
vertical-align: top;
}

fieldset{
border: 0;
margin: 0;
padding: 0;
}

option{
padding: 0.5em;
margin: 0.5em;
}

ul, ol, li, dl, dt, dd, table, th, td, h1, h2, h3, h4, h5, p{
margin: 0;
padding: 0;
}

ul{
	list-style-type: none;
}

.hide{text-indent: -1000em;}

.clear{clear: both;}

.clearfix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;}

.clearfix{min-height: 1px;}

* html .clearfix{
height: 1px;
/*?*//*/
height: auto;
overflow: hidden;
/**/
}


/*--------------------共通--------------------*/
#wrapper {
width: 890px;
margin: auto;
}

/*
#main{
width: 760px;
margin-left: 65px;
}
*/

#header {
margin: 30px 0 0 0;
font-size: 0.9em;
}

img.logo {
margin: 20px;
float: left;
}

#footer {
clear: both;
height: 111px;
width: 100%;
text-align: center;
/*background: url(../img/foot_bg.jpg) top no-repeat;*/
padding-top: 60px;
}

#footer address {
font-style: normal;
font-size: 70%;
}

h1 img{
	width:30%;
	height:auto;
}

/*h2 img{margin-top: 15px;}*/

img.fluid{
	width:100%;
	max-width: 100%;
	height: auto;
}

#main h3{
white-space: nowrap;
clear: both;
color: #2C1F13;
text-align: center;
font-size: 110%;
font-weight: bold;
line-height: 26px;
/*background: url(../img/headline_mark.jpg) top left no-repeat;*/
margin: 20px 0 20px 0;
/*padding-left: 30px;*/
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

p{
font-size: 85%;
line-height: 170%;
}

p.mt1{margin-top: 1em;}

p.notice{
text-indent: -1em;
margin-left: 1em;
}

p strong {color: #e1216d;}

.pagetop {

    position: fixed;
    bottom: 102px;
    right: 0;
    z-index: 110;
	text-align: right;
	width:54px;
	height:54px;
	margin-left: auto;
}

.pagetop a{
	text-decoration: none;
}

.pagetop a:before{
	display: block;
	content: '\f077';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: #1a1a1a;
    background: #fdd000;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    display: block;
	box-sizing: inherit;
}

table.contact{
width: 100%;
font-size: 85%;
line-height: 150%;
background: #C2AB9E;
margin: 30px auto;
}

table.contact .must {
color: #ff0000;
/*margin-right: 5px;*/
font-size: 8px;
vertical-align: text-top;
line-height: 100%;
/*font-weight: bold;*/
}

table.contact th, table.contact td{
text-align: left;
background: #FCF7EB;
padding: 10px 20px;
}

table.contact th {
white-space: nowrap;
/*width: 13em;*/
font-weight: normal;
background-color: #fbe6b1;
/*background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,#fef6e2),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#fef6e2),color-stop(.75,#fef6e2),color-stop(.75,transparent),to(transparent));*/
border-top: #fff 1px solid;
border-left: #fff 1px solid;
box-sizing: border-box;
}

table.contact td p{
font-size: 100%;
color: #800000;
}

input {padding: 2px;}

input#name, input#kana, input#name2, input#furigana2, input#e-mail, input#tel{
width: 280px;
}

input#zip{width: 100px;}
input#address{width: 280px; margin-top: 7px;}
input#addSub {width:280px; margin-top:7px;}
input#Add3{width: 280px; margin-top: 7px;}
input#name2{margin-top: 7px;}
input#furigana2{margin-top: 7px;}
/*input#school{width: 350px;}*/
input#age{width: 50px;}
#school_search{padding-left:0;}

label{margin: 0 5px;}

select option{
height: 1em;
padding: 3px;
}

input#year, input#month, input#day{
width: 50px;
}

textarea#inquiry {
width: 100%;
height: 10em;
border: #C2AB9E 1px solid;
}

textarea#attend {
width: 100%;
height: 5em;
border: #C2AB9E 1px solid;
margin-top: 5px;
}

.confirm {text-align: center;}

.confirm input{
height: 2em;
margin: 0 5px;
}

#submit{
	background: #f1a337;
    color: #fff;
    padding: 0px 30px 0px;
    font-size: 1.2rem;
    font-weight: 700;
    border-radius: 4px;
	border-style: none;

}

#submit:hover{
	opacity: 0.6;
	cursor: pointer;
}

#reset{
    font-size: 1.2rem;
	padding: 0px 30px 0px;
    font-weight: 700;
    border-radius: 4px;
	border-style: none;
}

#reset:hover{
	opacity: 0.6;
	cursor: pointer;
}


/*--------------------CGI確認画面--------------------*/
#contact{
clear: both;
width: 700px;
text-align: center;
padding-top: 30px;
}
#contact input#submit, #contact input#back{
height: 2em;
margin: 0 5px;
}

#contact input#close{margin-top: 15px;}

#contact p{font-size: 100%;}

.msg {
	color:#C00;
}



.sectiontitle {
    background-color: #f3c81e;
    background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,#f8df88),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#f8df88),color-stop(.75,#f8df88),color-stop(.75,transparent),to(transparent));
    -webkit-background-size: 10px 10px;
    color: #333;
    margin: 1em 0 0;
    padding: 1.2em 0;
    font-size: 140%;
}
.sectiontitle_g{
    background-color: #9BBF38;
    background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,#AFCC60),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#AFCC60),color-stop(.75,#AFCC60),color-stop(.75,transparent),to(transparent));
    -webkit-background-size: 10px 10px;
    color: #333;
    margin: 1em 0 0;
    padding: 1.2em 0;
    font-size: 140%;
	}	

.visible{
	display: none;
}

.visible_2{
	display: none;
}

.nowrap{
	white-space: nowrap;
}

@media screen and (max-width: 980px)  {
	
	.visible{
	display: block;
}
	
	body {
		line-height: 1.5;
	-webkit-text-size-adjust:none;
	overflow-x: hidden;
	font-size:14px;
	background-size:contain;
		
	}
	#header {
		margin:0;
	}
	img.logo {
		margin:20px;
		width:35%;
		min-width:150px;
	}
	#wrapper {
		width:100%;
	}
	img {
	vertical-align: bottom;
	max-width:100%;
	height:auto;
}
#main {
	width:94%;
	margin:0 auto;
	padding:0 3%;
}
/*
#main h3 {
	width:90%;
	height: auto;
	margin-top:15px;
	padding-bottom:5px;
    line-height: 1.2;	
}
*/


	table.contact{
		display: block;
		width:100%;
		font-size:14px;
		background:none;
	}
		table.contact thead{
			display: none;
		}
		table.contact tbody{
			display: block;
		}
			table.contact tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			table.contact tbody th,
			table.contact tbody td{
				display: list-item;
				border: none;
			}
			table.contact tbody th{
				margin-bottom: 5px;
				padding:5px 3%;
				list-style-type: none;
				border-radius:5px;
			}
			table.contact tbody td{
				margin-left: 0px;
				padding: 0;
				list-style:none;
			}
			table.contact input,select {
				font-size:16px;
			}
			form table select{
				height: 30px;
			}
			#prefecture {
				margin-bottom:10px;
			}
			input#address {
				width:80%;
				margin-top:3px;
				margin-bottom:10px;
			}
			input#addSub {
				width:80%;
				margin-top:3px;
				margin-bottom:10px;
			}
			input#Add3 {
				width:80%;
				margin-top:3px;
				margin-bottom:10px;
			}
			input#school {
				width:96%;
			}
			input[type="checkbox"] + label {
				padding-bottom:5px;
			}
			textarea#inquiry  {
				width:98%;
				font-size:16px;
			}
			input#name, input#kana, input#name2, input#furigana2, input#e-mail, input#tel {
				width:80%;
			}
			table.contact tbody td {
				padding:3px 5px;
			}
#footer {
	background-size:contain;
	height: auto;
}
#contact {
	width:95%;
	margin:0 auto;
}
#contact li {
	list-style:inside;
}
}

@media screen and (max-width: 515px)  {
	#main h3{
		font-size:100%;
	}
	
	.visible_2{
	display: block;
}
	input#name, input#name2, input#kana, input#furigana2, input#e-mail{
		width:100%;
	}
	
	form table select{
		height: 44px;
		width:98%;
		margin-top:3px;
		margin-bottom:3px;
	}
	
	input#name, input#name2, input#kana, input#furigana2, input#zip, input#e-mail, input#tel, input#address, input#addSub, input#Add3 ,input#school, input#Douhan_1, input#Douhan_2, input#Douhan_3{
		height:44px;		
		width:98%;
	}
	input#age{
		height:44px;		
		width:90%;
	}
	input#Douhan_1, input#Douhan_2, input#Douhan_3{
		margin-top:15px;
	}
	
	
	.shikaku_select{
		font-size:16px;

	}
	
	input[type="checkbox"] + label{
		padding-bottom:10px;
	}
	
	.invisible{
		display:none;
	}

	input[type="checkbox"]{
		font-size:200%;
		height:25px;
		width:25px;
		margin:10px 0 10px 10px;
		vertical-align: middle;
	}
	
	input[type="radio"]{
		font-size:200%;
		height:25px;
		width:25px;
		margin:10px 0 10px 10px;
		vertical-align: middle;
	}
	
}/*515px*/