<style>

*{ box-sizing:border-box; }
*{
	padding:0;
	margin:0;
	font-family:	YuGothic,'Yu Gothic',sans-serif;
}
a{
	text-decoration:none;
}
.allwrap {
	overflow: hidden;
	background:url("../images/back.jpg");
}
header {
    padding: 35px 0;
    width: 100%;
    background: url(../images/headerback.jpg);
    background-size: auto 140px;
}
.drawer-hamburger {
    z-index: -3;
	}
nav.drawer-nav{
	display:none;
}
drawer-toggle drawer-hamburger{
	display:none;
}
.inner1 {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
img.logo1 {
    position: absolute;
    height: 29px;
    top: -23px;
}
h1 span {
    	font-size: 14px;
    	position: absolute;
    	left: 20px;
    	top: 60px;
}
.sns {
    position: absolute;
    right: 5px;
    bottom: 33px;
}
.face {
    background: rgba(255,255,255,0.5);
    float: left;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    color: #565656;
    margin: 0 3px;
    padding: 10px 5px 0 5px;
}
.face img {
    height: 30px;
    padding: 0 7px;
}
.toi {
    position: absolute;
    top: 0;
    right: 221px;
}
.toi img {
    	width: 30px;
	vertical-align: text-bottom;
}
.toi span {
    	color: #ef7600;
    	font-size: 22px;
    	font-weight: bold;
}
.toi span a{
	color:#ef7600;
}
p.add {
    font-size: 12px;
    margin-left: 10px;
    color: #565656;
    font-weight: bold;
}
.form {
    position: absolute;
    top: 39px;
    right: 235px;
}
.form img {
    padding-top: 20px;
    padding-left: 10px;
}
.banner{
    position: absolute;
    top: 45px;
    right: 5px;
}
nav.topnav {
    clear: both;
    background: #23999d;
    height: 45px;
    width: 100%;
	font-size:15px;
}
nav.topnav ul{
    font-size: 16px;
    font-weight: 500;
}
nav.topnav ul li {
    display: block;
    float: left;
    padding: 9px 30px;
}
nav.topnav ul a{
	color:#fff;
}

/*スライダーはここから*/
.sliderwrap{
	width:100%;
	clear: both;

}
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
.slider img {
	width:800;
    max-width: 100%;
     height: auto;
}

/*スライダーはここまで*/

.sliderbottom {
    height: 10px;
    background-color: #23999d;
    border: none;
    color: #23999d;
    width: 100%;
}
.top {
    position: fixed;
    bottom: 140px;
    right: 20px;
}
.top {
  opacity: 0;
  position: fixed;
  z-index: 10;
  right: 30px;
  bottom:210px;
  width: 65px;
  transition: all .7s;
}
.top2 {
    position: fixed;
    bottom: 140px;
    right: 20px;
}
.top2 {
  opacity: 0;
  position: fixed;
  z-index: 10;
  right: 30px;
  bottom:140px;
  width: 65px;
  transition: all .7s;
}
.pageTopBtn-in {
  opacity: 1;
	clear:both;
}
#main .inner1 {
    background: rgba(255,255,255,0.5);
}
img.bar1 {
    padding-top: 40px;
}
.innerwrap{
	width:800px;
	margin:0 auto;
}
.toph2{
	color:#565656;
	font-size:17px;
	text-align:center;
	padding-top:45px;
}
.news,.sister,.contact {
    text-align: center;
    position: relative;
	clear:both;
}
.news h2,.sister h2 {
    font-size: 17px;
    padding: 10px;
}
.newsinner {
    border-bottom: 0.5px solid #000;
}
.news span {
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 23px;
    right: 5px;
}
.news span a{
	color:#000;
}
.newscontents {
    clear: both;
    font-size: 14px;
    margin: 0 auto;
    border-top: 0.5px solid #000;
    height: 40px;
}
.newscontents a{
	color:#000;
}
.date,.contents{
	float:left;
	padding:10px;
}
section.date {
    width: 200px;
    font-weight: bold;
}
section.contents {
    width: 500px;
    text-align: left;
}
.subtitle{
  display: flex;
  align-items: center;
  padding-top: 40px;
	clear: both;
}
.subtitle img{
	padding:20px;
}
p.subcontents {
    width: 800px;
    font-size: 15px;
    color: #565656;
    font-weight: bold;
}
.photo {
    clear: both;
    width: 590px;
    margin: 0 auto;
    float: right;
    text-align: right;
	position:relative;
}
.photo img {
    margin: 0 13px;
}
img.up {
    position: absolute;
    top: 70px;
    left: 0;
}
.inner2 {
    clear: both;
}
img.more {
    padding:15px 0;
    clear: both;
    float: right;
}
.day {
    padding: 20px 50px;
    background: rgba(255,255,255,0.6);
    box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
}
.day img {
    vertical-align: middle;
    margin: 5px;
}
.center {
    text-align: center;
    width: 600px;
    margin: 0 auto;
}
.center img {
    padding: 7px 14px;
}
.contact {
    padding-top: 40px;
}
.contact img {
    padding: 10px;
}
.sister {
    padding-bottom: 40px;
}
.sister h2 {
    font-size: 20px;
    color: #565656;
}
.sinner1 {
    height: 125px;
    padding: 15px 0;
    border-bottom: 2px solid #5656;
}
.sinner2 {
    width: 27%;
    background: #fff;
    padding:15px 10px;
    float: left;
    margin:0 15px;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
}
.sinner2 p{
	font-size: 14px;
    font-weight: bold;
    text-align: left;
	padding-left: 25px;
}
.sinner2 a{
	color:#565656;
}
p img.right {
    vertical-align: text-bottom;
    float: right;
    padding-right: 25px;
    width: 20px;
}

