@media screen and (min-width: 1024px){


	#conteiner{
		width: 100%;
		height: 100%;
		position:relative;

	}
	.none{
		height: 100%;
	}
	.none2{
		display:none;
	}

.title{
	width: 40%;
	margin: 3% 15% 2% 10%;
	z-index: 10;
	float: left;
}
.tel{
	width: 20%;

	margin: 11% 10% 0% 0%;
	padding: 0.7% 1.5%;
	float: right;
	border:1px solid #888;
}
.menu{

	padding: 0% 0% 1% 0%;
	clear: both;



}
.menumenu{
	width: 90%;

	margin: 1% 0% 1% 5%;
	padding: 1% 1% 2% 1%;
	font-size: 120%;
}
.main-menu{
	border-left:1px solid #999;
   text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0px -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;

}
.main-menu2{
	border-right:1px solid #999;
	border-left:1px solid #999;
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0px -2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;

}
.menu ul {
	top: 15%;
	right: 0px;
	width: 100%;
	list-style-type: none;
	margin: 0% 0% 0% 0%;
	padding: 0% 10%;
	overflow: hidden;
	background: linear-gradient(25deg, rgba(255, 224,192,0.2), rgba(255,250,244, 0.2)) ,url(../jpg/mbg.jpg);
	z-index: 10;

}
.menu li {
	float: left;
	width: 16.6%;
	margin: 0% 0% 0% 0%;

}

.menu li a {
	display: block;
	color:#1A0D00;
	text-align: center;
	padding: 42% 10%;
	text-decoration: none;

}

.menu li a:hover:not(.active) {
	background: #fff;

}
.smenu{

	width: 93%;
	margin: 0% 0% 0% 5%;
	padding: 0% 2%;
	clear:both;
	border-bottom: 1px solid #999;
}

.menu2:after {
	content: "";
	display: block;
	clear: both;
}
 
.menu2:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.menu2 {
	display: block;
	margin: 0% 0% 0% 3%;
	padding: 0% 2% 2% 0%;
}
.menu2 font{
	color:#f00;
	font-size: 110%;
}
.menu2 table{
border-spacing:0;
	margin: 1% 0%;
	width: 100%;
}
.menu2 .bg{
	background: #FFF7EF;
}


.menu2 td{
	width: 60px;
	padding: 1.5% 2% 1% 2%;
	border: none;
}
.menu2 p{
	
	width: 100%;
	margin: 0% 5% 2% 0%; 
}
.smenu img{


}
.menu3{
	float: left;
	width: 50%;

}
.en2{
 	text-decoration: line-through;
}

.menu100{
	width: 100%;
}
.menu2 .menu100 td{
	padding: 1.5% 2% 1% 2%;
	border: none;
}
.menu-img{
	float: right;
	width: 48%;
}
.menu-img2{
	float: right;
	width: 48%;
}
.img2{
	float: right;
	width: 50%;
}
.menu2 .kome{
	clear: both;
}
.ins{
	display:flex;
	width: 90%;
	margin: 1% 5%;
}
.insprf{
	width: 200px;
	margin: 0% 2% 0% 0%;
}
.ins1{

	margin: 0% 2% 0% 0%;
}
.care{
	margin: 1% 0% 0% 0%;
}
.yykl img{
	width: 45%;
	margin: 2% auto;
	float: left;
/*  box-shadow: 2px 2px #432200;
  z-index: 1;
  box-sizing: border-box;*/
}

.ctel img{
	width: 45%;
	margin: 2% auto;
	float: right;
/*   box-shadow: 2px 2px #432200;
  z-index: 1;
  box-sizing: border-box;*/
}

.yyk{
	clearfix:"";
	width: 50%;
	margin: 0% auto;

}
.tmenu{

	width: 90%;
	margin: 0% 0% 0% 5%;
	padding: 0% 2%;
	clear:both;

}

.thn{
	overflow:auto;
	margin: 1% 0% 0% 3%;
	padding: 0% 2% 2% 0%;
}

