@charset "utf-8";
*{padding:0;margin:0;}a:link,a:visited{color:#222;}a:hover{color:#bbb;}
body{text-align:center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;;color:#000;-webkit-text-size-adjust:100%; font-weight: normal;background-color:#FFF;}
body:before{content: ""; display: block; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100vh; background: url(im/sora2.jpg) center no-repeat; background-size: cover;}
#wrapper{text-align:left;margin:0 auto;position:relative;}
#header{background:#FFF;width:100%;text-align:center;font-weight:bold;top:0;position: fixed;z-index: 1000;}
#footer{width:100%;padding:1px 0;text-align:center;background-color:#222;color:#FFF;bottom:0;position: fixed;border-top:double 4px;font-size:90%;}
#footer a:link,#footer a:visited{color:#FFF;text-decoration: none;}
#ab{margin:100px 0 0 0;padding:0 0 20px 0;width:100%;text-align:left;}
#ab a:link,#ab a:visited{color:#FFF;}#ab a:hover{color:#bbb;}
#ins,#lesson,#con,#ws,#ac,#stb{margin:0 auto;padding:80px 0 30px 0;background-color:#FFF;width:900px;}
#top{margin:0 auto;padding:30px 0 30px 0;}
#logo{text-align:center;padding:100px 0 0 0;color:#FFF;}
#tanka{text-align:center;padding:0px 0 20px 0;}
#ti{display:inline-block;margin:60px 0;padding:5px 40px;font-size:150%;color:#FFF;}
#im,#im2,#im3,#im4,#im5,#map,#mail,#sns,#pic,#wspic,#tel{text-align:center;padding:10px 0;max-width: 100%;height:auto;margin:0 auto;}
#im6,#im7,#im8,#im9,#im10{text-align:center;padding:10px 0;max-width: 50%;height:auto;margin:0 auto;}
img {max-width:100%; height: auto;}
#pagename{font-size:140%;text-align:center;margin:0 auto 0 auto;}
#pagename:first-letter {margin-right: 0.1em;font-size: 1.5em;}
h1{font-size:120%;text-align:center;padding:5px 0px;text-decoration:none;}
h1 a{text-decoration:none;}
h2{font-size:140%;text-align:center;margin:0 auto 20px auto;}
h2 span{display:block;font-size:100%;padding:5px 0px;}
h3{font-size:130%;margin:20px auto 15px auto;padding:5px 0;border-bottom:double 3px;}
h4{font-size:110%;margin:30px 10px 10px 10px;padding:0 10px;border-left:solid 7px;}
h5{font-size:100%;margin:30px 10px 10px 30px;padding:0 10px;border-left:double 5px;}

p{margin: 15px 0;}
#media{padding:30px 20px 30px 20px;}
#media li{padding:3px 0;font-size:120%}
.tab{margin:0 auto;width:100%;list-style:none;border-bottom:double 4px;}
.tab li{height:37px;display:inline-block;width:120;}
.tab li a{display:block;text-decoration:none;}
.tab li a:hover{color:#AAA;}
.tab li a span{display:block;font-size:70%;}
.current a {background :#222;color: #FFF;}
table{width:100%;margin:20px auto;text-align:left;}
th{padding:0 10px;font-weight:bold;border-bottom:solid 1px;}
td{padding:5px 30px;font-weight: 500;}
#sub1,#sub2,#sub4,#sub5,#sub6,#sub7,#sub8{margin:0 auto;padding:20px 0;width:700px;}

@media screen and (max-width: 719px) {
#top{background:url(im/sora2.jpg) center center / cover no-repeat fixed;}
#wrapper{background:none;background-color:#FFF;color:#000;}
#sub1,#sub2,#sub3,#sub4,#sub5,#sub6,#sub7,#sub8{width:430px;margin:0 auto;}
.tab li{width:13%;font-size:80%;} #ti{font-size:140%;}
#ins,#lesson,#con,#ws,#ac{width:100%;}}