footer {
    clear: both;
    background: url(../images/footerback.jpg);
    background-size: auto 250px;
    width: 100%;
    padding: 40px 0;
}
footer div.inner1{
	position:relative;
}
footer h1 span {
    color:#565656;
}
nav.footernav {
    position: absolute;
	right:0;
    top: -25px;
}
footer nav ul li {
    display: block;
    float: left;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    border-right: 1px solid #565656;
    line-height: 0.1em;
}
li.none {
    border-right: none;
}
footer nav ul a{
	color:#565656;
}
.address {
    position: absolute;
    right: 23px;
    top: 15px;
}
.address p {
    font-size: 11px;
    font-weight: bold;
    color: #565656;
}
.address p a{
    color: #565656;
}
span {
    font-size: 16px;
    color: #565656;
    font-weight: bold;
}
.copyright {
    width: 100%;
    font-size: 10px;
    color: #565656;
    margin: 0 auto;
    clear: both;
    margin-top: 13px;
    text-align: center;
}

/*newsはここから*/
.subpagetitle {
    clear: both;
    text-align: center;
    background: rgba(255,255,255,0.8);
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    font-weight: bold;
    color: #565656;
}
#news .innerwrap {
    padding-bottom: 40px;
}
img.title2 {
    height: 65px;
    vertical-align: middle;
    padding: 0 40px;
}
#news .news span {
    font-size: 11px;
    font-weight: bold;
    position: static;
    margin: 30px;
    display: block;
    float: left;
}
#news .news span a {
    color: #565656;
}
#news .news span a:hover {
    color: #23999d;
	font-weight:bolder;
}
#news h2{
	clear:both;
}

#news-single h2 {
    padding-top: 40px;
    font-size: 22px;
    color: #565656;
}
#news-single section.date {
    font-size: 15px;
    font-weight: bold;
    color: #565656;
    border-top: 1px dashed #565656;
    width: 100%;
    float: none;
    padding: 5px 0 30px 0;
}
#news-single .newsinner {
    border-bottom: none;
	    position: relative;
	    padding: 30px 0;
}
#news-single .newsinner>span {
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 15px;
    right: 5px;
}
#news-single .newsinner span a{
	color:#565656;
}
#news-single .newsinner span a:hover {
    color: #23999d;
}
.newsinner2 {
    text-align: center;
}
.newsinner2 {
    text-align: center;
}
.newsinner2 p{
    text-align: left;
	font-size:13px;
	padding:30px;
}
.frame img {
    width: 600px;
}
.back {
    float: left;
	    margin: 20px 50px;
}
.next {
    float: right;
	    margin: 20px 50px;
}
/*contactはここから*/
#contact p.center {
    text-align: center;
    font-size: 15px;
    padding: 50px 0;
    color: #565656;
    font-weight: 500;
}
.cttitle,.ctcomment{
	float:left;
	font-size:15px;
}
.cttitle,.rctitle {
    width: 166px;
    color: #565656;
    margin: 20px;
    margin-left: 70px;
    font-weight: 600;
}
.cttitle span,.rctitle span{
	padding:3px 10px;
	background: #e6aa40;
	color:#fff;
	font-size:13px;
	margin-left:10px;
}
.ctcomment{
	margin:10px 20px;
}
.ctcomment p{
	font-size:13px;
}
hr{
	clear:both;
}