.thn-right{
	float: right;
	width: 58%;
}
.thn img{

	float: left;
	width: 35%;
	margin: 0% 2%;
	
}
.thn strong{
	font-size: 250%;
	font-weight: normal;
	font-family:serif;
	color: #EA811B;
}
.thn font{
	font-size: 200%;
	color: #F00;
}
.thn-m{
	margin: 2% 1%;
}
/*ボタン装飾*/
.hidden_box h4  {
	background: none;
    padding: 1% 1% ;
    border: solid 1px #E87500;
	width: 35%;
	text-align: center;
	margin: 2% 0% 0% 0%;
	font-size: 110%;
	font-weight: normal;
cursor: pointer;
cursor: hand;

}
/*ボタンホバー時*/
.hidden_box h4:hover {
    background: #E87500;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.tmenu .thn {
    height: 0;
    padding: 0;
	margin: 1% 2%;
    overflow: hidden;
    opacity: 0;
    transition: 1s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .thn {
    padding: 1% 0;
    height: auto;
    opacity: 1;
}
.news{
	border:1px solid #000;
	margin: 0% 5% 1% 5%;
	padding: 1% 3%;
}
.order{
	width: 50%;
	margin: 2% auto 3% auto;
	padding: 2% 1%;
	text-align: center;
	border: 1px solid #E87500;
}
.order a{
	color:#3D1F00;
}
.thn-m .order:hover {
    background: #E87500;
	color: #fff;
}
.kome2{
	text-align: left;
	width: 80%;
	margin: 0% 10%;
}
.kome2 img{
	width: 100%;
}
.access .alist{
	padding: 1% 0% 0% 2%;

}
.access .alist2{
	clear: both;
	border-top: 1px solid #999;
	padding: 1% 2% 3% 2%;
}
.access .alist2 a{
	color: #000;
}
.access .alist3{
	clear: both;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 1% 2%;

}
.access .alist3::after{
content:"";
clear: both;
display:block;

}
.kome{
	margin: 1% 0% 1% 2%;
}
.gallery li {
	list-style-type: none;
  float: left;
  position: relative;
  width: 23%;
  margin: 0.5% 2% 2% 0%;
  border: 10px solid #fff;
  background: #fff;
  box-shadow: 5px 5px 5px #222;
  z-index: 1;
  box-sizing: border-box;
}
.gallery .photo1 {
  transform: rotate(-5deg);
}
.gallery .photo2 {
  transform: rotate(3deg);
}
.gallery .photo3 {
  transform: rotate(-3deg);
}
.gallery .photo4 {
  transform: rotate(5deg);
}
.gallery .photo5 {
  transform: rotate(5deg);
}
.gallery .photo6 {
  transform: rotate(-3deg);
}
.gallery .photo7 {
  transform: rotate(3deg);
}
.gallery .photo8 {
  transform: rotate(-5deg);
}
.gallery li:hover {
  z-index: 10;
  transform: scale(2) rotate(0deg);
}
.a-left{
	float: left;
	width: 20%;
}
.a-right{
	float: left;
	width: 80%;
}



.staff{
		clear: both;
}
.prf{
	width: 65%;
	margin: 1% 0% 0% 0%;
	float: right;

}
.prf .name{
	font-size: 140%;
	margin: 2% 0% 0% 0%;
}
.prf .list{
	margin: 3% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;

}
.prf ul{
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	border-bottom: 1px solid #999;

}
.prf li{
	margin: 0% 0% 0% 3%;
	padding: 2% 0% 2% 0%;
}
.prf2{
	width: 25%;
	margin: 0% 1% 0% 5%;
	float: left;
}
.comment{
	margin: 0% 3%;
	clear: both;
}
.comment p{
	width: 96%;
	margin: 0% 0% 0% 4%;
}





/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
    margin:0 auto;
}

.slider img {
    width:70vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}

.slider .slick-slide {
	transform: scale(0.8);/*左右の画像のサイズを80%に*/
	transition: all 1s;/*拡大や透過のアニメーションを0.5秒で行う*/
	opacity: 0.5;/*透過50%*/
}

.slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

.contents-top{
	margin: 0% 0% 0% 0%;
	padding: 1% 5%;
	display: flex;
	flex-direction: column;
	background-color:rgba(255,224,192,1);
 	background-image:url(../jpg/bg.png);
	background-repeat:no-repeat;
	background-position:100% 100%;

}
.contents{
	margin: 2% 5%;
	clear: both;
}

.content-a{
	margin: 1% 5% 0% 5%;
	padding:1% 0% 1% 0%;
	display: flex;
	flex-direction: column;

}
.content-b{
	margin: 0% 5% 0% 5%;
	display: flex;
	flex-direction: column;
}
.content2{
	margin: 0% 0% 2% 0%;
	padding: 1.5% 5% 0% 8%;
	display: flex;
	flex-direction: column;
	background: #B9F4FF;
}



