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

.contents-2, p, tr, td {
	text-align: left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic","メイリオ", Meiryo, Osaka, "sans-serif";
	font-size: 1em;
	font-weight:100;
	letter-spacing: 0.1em;
}

.contents-2{
	margin: 100px auto ;
	width: 1000px;
}



.title{
	width: 500px;
	height: 80px;
	margin: 150px auto 100px;
	padding-bottom: 15px;
	background-image: url(../img/crayon_blue.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
}

h2 {
	font-size: 3em;
	color: #2986CC;
}

h3 {
	font-size: 1.5em;
	margin: 50px 0 10px;
}

/******************************************************************************************************************************about**********/
.about-con p{
	margin-top: 10px;
}

.about-con img{
	width: 100%;
	vertical-align: bottom;
}
.about-con{
	width: 100%;
	margin: 0 auto;
}
.year{
	width: 25%;
}

.enkaku {
  border-collapse: collapse;
  border-spacing: 0;
}

.year, .matter{
	padding: 10px;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
}

.history, .history th, .history td, .schedule, .schedule th, .schedule td {
	border: 1px #000 solid;
	border-collapse: collapse;
	padding: 5px;
}

.his01, .his02, th {
	text-align: center;
	vertical-align: middle;
}

.his03, .his4, .his05 {
	vertical-align: middle;
}

.his02{
	width: 5%;
}

.his03{
	width: 55%;
}

.his04{
	width: 20%;
}

.his05{
	width: 20%;
}

.small{
	font-size: 0.8em;
	letter-spacing: 0;
}

.quote{
	padding: 15px;
	background-color: #ccedfa;
	border-radius: 10px;
}

.book-right, .text-just{
	text-align: justify;
    text-justify: inter-ideograph;
} 
/******************************************************************************************************************************news**********/

.news-title{
	background-image: url(../img/crayon_perple.png);
}

.news-title>h2{
	color: #9D4D99;
}

.sch-chirashi{
	display: flex;
	justify-content: space-around;
}

.sch-chirashi>img{
	width: 30%;
}

/******************************************************************************************************************************oneday**********/

.oneday-title{
	width: 700px;
	background-image: url(../img/crayon_red.png);
}

.oneday-title>h2{
	color: #e95e71;
}

.oneday-matter{
	text-align: center;
	margin: 50px 0 30px;
}
.oneday-con{
	width: 40%;
	padding: 20px;
	background-color: #ffeaed;
	display: inline-block;
	margin: 0 20px;
	vertical-align: top;
	border-radius:5px;
}

h5{
	font-size: 1.3em;
	color: #e95e71;
	padding-bottom: 3px;
	border-bottom: 1.5px #e95e71 double;
}

.btn{
	width: 40%;
	padding: 10px;
	background-color: #e95e71;
	margin: 50px auto;
	text-decoration: none;
	border-radius: 20px;
}

.btn a {
	color: #fff;
	text-decoration: none;
}

.koushi{
	padding-left: 3em;
	text-indent: -3em;
}
.tool{
	padding-left: 4.5em;
	text-indent: -4.5em;
}
/******************************************************************************************************************************book**********/

.book-title{
	background-image: url(../img/crayon_green.png);
}

.book-title>h2{
	color: #7fbe26;
}

.book-con {
	width: 45%;
	display: inline-block;
	margin: 100px 0;
}

.bookleft {
	text-align: center;
}

.book-right{
	margin-left: 30px;
}

h6{
	font-size: 1.1em;
	color: #7fbe26;
	margin-bottom: 10px;
}




/******************************************************************************************************************************ask**********/
.ask-con{
	text-align: center;
	line-height: 2em;
}

.ask-con>h4{
	font-size: 1.5em;
	margin: 30px;
}

footer>p{
	text-align: center;
}

.icon{
	display: inline-block;
	padding: 2px 8px;
	background-color: #2986CC;
	color: white;
	margin-right: 10px;
	border-radius: 5px;
}


/******************************************************************************************************************************schedule**********/

.schedule-title{
	background-image: url(../img/crayon_yellow.png);
}
.schedule-title>h2{
	color: #ffd800;
}

.schedule{
	width: 100%;
}

.schedule tr td{
	vertical-align: middle;
	padding-left: 20px!important;
}

.sch01{
	vertical-align: top!important;
	width: 22%;
	border-right: none!important;
	text-align: right;
}
.sch02{
	vertical-align: top!important;
	width: 18%;
	border-left: none!important;
}

.sch03{
	width: 40%;
}
.sch04{
	width: 20%;
}

.red{
	color: red;
}

.cancel{
	text-decoration: line-through;
}
.test{
	display: inline-block;
	margin-top: 30px;
}

/******************************************************************************************************************************request**********/

.request{
	width: 960px;
	margin: 0 auto;
	padding-top: 100px;
}
.request p{
	margin-top: 10px;
}

.oneday-matter>h1 {
	line-height: 1.5em;
	font-size: 1.5em;
	font-weight: bold;
}

.required-note{
	width: 90%;
	margin: 20px auto;
    border-top: 1px solid #cccccc;
}

.required-note>h6{
	font-weight: bold;
	color: #5cb85c;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}