input,textarea{
	padding:10px;
	margin:10px;
}
textarea{
	width:380px;
	height:200px;
}
.post{
	width:97px;
}
.form1{
	width:380px;
}
.form2{
	width:270px;
}
div.submit {
    text-align: center;
    font-size: 13px;
    padding: 30px 0;
}
input.submit2 {
    width: 300px;
    background: #fff;
    border: 1px solid #23999d;
    font-weight: 600;
    font-size: 15px;
    color: #23999d;
}
input.submit2:hover {
    background: #23999d;
    color: #fff;
}
/*recruitはここから*/
#recruit p.center {
    text-align: center;
    padding: 50px 0;
    font-size: 15px;
    color: #565656;
    font-weight: 500;
}
table.rcinner {
    margin: 0 auto;
    width: 600px;
    font-size: 14px;
    padding-bottom: 20px;
}
table.rcinner th {
    text-align: left;
    vertical-align: top;
    width: 150px;
    border-bottom: 1px dotted #565656;
    padding: 10px 20px;
}
#recruit table.rcinner th {
    width: 110px;
}
table.rcinner td {
    text-align: left;
    border-bottom: 1px dotted #565656;
    padding: 10px 20px;
}
table.rcinner td a{
    color:#565656;
}
.rctitle span{
	background: #23999d;
}
#recruit td span {
    padding: 5px 10px;
    background: #e6aa40;
    font-size: 10px;
    float: right;
    color: #fff;
}
#recruit .rctitle {
    font-size: 14px;
}
p.rctel{
    color: #e6aa40;
    font-weight: bold;
    font-size: 17px;
}
#none{
	border:none;
}

/*schoolはここから*/
#school .rctitle {
    margin: 0;
}
#school table.rcinner {
    padding: 40px 0;
}
div.map {
    text-align: center;
    margin-bottom: 20px;
}
iframe{
	width: 100%;
	height: 400px;
}
/*entryはここから*/

img.small{
    width: 40px;
    padding: 20px 0;
}
.gray {
    color: #fff;
    background: gray;
    font-size: 13px;
    line-height: 20px;
    padding: 3px 10px;
}
.etinner2 span {
    padding: 5px 10px;
    background: #e6aa40;
    font-size: 10px;
    color: #fff;
    margin: 10px 0;
    position: absolute;
    right: 40px;
    top: 80px;
}

.etinner2 {
    width: 660px;
    height: 140px;
    margin: 0 auto;
    background: rgba(255,255,255,0.6);
    border: 1px dotted gray;
    padding: 10px 20px;
    position: relative;
}
.ettext {
    width: 460px;
    font-size: 15px;
    color: #565656;
    font-weight: bold;
    position: absolute;
    top: 65px;
    left: 45px;
}
.etcontents {
    position: absolute;
    right: 40px;
    top: 30px;
}
img.right {
    width: 110px;
}
table.ettable4{
	display:none;
}
table.ettable,table.ettable3,table.ettable4 {
    margin: 20px auto;
    width: 600px;
    font-size: 13px;
    padding-bottom: 20px;
	text-align:center;
	border-collapse: collapse;
}
table.ettable td,table.ettable3 td,table.ettable4 td {
    border-bottom: 1px dotted #565656;
    padding: 10px 20px;
}
table.ettable th,table.ettable3 th,table.ettable4 th {
    border: 1px dotted #565656;
    padding: 10px 20px;
    background: #eee;
    color: #565656;
}
table.ettable td,table.ettable3 td,table.ettable4 td {
    border: 1px dotted #565656;
    padding: 10px 20px;
    background: #fff;
}
table.ettable span,table.ettable2 span,table.ettable3 span,table.ettable4 span {
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    background: gray;
    padding: 2px 6px;
	margin:0 25px;
}
table.ettable span.point,table.ettable2 span.point,table.ettable3 span.point,table.ettable4 span.point {
    background: #eee;
    margin-left: 5px;
    margin-right: 5px;
    color: #565656;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid darkgray;
}
table.ettable caption,table.ettable3 caption,table.ettable4 caption{
    text-align: center;
    margin: 10px 0;
    font-size: 15px;
    background: #e6aa40;
    width: 100px;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
}
th.left {
    text-align: left;
    width: 170px;
}
table.ettable2{
    margin: 0 auto;
    width: 600px;
    font-size: 13px;
    padding-bottom: 20px;
	text-align:left;
	border-collapse: collapse;
}
.questioninner{
    padding-bottom: 30px;
}
.questioninner img {
    width: 40px;
    vertical-align: middle;
    padding: 10px 20px;
}
.innerwrap2{
	width:600px;
	margin:0 auto;
}
.innerwrap2 p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    font-size: 15px;
}
/*informationはここから*/
.inner3{
	text-align: center;
	padding: 20px 0;
}
.inner3 p{
	padding:35px 0;
	font-size: 17px;
	font-weight: bold;
	color: #565656;
}
p.left {
    font-size: 14px;
    margin-left: 190px;
    line-height: 30px;
    font-weight: bold;
    color: #565656;
    margin-bottom: 40px;
}
p.left img{
vertical-align: middle;
    padding: 5px;
    width: 18px;
}
#information .subtitle img {
    padding: 0 20px;
}
.inner4{
	text-align: center;
}
.inner4 img{
    width: 330px;
    padding: 20px;
}
/*serviceはここから*/
.class{
	padding: 20px 0 20px 35px;
}
.class img{
	width: 240px;
	padding: 5px;
}
.clinner{
	padding: 35px;
}
.pin{
    width: 240px;
}
.clinner p{
    color: #565656;
    font-weight: bold;
    font-size: 13px;
}
.center img.climg {
    width: 90%;
    padding-top: 30px;
}
.center img.climg2 {
    width: 50%;
    margin-top: 30px;
    background: #fff;
}
.flow{
	margin:10px 0;
	padding: 20px 50px;
    background: rgba(255,255,255,0.6);
    box-shadow: 4px 4px 10px rgba(0,0,0,0.2);
}
.flowtable td{
	padding:2px 0;
}
.flowtable td.up{
	vertical-align: top;
}
.flowtable td span {
    padding-left: 30px;
    color: #23999d;
    line-height: 27px;
    font-size: 14px;
}
.flowtable {
    font-size: 14px;
    font-weight: bold;
    color: #565656;
}