.conc{
	width: 60%;
	margin: 0% 20%;

}

.con{
	margin: 2% 5% 1% 2%;
	text-align: center;

}
.con2{
	margin: 0% 0% 1% 2%;
	text-align: center;
}
.con3{
	margin: 1% 0% 2% 2%;
	text-align: left;;
}
.con3 h4{
	margin: 1% 0% 1% 0%;
	padding: 1% 1% 0.5% 1.5% ;
	background:#EBF5FF;
	width: 95%;
	border-left: 5px solid #B9F4FF;
}
.con3 table{
	margin: 0% 0% 0% 2%;
	border-collapse: seprate;
	border-spacing:0px;
	border: 1px solid #666;
}
.con3 td{
	width: 10%;
	padding: 1%;
}
.con3 .sat{
	color: #00f;
}
.con3 .sun{
	color: #f00;
}
.cal80{
	width: 90%;
}
.img{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.aa{
	width: 90%;
	margin: 5%;
}
.yarenai{
	text-align: left;
	font-size: 120%;

}
.yarenai ul {
	list-style-type: none;
	margin: 1% 0% 0% 2%;
}
.bec{
	width: 70%;
	margin: 0% 5%;
}

.contents .text{
	margin: 0.5% 0% 0.5% 1%;
}
.course{
	display:flex;
	flex-flow: colmun nowrap;
	justify-content: center;
	align-items:flex-start;
}
.text2{
	width: 55%;
	margin: 0% 0% 0% 0%;


}
.cn{
	margin: 0% 0% 1% 5%;
}
.cn font{
	font-size: 150%;
	color: #f00;
}
.kome{
	margin: 0% 0% 1% 3%;
	
}
.time{
	text-align: center;
}

.course table, td{
	border-collapse: seprate;
	border-spacing:0px;
	border: 1px solid #666;
}
.course .day{
	width: 30%;
	text-align: center;
}
.cal{
	width: 60%;
}
.cal2{
	width: 80%;
	margin:0% 10% 0% 5%;
}
.height{
	height: 50px;
}
.height2{
	height: 100px;
}
.form{
	display:flex;
	flex-decoration:row;
	justify-content:flex-start;
	width: 80%;
	margin: 0% 10% 1% 7%;
}
.mail{

  width:40%;
  height:50px;
  background:gold;
  border-radius:50px;
	text-align:center;
	margin: 0% 2% 1% 0%;
	padding: 15px 0px 0px 0px;
}
.mail a {
	color: #000;
}
.line{
  width:40%;
  height:50px;
  background:limegreen;
  border-radius:50px;
	text-align:center;
	margin: 0% 1% 1% 0%;
	padding: 15px 0px 0px 0px;
}
.map{
	margin:0% 5% 0% 5%;
}

footer{
  position: relative;
	width:100%;	
	margin: 0%;
	padding: 1% 1% 0.5% 1%;
	background: #3B1E00;
	text-align: right;
	bottom: 0%;
	z-index:10;
	color:#fff;
	height: 250px;
}
footer A:link{
	color: #ccc;
	text-decoration: none;
}
footer A:visited{
	color: #ccc;
	text-decoration: none;
}
footer A:hover{
	color: #999;
}
.copy{
	text-align: right;
	padding: 1% 1% 0.5% 1%;
}
.date{
	margin: 0% 0% 0% 3%;
}

.date2{
	margin: 0% 0% 0% 5%;
}



#page_top{
	z-index:10;
width: 50px;
height: 50px;
position: fixed;
right: 5%;
bottom: 5%;
background: #000; /*ボタンの色*/
opacity: 0.6;
color:#fff;
padding: 0.5% 0% 0% 0%;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
text-align:center;

font-size: 150%;
color:#fff;
}

.line-b{
z-index:10;
width: 7%;
position: fixed;
left: 2%;
bottom: 3%;
background:rgba(255,255,255,0.6)
}
.line-b a{
position: relative;
display: block;


}
.linelink{
	float: left;
	text-align: center;
	width: 25%;
}
.linelink img{
	margin: 2% auto;
	width: 35%;
}
.linelink125{
	float: left;
	text-align: center;
	width: 15%;
}
.linelink125 img{
	margin: 2% auto;
	width: 56%;
}
}