@charset "UTF-8";

/* 児童募集 */
/*.main-header {
	padding-top:60px;
	height: 306px;
}*/

#c01,
#c02,
#c03,
#c04 {
	clear: both;
	width: 100%;
	margin: 0px auto;
	padding: 50px 0;
	position: relative;
}
#c02 table {
	width: 100%;
	color: #896151;
	line-height: 2;
}


#c02 table th {
	width: 20%;
	font-size: 22px;
	vertical-align: top;
	padding: 10px 10px 10px 0;
}

#c02 table td {
	width: 70%;
	font-size: 22px;
	padding: 10px 10px 10px 0;
}
#c02 table td span {
	font-size: 18px;
}

#c02 table td.small {
	font-size: 16px;
}

.flL {
	width: 557px;
	display: block;
	float: left;
}

.flR {
	width: 45%;
	float: right;
}

span.pink {
	color: #FC7070;
}

.check {
	background-color: #FFF6CA;
	padding: 20px 30px;
}

.check .ttl {
	font-size: 22px;
	font-weight: bold;
	color: #896151;
}
.check table {
	width: 50%;
	float: left;
	margin-top: 10px;
}


.check table td {
	background-color:;
	background: url(../img/guide/check.png) no-repeat 10px 40% white;
	padding: 10px 20px 10px 50px;
	font-size: 16px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 10px solid #FFF6CA;
border-right: 10px solid #FFF6CA;
}

.check table + table td {
	padding: 21px 20px 21px 50px;
}
.faq li {
	margin-bottom: 30px;
	height: 125px;
	position: relative;
}
.faq li .q{
background: url(../img/guide/q.png) no-repeat 30% center;
color: #fff;
width: 274px;
position: absolute;
top: 38px;
left: 0;
height: 57px;
padding: 15px 20px 0 60px;
z-index: 2;
font-size: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.faq li .q.lin2 {
	line-height: 1.2;
padding: 10px 20px 0 60px;
}

.faq li .a{
background: url(../img/guide/a.png) no-repeat top center;
color: #6ABC00;
width: 791px;
position: absolute;
height: 143px;
top: 0;
right: 0;
z-index: 1;
padding: 52px 20px 0 110px;
font-size: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.faq li .a.lin2 {
	line-height: 1.2;
padding: 42px 50px 0 110px;
}

/*20190704追加*/

	#c02 .c02_2{
	margin-top: 50px;	
	}	
	#c02 .c02_2 p{
	font-size: 16px;
	color: #63574F;
	}
	


@media screen and ( max-width:60em ) { 
	
	/* 下層緊急告知用 */
	.main-header {
		padding-top:130px;
		height: 236px;
	}
	
	#c01,
	#c02,
	#c03 {
		width: auto;
		padding-top: 0;
	}
	
	#c02 table {
		width: auto;
		margin: 0 25px;
	}

	#c02 table th {
		display: block;
		width: auto;
		font-size: 22px;
		padding: 10px 0 0 0;
		font-weight: bold;
	}

	#c02 table td {
		display: block;
		width: auto;
		font-size: 18px;
		padding: 0 0 10px 0;
	}
	
	#c02 table td span {
		display: block;
		font-size: 16px;
	}

	#c02 table td.small {
		font-size: 14px;
	}

	.flL {
		width: auto;
		float: none;
		margin: 0 25px;
	}

	.flR {
		width: auto;
		float: none;
		text-align: center;
		margin: 0 25px 50px;
	}
	
	.flR img {
		width: 100%;
		max-width: 381px;
		height: auto;
	}

	.check .ttl {
		font-size: 20px;
	}
	
	.check table {
		width: 100%;
		float: none;
	}

	.check table td {
		display: block;
		background: url(../img/guide/check@2x.png) no-repeat 10px 40% white;
		background-size: 38px;
		border-right: none;
	}
	
	.check table td br {
		display: none;
	}
	
	.faq li {
		margin-bottom: 0;
		height: auto;
		position: relative;
	}
	.faq li .q{
		background-image: none;
		background-color: #6ABC00;
		width: auto;
		position: relative;
		top: auto;
		left: auto;
		height: auto;
		padding: 15px 20px 20px;
		font-size: 16px;
		font-weight: bold;
	}

	.faq li .q.lin2 {
		padding: 15px 20px 20px;
	}
	
	.faq li .q:before {
		font-family:  "Lucida Console", Monaco, "monospace";
		font-size: 30px;
		content:"Q.";
		font-weight: normal;
	}

	.faq li .a{
		background-image: none;
		background-color: #FCFFD2;
		width: auto;
		position: relative;
		height: auto;
		top: auto;
		right: auto;
		padding: 20px 20px 30px;
	}

	.faq li .a.lin2 {
		line-height: normal;
		padding: 20px 20px 30px;
	}
	
	.faq li .a:before {
		font-family:  "Lucida Console", Monaco, "monospace";
		font-size: 30px;
		content:"A.";
	}
	
/*20190704追加*/

	#c02 .c02_2 p{
	margin: 0 25px;
	
}
	
}
	.head_bnrbox{
		 margin-bottom: 0;
	}
	.main-header
	{
	padding-top: 0;
    height: 360px;
	}
@media screen and (max-width: 60em){
	.main-header	
	{
		height: 236px;
    padding-top: 130px;
	}
}