.doc-btn a{
	display:block;
	text-align:center;
	padding:0.5em;
    width: 300px;
    background: #fff;
    border: 1px solid #23999d;
    font-weight: 600;
    font-size: 15px;
    color: #23999d;
	margin:20px auto;	
}
.doc-btn a:hover{
    background: #23999d;
    color: #fff;	
}
@media screen and (min-width: 768px) and ( max-width:1024px){
	.inner1 {
    	width: 100%;
	}
	nav.topnav ul li {
    	padding: 9px 15px;
	}
	nav.topnav ul {
    	width: 768px;
    	margin: 0 auto;
	}
	.toph2 {
    	font-size: 14px;
	}
	img.bar1 {
    	width: 100%;
	}
	.innerwrap {
   	 width: 95%;
	}
	.sinner2 {
    	padding: 15px 7px;
	}
	p img.right {
    	padding-right: 17px;
	}
	.day img {
    	margin: -1px;
	}
	p.subcontents {
	    font-size: 14px;
	}
	.inner3 p {
    	font-size: 15px;
	}
	.inner4 img {
    	padding: 15px;
	}
	.class img {
    	width: 225px;
    	padding: 1px;
	}
	section.contents {
    	width: 70%;
	}
	section.date {
    	width: 20%;
	}
}

