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

.about_area {}
.about_area h2 {
	text-align:center;}
.about_area h3 {
	text-align:center;
	background-image: url(../image/about_h3line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 25px;
	font-size: 25px;
	color: #333333;
	margin: 0px;
	font-weight: normal;
	padding-top: 50px;
}
.outline table {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.outline table th {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #72AF2C;
	width:100px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
.outline table td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #72AF2C;
	padding: 5px;
	}
.tokusyoku {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	}
.tokusyoku h4 {
	text-align: center;
}
.tokusyoku h4 img {
	width:90%;
}
.tokusyoku p {}
.tokusyoku ul {
	margin: 0px;
	padding: 0px;
}
.tokusyoku ul li {
	font-size: 18px;
	color: #993300;
	list-style-type: none;
	background-image: url(../image/tokusyoku_point.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 40px;
}
.slogan {
	width:90%;
	margin-left:auto;
	margin-right:auto;}
.slogan h4 {
	background-image: url(../image/slogan_h4.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 25px;
	font-weight: normal;
	color: #333;
	padding-left: 50px;
	padding-top: 20px;
}
.slogan_list {
	text-align:center}
.slogan_list p { 
text-align:left;
width:200px;
margin-left:auto;
margin-right:auto;}
.slogan_tree {
	text-align:center;
}
.taiken dl dt img {
	width:100%;}
.taiken dl dd {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
.taiken h5 {
	font-size: 25px;
	color: #009900;
	text-align: center;
	font-weight: normal;
	margin-top:30px;
}

.teikei h5 {
	font-size:18px;
	margin:0px;}
.teikei ul {
	margin:0px;
	}
.teikei ul li {
	font-size:16px;
	line-height:200%;
	list-style-type:circle;
	margin-bottom:10px;
}
.teikei ul li ul li {
	list-style-type:disc;
	margin-bottom:3px;
	}

.event p {
	font-size:18px;}

.month {
	font-size: 16px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	position: relative;
	margin-top:30px;
	padding-top:65px;
	border: 1px solid #FFF;
	}
.month h4 {
	position: absolute;
	left: -20px;
	top: -40px;
	}
.month ul li {
	list-style-image: url(../image/event_li.png);
	margin-bottom: 10px;
}
.spring {
	background-color: #F2DAD7;
}
.summer {
	background-color: #D0E3C1;
}
.autumn {
	background-color: #ECD8B9;
}
.winter {
	background-color: #C1D3E3;
}
.event_gyouji {
	text-align:center;
	}
.event_spring_img img {
	width:100%;}
.event_summer_img img {
	width:100%;}
.event_autumn_img img {
	width:100%;}
.event_winter_img img {
	width:100%;}

.event_spring_list {
	font-size: 16px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	position: relative;
	margin-top:30px;
	border: 1px solid #FFF;
	background-color: #F2DAD7;
	}
.event_spring_list h4 {
	margin-top: -30px;
	}
.event_spring_list ul {
	padding-bottom:20px;}
	.event_spring_list ul li {
	list-style-image: url(../image/event_li.png);
	margin-bottom: 10px;
}

.event_summer_list {
	font-size: 16px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	position: relative;
	margin-top:30px;
	border: 1px solid #FFF;
	background-color: #D0E3C1;
	}
.event_summer_list h4 {
	margin-top: -30px;
	}
.event_summer_list ul {
	padding-bottom:20px;}
	.event_summer_list ul li {
	list-style-image: url(../image/event_li.png);
	margin-bottom: 10px;
}

.event_autumn_list {
	font-size: 16px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	position: relative;
	margin-top:30px;
	border: 1px solid #FFF;
	background-color: #ECD8B9;
	}
.event_autumn_list h4 {
	margin-top: -30px;
	}
.event_autumn_list ul {
	padding-bottom:20px;}
	.event_autumn_list ul li {
	list-style-image: url(../image/event_li.png);
	margin-bottom: 10px;
}


.event_winter_list {
	font-size: 16px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	position: relative;
	margin-top:30px;
	border: 1px solid #FFF;
	background-color: #C1D3E3;
	}
.event_winter_list h4 {
	margin-top: -30px;
	}
.event_winter_list ul {
	padding-bottom:20px;}
	.event_winter_list ul li {
	list-style-image: url(../image/event_li.png);
	margin-bottom: 10px;
}





.timeschedule {
	text-align:center;}
.timeschedule_s img {
	width:100%;
	}
	
@media only screen and (min-width: 534px) {
.timeschedule_s img {
	width:534px;
	}
}

.timeschedule_pc {
	display:none;}
	
@media only screen and (min-width: 768px) {
.about_area h2 {
	width:566px;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	padding-bottom:50px;
	background-image:url(../image/about_h2_bg.png);
	background-repeat:no-repeat;
	background-position:center center;}
.outline {
	margin-bottom:50px;}
.outline table {
	margin-top:30px;
	width:700px;
	font-size:16px;
}
.outline table th {
	width:150px;}
.outline table td {
	padding-right:20px;}
.tokusyoku {
	width:700px;}
.tokusyoku h4 img {
	width:489px;
}
.tokusyoku ul {
	margin-top:20px;
}
.slogan {
	width:800px;
	margin-left:auto;
	margin-right:auto;}
.slogan h4 {
	font-size:30px;
	margin-bottom:20px;
	}
.slogan_list {
	display: flex;}
.slogan_tree {
	float:left;}
.taiken dl {
	padding-top:30px;
	margin-left:275px;}
.taiken dl dt img {
	width:435px;} 
.taiken h5 {
	clear:both;
	font-size:30px;
	text-align:center;} 
.teikei {
	width:700px;}
.teikei p {
	font-size:16px;
	margin-left:60px;}
.teikei h5 {
	width:9em;
	float:left;}
.teikei ul {
	margin-left:9em;
	}
.teikei ul li ul {
	margin-left:0.5em;
	}

.event {
	display: flex;
	flex-wrap: wrap;
	width:700px;
	margin-left:auto;
	margin-right:auto;}
.month {
	margin-top:50px;}
.event_spring_img, .event_autumn_img  {
	float:left;
	width:60%;
	}
.event_spring_list, .event_autumn_list {
	float:right;
	width:39%;
	margin-top:100px;
	margin-left:1%;
	}
.event_summer_img, .event_winter_img {
	float:right;
	width:60%;}
.event_summer_list, .event_winter_list {
	float:left;
	width:40%;
	margin-top:100px;}

.timeschedule_s { display:none;}
.timeschedule_pc { display:block;

}
.timeschedule_pc img {
	width:100%;}
	
	
}


@media only screen and (min-width: 1200px) {
.event {
	width:1000px;
}
.event_spring, .event_summer, .event_autumn, .event_winter {
	width:1000px;
	margin-bottom:50px;}
.timeschedule_pc img {
	width:1087px;
}

}