@charset "UTF-8";

body {
/*	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
	メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	font-family: sans-serif;
	color: #754c24;
	background-color: #fff0c1;
}
a{
	color: #754c24;
}
a:hover{
	color: #a67c52;
}
strong{
  font-weight: bold;
}
.red{
  color: red;
}
hr{
  margin: 1em 0 1.25em;
  background-color: #a67c52;
  border: 0;
}
#wrapper, article{
	width: 100%;
	margin: 0 auto;
}
header{
	margin: 80px auto 0;
}
nav{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	margin: 0 auto;
}
nav:after{
	content:".";
	color:transparent;
}
.menu > li{
	width: 33.333333%;
	height: 59px;
	float: left;
	text-align: center;
}
.menu > li img{
	vertical-align: middle;
	height: 59px;
}
.menu > li:nth-child(1){
	background-color: #c4d700;
}
.menu > li:nth-child(2){
	background-color: #b4d462;
}
.menu > li:nth-child(3){
	background-color: #8cc63f;
	cursor: pointer;
}
.trigger{
	cursor: pointer;
	height: 59px;
	background: url(../images/menu.svg) no-repeat center;
	display: block;
}
.active-submenu {
	background: url(../images/close.svg) no-repeat center;
	display: block;
}
.submenu li{
	width: 100%;
	float: none;
	padding: 1em 0;
	background-color: #fff;
	text-align: left;
}
.submenu li a{
	width: 100%;
	display: block;
}
.submenu li > ul li{
  font-size: 1.0rem;
  padding: 1.5em 1em 0 1.2em;
}

h1{
	text-align: center;
	/*margin: 70px 0 1em 0;*/
	margin: 30px 0 1em 0;
	font-size: 1.2rem;
	line-height: 1.2;
}
h2{
	margin-bottom: 5px;
}
header address, .time{
	text-align: center;
	margin-bottom: 13px;
}
.tel a, .tel a:hover{
	color: #754c24;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.2;
}
.tel span{
	font-size: 2.0rem;
	font-weight: bold;
	padding-right: 0.3em;
}
header .column{
	border: 1px solid #754c24;
	padding: 0.3em 0.5em;
	line-height: 2;
}
.time table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	margin-bottom: 5px;
}
.time table th,
.time table td{
	padding: 0.2em;
}
.time table th{
	background-color: #754c24;
	color: #fff;
}
.time table td{
	background-color: #fff;
}
.time p{
	line-height: 1.2;
	padding: 0.5em 0;
}
.calendar{
	margin: 0 auto;
	text-align: center;
}
.notice{
	background-color: #fff;
	text-align: center;
	padding: 0.7em;
	margin-bottom: 1.5em;
}
.notice p,
.notice a{
	font-weight: bold;
}
.tree{
	width: 10%;
	display: block;
	margin: 40px auto 13px;
}
em{
	background-color: #603813;
	color: #fff;
	font-size: 1.7rem;
	text-align: center;
	padding: 0.1em 0;
	margin-bottom: 15px;
	display: block;
}
.frame{
	width: 90%;
	margin: 0 auto;
}
.frame .text{
	margin-bottom: 1.7em;
}
#about .frame img{
	margin-bottom: 1.7em;
}
.frame p{
	margin-bottom: 0.7em;
}
.fl{
	margin-bottom: 10px;
}
.fl img{
	width: 55%;
	float: left;
	margin-right: 2em;
}
.tn img{
	width: 55%;
	margin: 0 auto;
	display: block;
}
.fl p, h3, .tn p{
	font-weight: bold;
	font-size: 1.6rem;
	padding-top: 1em;
}
.diploma{/*賞状の写真*/
	width: 55%;
	display: block;
	margin: 0 auto;
}
h3 .small{
	font-weight: normal;
	font-size: 1.2rem;
	display: block;
}
.caption{
	background-color: #8cc63f;
	color: #fff;
	font-size: 1.7rem;
	text-align: center;
	padding: 0.1em 0;
	margin-bottom: 0.7em;
}
.caption2{
	font-size: 1.7rem;
  font-weight: bold;
	text-align: center;
	padding: 0.1em 0;
	margin-bottom: 0.7em;
}
.kakomi{
	background-color: #fff;
	padding: 1em;
	margin-bottom: 1.7em;
}
.frame ul{
	background-color: #fff;
	padding: 1em;
	margin-bottom: 1.7em;
}
.frame ul li{
	list-style-type: disc;
	margin-left: 1.5em;
}

.frame dl{
	background-color: #fff;
	padding: 1em;
	margin-bottom: 1.7em;
	display:flex;
	flex-wrap: wrap;
}
.frame dl dt{
	width: 5em;
	padding: 10px;
}
.frame dl dd{
	width: calc(100% - 5em) ;
	padding: 10px;
}


.price-list{
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	margin-bottom: 1em;
}
.w8em{
    width: 8em;
}
.price-list th,
.price-list td{
	padding: 0.2em;
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
  background-color: #fff;
}

/* 
.price-list th{
	background-color: #8cc63f;
	color: #fff;
}
.price-list td{
	background-color: #fff;
}
.price-list td:nth-child(1){
	background-color: #cfe8b1;
}
.price-list .kesu{
	background-color: #fff0c1;
} */
.price-list img{
  width: 30px;
  margin-top: 20px;
}

footer{
	background-color: #603813;
	color: #fff;
	text-align: center;
}
footer address{
	padding:37px 0;
}
footer address img{
	width: 60%;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
small{
	font-size: 1.1rem;
	color: #fff;
	display: block;
	padding-bottom: 1.5em;
}
/*
small a,
small a:hover{
	font-size: 1.1rem;
	color: #fff;
}*/

#access a{
		margin-bottom: 20px;
		text-align: right;
		display: block;
}
#access a::before{
	content: "▶";
}

iframe{
    vertical-align:top;
    scrolling:none;
		overflow-x: hidden;
		margin-bottom: 10px;
}
/* トップへ戻る */
.pagetop {
	width: 43px;
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
.pagetop a {
	display: block;
}
.pagetop a:hover {
	display: block;
}
.pagetop:after {
	content:".";
	color:transparent;
}


.news{
	background-color: #fff;
	color: #0000ff;
	padding: 2em;
	margin-top: 50px;
}
.news h4{
	font-size: 1.7rem;
	margin-bottom:0.7em;
	font-weight: bold;
}
.news ul{
	list-style: disc;
	margin-left: 1.5em;
}

#info{
}
#line .kakomi p{
  color: #06c755;
}
#line .kakomi strong{
  border: 1px solid #06c755;
  padding: 0.5em 1em;
  display: block;
}
.Half{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.Half div.col{
  width: 45%;
}


/*700以上*/
@media (min-width: 700px) {
	header .frame,
	article{
		width: 700px;
		margin: 0 auto;
	}
	.time{
		width: 70%;
		margin: 0 auto;
	}
	.menu > li:nth-child(1),
	.menu > li:nth-child(2),
	h1 br,
	h2 img{
		display: none;
	}
	h2{
		background: url(../images/h1pc.png) no-repeat center center;
		height: 530px;
	}
	.menu > li{
		width: 200px;
		float: right;
	}
  #about .frame img{
		width: 300px;
	}
	.w8em{
		width: auto;
	}
	footer address img{
		width: 230px;
	}
	.tree{
		width: 40px;
  	}
}/* @media閉じタグ */

/*320以下*/
@media (max-width: 767px) {
	.price-list th,
	.price-list td{
		font-size: 1.4rem;
	}
	.tel a, .tel a:hover{
		font-size: 3.0rem;
	}
}/* @media閉じタグ */