@media screen and ( max-width:767px){
	.drawer-hamburger {
    position: fixed;
    z-index: 4;
	}
	.topnav{
	display:none;
	}
	nav.drawer-nav{
	touch-action: none;
    text-align: center;
    background: #23999d;
    display: block;
    top: 125px;
	}
	nav.drawer-nav li{
	line-height: 50px;
	border-bottom: 0.1px solid #fff;
	color:#fff;
	}
	nav.drawer-nav li img{
	vertical-align: middle;
   	 padding-left: 10px;
    	width: 25px;
	}
	nav.drawer-nav a{
	color:#fff;
	}
	.banner img{
	    height: 35px;
	}
	.inner1 {
    	width: 100%;
	}
	nav.topnav ul li {
    	padding: 9px 15px;
	}
	.toph2 {
    	font-size: 14px;
	}
	img.bar1 {
    	width: 100%;
	}
	.innerwrap {
   	 width: 95%;
	}
	.sinner1{	
	border-bottom: none;
	}
	.sinner2 {
    	padding: 15px 7px;
    	width: 60%;
    	margin: 10px 17%;
	}
	.sinner2 p {
    	font-size: 13px;
	}
	p img.right {
    	padding-right: 17px;
	}
	.day img {
    	margin: -1px;
	}
	p.subcontents {
	    font-size: 13px;
	}
	.inner3 p {
    	font-size: 15px;
	}
	.inner4 img {
    	padding: 15px;
	}
	.class img {
    	width: 225px;
    	padding: 1px;
	}
	.sns {
    	display:none;
	}
	.toi {
	    display: none;
	}
	.form {
   	     display: none;
	}
	.inner2 {
    	text-align: center;
	}
	.subtitle {
   	 display: inline;
	}
	p.subcontents {
    	width: 100%;
    	text-align: left;
	margin-bottom: 15px;
	}
	#information p.subcontents {
    	width: 100%;
    	text-align: center;
	margin-bottom: 15px;
	}
	img.up {
    	display: none;
	}
	.photo {
    	width: 100%;
    	text-align: center;
	}
	.photo img {
	    width: 80%;
   	 margin: 0 9px;
	}
	.center {
    	width: 100%;
	}
	.contact img {
	    width: 45%;
	    padding: 1px;
	}
	header {
	    padding: 42px 0;
	}
	h1{
		text-align: center;
	}
	.logo2{
	width: 80%;
	}
	.banner {
	    top: 59px;
	    right: 10px;
	}
	h1 span {
	    font-size: 12px;
	    top: 38px;
	    left: auto;
	}
	nav.footernav {
	    display: none;
	}
	.address {
    	position: static;
    	width: 215px;
    	margin: 0 auto;
    	text-align: center;
    	padding-top: 10px;
	}
	.inner3 img{
	    width: 100%;
	}
	p.left {
    	font-size: 13px;
	font-weight: 500;
    	margin-left: 0;
    	line-height: 23px;
	    text-align: left;
	}
	img.title2 {
    	height: 33px;
	    padding: 0 5px;
	}
	.class {
 	   padding: 0;
	}
	.clinner p {
	    text-align: left;
	}
	.center img.climg2 {
    	width: 80%;
	}
	.flow {
   	 margin: 0;
   	 padding: 10px;
	}
	.flowtable {
   	 font-size: 13px;
	}
	.flowtable td {
	    display: -webkit-box;
	text-align: left;
	}
	.flowtable td span {
    	padding-left: 0;
	    line-height: 23px;
    	font-size: 13px;
	}
	table.rcinner th {
	    width: 100%;
	    padding: 10px 0px;
	    display: -webkit-inline-box;
	}
	table.rcinner td {
	    padding: 10px 0;
 	   display: inline-block;
  	  width: 100%;
	}
	table.rcinner .rctitle {
	    margin-left: 0;
	}
	#information .inner4 img{
	 width: 80%;
	}
	table.rcinner {
    	width: 95%;
	}
	.ctcomment {
    	width: 100%;
    	margin: 0 auto;
	}
	.cttitle, .rctitle {
    	width: auto;
    	margin-left: 5px;
	}
	input, textarea {
    	margin: 10px 0;
	}
	.form1 {
	width: 90%;
	}
	.top,.top2{
	display:none;
	}
	.form2 {
    	width: 90%;
    	margin: 10px auto;
	}
	textarea {
    	    width: 90%;
	}
	#contact p.center,#recruit p.center {
	padding-bottom: 20px;
	}
	#recruit table.rcinner th {
    width: 100%;
    text-align: -webkit-center;
	}
	.cttitle, .rctitle {
    margin: 10px;
	}
	.etinner2 {
    	width: 100%;
    	height: auto;
    	margin: 0 auto;
	padding: 10px 0;
	}
	.ettext {
    	width: 80%;
    	font-size: 13px;
    	position: static;
    	margin: 0 auto;
	}
	.etcontents,.etinner2 span {
    	position: static;
	}
	img.right {
    	width: 100px;
    	margin-top: 10px;
	}
	.innerwrap2 {
    	width: 90%;
    	text-align: left;
	}
	.innerwrap2 p {
	    	display: -webkit-box;
    	font-size: 13px;
	}
	.questioninner img {
    	padding: 5px 0;
	}
	#entry table.ettable span, #entry table.ettable2 span {
    	display: inherit;
	}
	#entry table.ettable,#entry table.ettable2 {
    	width: 100%;
	}
	#entry th.left {
    	width: auto;
	}
	#entry table.ettable th,#entry table.ettable td {
    	display: -webkit-box;
	}

	.newscontents {
    	font-size: 12px;
	}
	section.date {
    	width: auto;
	}
	section.contents {
    	width: auto;
	}
	.photo img.none{
	display:none;
	}
	table.ettable3{
	display:none;
	}
	table.ettable4 {
    	width: 100%;
	display: table;
	}
	table.ettable4 th {
    	width: 40%;
	}
}

</style>