@charset "utf-8";
.sp{
display: none
}
.pc{
display:block
}

table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  border: 1px solid #DAD4CF;
}
table th, table td {
  padding: 0.5em;
  border: 1px solid #DAD4CF;
}
table th {
  font-weight: bold;
  text-align: center;
}
body{
 font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;  
}

figure.photo{
margin:0;
}
figure.photo>ul{
    list-style-type: none;
    margin:0;
    padding:0;
}
figure.photo img{
width:100%;
height:auto;
}
h1,h2,h3{
margin:0;
padding:0;
}






.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  transform: rotate(0.05deg);
}

.m-plus-rounded-1c-medium {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
  transform: rotate(0.05deg);
}

.m-plus-rounded-1c-bold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
  transform: rotate(0.05deg);
}

body{
font-size:0.95rem;
color:#67707C;
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    position: relative;
}
header{
    background-image: url(img/bg2-8.png);
}

main{
display: block;
position: relative;
line-height:160%
}
#topImg{
position: relative;
line-height:0;
height:650px;

}
#topImg .illust{
position: absolute;
top:5%;
left:5%;
z-index: 1002;
}
#topImg .illust2{
position: absolute;
bottom:5%;
right:1%;
z-index: 1003;
}
#topImg .topImgCatch{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
z-index: 1000;
width:20%;
padding-bottom:50px;
}
#topImg .topImgCatch img{
width:100%;
height:auto;
max-width:297px;
}
#topImg .topImgB{
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    z-index: 1001;
    background-image: url(img/giza1-8.png);
    background-repeat: repeat-x;
    background-position: center top;
}

#slider{
width:100%;
margin-right:auto;
margin-left:auto;
}

#slider ul{
margin: 0;
padding: 0;
}
#slider li{
max-height:650px;
}
.bxslider li img{
object-fit: cover;
height:650px;
width:100%;
}
.bxslider li img{
	transform: scale(1.1);
	transition-duration: 10s;
}
.bxslider .active-slide img{
	transform: scale(1);
}
#index nav{
    margin-top: -60px;
    position: relative;
    z-index: 1001;    
}
#index nav ul{
    display: flex;
    background-image: url(img/nBg-8.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 105px;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    justify-content: space-around;
    align-items: baseline;
    padding-right: 60px;
    padding-left: 60px;
    padding-top:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:0
}
#sec header{
padding-top:30px;
}
#sec header .cover{
background-image: url(img/nBg2-8.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 106px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 50px;
    padding-left: 50px;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#sec header .cover h1{
width:25%;
margin-right:5%;
}
#sec header .cover h1 img{
width:100%;
height:auto;
}
#sec nav {
width:70%
}
#sec nav ul{
 margin:0;
 display: flex;    
    justify-content: space-around;
    align-items: baseline;
     margin-bottom:0
}





article{
padding-bottom:100px;
padding-top:100px;
}
article .box{

}
article:last-of-type{

}
article h2{
text-align: center;
margin-bottom:50px;
width:100%;
}

a{
color:#67707C;
}
a:hover{
 opacity:0.7;
 filter:alpha(opacity=70);
 -ms-filter: “alpha( opacity=70 )”;
}




.style1{
    background-image: url(img/bgL-8.png),url(img/bgR-8.png),url(img/bg2-8.png);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: left -150px bottom,right -180px top
}
.style1 .box{
width:800px;
margin:0 auto;
}
#news dl{
display: flex;
flex-wrap: wrap;
margin:0;
padding:0;
width:100%;
}
#news dl dt{
    width: 15%;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #EF9673;
    padding: 1.5rem 0.5rem;
    color: #EF9673;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
#news dl dd{
width:85%;
margin:0;
padding:0;
border-bottom: 1px dashed #EF9673;
padding:0.6rem 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

.style2{
padding-top:0;
padding-bottom:100px;
}
.style2 .cover{
    width:100%;
    background-image: url(img/nami1-8.png),url(img/nami2-8.png),url(img/bg1-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top -2px,center bottom -2px,center center;
    padding-bottom:180px;
    padding-top:180px;
    background-size: auto,auto,1200px;
}
#kihon .box{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap
}
#kihon .wrap{
    width: 60%;
    padding: 50px 15% 50px 5%;
    border-top-right-radius:18em;
    border-bottom-right-radius: 18em;
    background-color: hsla(0,0%,100%,0.80);
}
#kihon .wrap{
position: relative
}
#kihon .wrap .illust{
position: absolute;
top:80px;
right:80px
}
#kihon dl{
width:100%;
display: flex;
flex-wrap: wrap;
margin:0;
padding:0;
margin-bottom:2rem;
}
#kihon dl dt{
    width: 20%;
    margin: 0;
    padding: 0;
     border-bottom: 1px dashed #8DB9E6;
    color:#2ba092;
    padding:10px;
}
#kihon dl dd{
width:80%;
margin:0;
padding:0;
 border-bottom: 1px dashed #8DB9E6;
padding:10px;
}
#kihon dl dd p{
margin:0;
}
#kihon #map{
width:100%;
}
#kihon #map iframe{
height:300px;
width:100%;
}
#kihon #map iframe{
height:250px;
border: 1px solid #D1D8DB;
border-radius:3px;
}

#kihon figure.photo{
width:35%;
margin:0
}
#kihon figure.photo ul li:nth-of-type(1){
width:70%;
overflow: hidden; 
position: relative; 
padding-bottom: 100%;
height: 0;
margin-right:0;
margin-left:auto;
margin-bottom:30px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-color:#9FC2D7;
}
#kihon figure.photo ul li:nth-of-type(1) img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
padding:6px 0 6px 6px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
#kihon figure.photo ul li:nth-of-type(2){
width:90%;
overflow: hidden; 
position: relative; 
padding-bottom:65%;
height: 0;
margin-right:auto;
margin-left:0;
border-radius: 10px;
background-color:#F7BB7F;

}
#kihon figure.photo ul li:nth-of-type(2) img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
padding:6px;
border-radius: 10px;
}

.pagetop{
  display: none;
  position: fixed;
  /*bottom: -100px;*/
  right: 10px;
  bottom:10px;
  z-index:9999;
}
.pagetop img{
width:100%;
height:auto;
max-width:140px;
}

footer{
    background-image: url(img/footerBg-8.png);
    background-repeat: repeat-x;
    background-position: center bottom -90px;
padding-top:100px;
background-size: 2000px

}

footer .box{
    width: 900px;
    margin-right: auto;
    margin-left: auto;   
    align-items: center;
    
  
}
footer h1{
text-align: center;
width:100%;
}

footer ul{
    margin: 0;
    padding: 0;
    list-style: none; 
    text-align: center;
    margin-bottom:80px;
}
footer ul li{
margin-bottom:1rem;
}

footer p{
text-align: right;
font-size:0.8rem;
margin:0;
padding:0
}
footer p:first-of-type{
font-size:0.8rem;
}

#gaiyo dl{
display: flex;
flex-wrap: wrap;
margin:0;
padding:0;
width:100%;
}
#gaiyo dl dt{
    width: 20%;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #EF9673;
    padding: 1rem 0.5rem;
    color: #EF9673;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
#gaiyo dl dd{
width:80%;
margin:0;
padding:0;
border-bottom: 1px dashed #EF9673;
padding:0 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
#mokuhyo .box{
    width: 980px;
    margin: 0 auto;
    padding: 100px 50px 50px 50px;
    background-color: hsla(0,0%,100%,0.80);
    border-radius: 15px;
    background-image: url(img/hoiku4_1-8.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
#mokuhyo .box h2{
width:300px;
text-align: center;
margin:0
}
#mokuhyo .box h3{
flex: 1;
text-align: center;

margin:0
}
#mokuhyo .box>ul{
width:80%;
margin-top:3rem;
margin-right:auto;
margin-left:auto;
padding:0
}
#mokuhyo .box>ul>li{
    list-style-type: none;
    margin-bottom: 1.5rem;
    background-image: url(img/dot6-8.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 35px;
    padding-left:50px;
    min-height:40px;
    padding-top:8px;
}
#mokuhyo .box>ul>li:nth-of-type(even){
   background-image: url(img/dot7-8.png);
}
.style3 .box{
width:100%;
}
#tokushoku .box{
display: flex;
align-items: center;
flex-wrap: wrap
}

#tokushoku figure.photo{
width:40%;
margin-right:5%;
}
#tokushoku figure.photo ul li{
width:100%;
overflow: hidden; 
position: relative; 
padding-bottom: 100%;
height: 0;
margin-right:0;
margin-left:auto;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
#tokushoku figure.photo ul li img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
}
#tokushoku .wrap{
width:55%;
display: flex;
justify-content: center
}
#tokushoku .wrap ul{
padding:0
}
#tokushoku .wrap ul li{
    list-style-type: none;
    margin-bottom: 1.5rem;
    background-image: url(img/dot1-8.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
    padding-left:50px;
    min-height:40px;
    padding-top:8px;
}
#tokushoku .wrap ul li:nth-of-type(5n+2){
background-image: url(img/dot2-8.png);
}
#tokushoku .wrap ul li:nth-of-type(5n+3){
background-image: url(img/dot3-8.png);
}
#tokushoku .wrap ul li:nth-of-type(5n+4){
background-image: url(img/dot5-8.png);
}
#tokushoku .wrap ul li:nth-of-type(5n){
background-image: url(img/dot4-8.png);
}
#daily .box{
width:70%;
}
#daily dl{
display: flex;
flex-wrap: wrap;
margin:0;
padding:0;
width:100%;
}
#daily dl dt{
    width: 15%;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #EF9673;
    padding: 1rem 0.5rem;
    color: #EF9673;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
#daily dl dt span{
background-color: #EF9673;
color:#fff;
padding:3px 0;
border-radius:1rem;
width:100%;
display: block;
text-align: center
}
#daily dl dd{
width:85%;
margin:0;
border-bottom: 1px dashed #EF9673;
padding:calc(3px + 0rem) 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
#daily .note{
margin-top:5rem;
background-color: #fff;
padding:3rem;
border-radius:15px;
border:3px solid #EFDFA2;
width:100%;
}
#daily{
padding-bottom:0
}
#daily figure{
    width: 100%;
    margin-top: 5rem;
    background-color: #FFF;
    padding-bottom:110px;
}
#daily figure ul{
display:flex;
    padding: 20px 0;
    background-image: url(img/bg4-8.png);
}
#daily figure ul li{
width:25%;
}
#daily figure div{
width:100%;
overflow: hidden; 
position: relative; 
padding-bottom: 70%;
height: 0
}
#daily figure div img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
}




#event{
 background-image:url(img/nami2-8.png), url(img/bgL-8.png),url(img/bgR-8.png),url(img/bg2-8.png);
    background-repeat: no-repeat,no-repeat,no-repeat,repeat;
    background-position: center bottom -2px,left -150px bottom 200px,right -180px top;
    padding-bottom:200px!important;
}
#event .box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:980px;
}
#event section{
width:30%;
margin-bottom:5rem;
background-color: #fff;
padding:1rem;
border-radius:10px;
}
#event figure{
width:100%;
}
#event figure div{
width:100%;
overflow: hidden; 
position: relative; 
padding-bottom: 70%;
height: 0
}
#event figure div img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
border-radius:2%;
}
#event h3{
    margin-top: 1rem;
    text-align: center;
    background-color: #F4EAC2;
    margin-bottom: 0.5rem;
    font-weight: normal;
    font-size: 1rem; 
}
#event .tArea{
width:90%;
margin-right:auto;
margin-left:auto;
text-align: center
}
#event .note{
margin-top:3rem;
background-color: #fff;
padding:3rem;
border-radius:15px;
border:3px solid #EFDFA2;
width:100%;
}
#event{
padding-bottom:0;
}
#event >figure{
    width: 100%;
    margin-top: 5rem;
    background-color: #E0CEBC;
    padding: 20px 0;
    background-image: url(img/bg4-8.png);
}
#event >figure ul{
display:flex; 
}
#event >figure ul li{
width:25%;
}
#blog .box{
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
#blog{
 background-image:url(img/nami2-8.png), url(img/bgL-8.png),url(img/bgR-8.png),url(img/bg2-8.png);
    background-repeat: no-repeat,no-repeat,no-repeat,repeat;
    background-position: center bottom -2px,left -150px bottom 200px,right -180px top;
    padding-bottom:200px;
}
#blog .wrap{
    width: 72.5%;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2.5%;
    border-right: 1px dotted #CBCBCB;
}
#blog section{
    margin-bottom: 3rem;
    border-bottom: 1px dotted #CBCBCB;
	padding-bottom:3rem;
}

#blog h3{
    font-size: 1rem;
    padding-left: 0.5rem;   
    margin-bottom: 1rem;
    font-weight: bold;
    color: #3A85D6;
    border-left: 5px solid #EF9673;
}
#blog .date{
	text-align: right;
   
}
#blog .tArea{
	margin-bottom: 2rem;
}
#blog figure{
	margin-bottom: 2rem;
    width:100%;
}
#blog figure ul{
	display: flex;
     flex-wrap: wrap;
    width:100%;
}
#blog figure ul li{
	width:31%;	
margin-bottom:1rem;
line-height:0;
margin-right:3.2%
}
#blog figure ul li:nth-of-type(3n){
margin-right:0
}
#blog figure ul li figcaption{
	font-size:0.8rem;
	text-align: center;
	line-height:120%;
    margin-top:0.3rem;
}
#blog figure ul li img{
	width:100%;
	height:auto;
	border-radius:8px; 
    font-size:0
}
#blog .pdf ul{
 list-style-type: none;
 margin:0;
 padding:0
}
#blog .pdf ul li{
    background-color: #EFDE9F;
    margin-bottom: 1rem;
    border-radius: 5px;
    padding-left: 10px;
   
}
#blog .pdf a{
    color:#5B453B;
    background-image: url(img/PDF_24.png);
    background-repeat: no-repeat;
    background-position: left center;	
	padding:5px 30px 5px 30px;
	display: block;
	min-height:24px;   
}
#blog .pdf a:hover{
	text-decoration: none
}
#blog .youtube{
	width:80%;
	margin-right:auto;
	margin-left:auto;
    margin-top:2rem;
}
#blog .youtube .wrapwrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
	
}
#blog .youtube .wrapwrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#blog .pager{
	margin-top:100px;
	
}
#blog .pager  ul.pagination {
  text-align: center;
  margin: 0;
  padding: 0;
}

#blog .pager .pagination li {
  display: inline;
  margin: 0 1px;
  padding: 0;
  display: inline-block;
  background:#D1DBE6;
  width: 45px;
  height: 45px;
  text-align: center;
  position: relative;
	border-radius:5px;
}

#blog .pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  text-decoration: none;
}

#blog .pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

#blog .pager .pagination li a:hover,
#blog .pager .pagination li a.active{

  background: #EFDE9F;
	border-radius:5px;
}
#blog .cat{
    width: 25%;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    font-size: 0.9rem;   
}
#blog .cat p{
	text-align: center;
}
#blog .cat p img{
width:100%;
height:auto;
max-width:282px;
}
#blog .cat ul li{
    list-style-position: outside;
    list-style-type: circle;
	margin-left:1rem;
	margin-bottom:1rem;
}

#blog .cat ul li a:hover{
	text-decoration: none;
}


@media screen and (max-width: 999px){
#topImg{
height:550px;
}
#topImg .illust{
position: absolute;
top:5%;
left:5%;
z-index: 1002;
width:30%;
}
#topImg .illust img{
width:100%;
height:auto;
}
#topImg .illust2{
position: absolute;
bottom:5%;
right:1%;
z-index: 1003;
width:30%;
}
#topImg .illust2 img{
width:100%;
height:auto;
}
#topImg .topImgCatch{
width:25%;
padding-bottom:50px;
}
#topImg .topImgB{
    background-image: url(img/giza1-8.png);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 800px;
}
#slider li{
max-height:550px;
}
.bxslider li img{
object-fit: cover;
height:550px;
width:100%;
}
#index nav{
    margin-top: -60px;
    position: relative;
    z-index: 1001;    
}
#index nav ul{
    display: flex;
    background-image: url(img/nBg-8.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    height:auto;
    width: 96%;  
    justify-content: space-around;
    align-items: baseline;
    padding-right: 30px;
    padding-left: 30px;
    padding-top:15px; 
    margin-bottom:0
}
#index nav ul li{
margin:0 15px;
}
#index nav ul li img{
width:100%;
height:auto;
}
#sec header .cover{
background-image: url(img/nBg2-8.png);
background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    height: 10.176%;
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 30px;  
}
#sec header .cover h1{
width:25%;
margin-right:5%;
}
#sec header .cover h1 img{
width:100%;
height:auto;
}
#sec nav {
width:70%
}
#sec nav ul{
 margin:0;
 display: flex;    
 justify-content: space-around;
 align-items: baseline;
 margin-bottom:0
}
#sec nav ul li{
margin:0 10px;
}
#sec nav ul li img{
width:100%;
height:auto;
}








article h2 img{
height:95px;
width:auto;
}
.style1{
    background-image: url(img/bgL-8.png),url(img/bgR-8.png),url(img/bg2-8.png);
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: left -150px bottom,right -180px top;
    background-size: 293px,235px,1032px;
}
.style1 .box{
width:90%
}
.style2{
padding-top:0;
padding-bottom:50px;
}
.style2 .cover{
    width:100%;
    background-image: url(img/nami1-8.png),url(img/nami2-8.png),url(img/bg1-8.png);
    background-size: 1200px,1200px,1000px;
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top -2px,center bottom -2px,center center;
    padding-bottom:130px;
    padding-top:130px;
}
#news dl dt{
    width: 20%;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #EF9673;
    padding: 1.2rem 0.5rem;
    color: #EF9673;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
#news dl dd{
width:80%;
margin:0;
padding:0;
border-bottom: 1px dashed #EF9673;
padding:1.2rem 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
#kihon .box{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap
}
#kihon .wrap{
    width: 90%;
    padding: 50px 15% 50px 5%;
    border-top-right-radius:18em;
    border-bottom-right-radius: 18em;
    background-color: hsla(0,0%,100%,0.80);
}

#kihon figure.photo{
width:100%;
margin-top:3rem;
}
#kihon figure.photo ul {
display: flex
}
#kihon figure.photo ul li:nth-of-type(1){
width:50%;
overflow: hidden; 
position: relative; 
padding-bottom: 30%;
height: 0;
margin-right:0;
margin-left:auto;
margin-bottom:30px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-color:initial;
}
#kihon figure.photo ul li:nth-of-type(1) img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
padding:0;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
#kihon figure.photo ul li:nth-of-type(2){
width:50%;
overflow: hidden; 
position: relative; 
padding-bottom:30%;
height: 0;
margin-right:auto;
margin-left:0;
border-radius: 0;
background-color:initial;

}
#kihon figure.photo ul li:nth-of-type(2) img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
padding:0px;
border-radius: 0;
}
.pagetop{
  display: none;
  position: fixed;
  right: 0;
  z-index:9999;
  text-align: right
}
.pagetop img{
width:80%;
height:auto;
}
footer{
    background-image: url(img/footerBg-8.png);
    background-repeat: repeat-x;
    background-position: center bottom -90px;
padding-top:100px;
background-size: 1500px

}
footer .box{
    width: 90%;  
}
footer ul{
    margin-bottom:30px;
}
#mokuhyo .box{
    width: 90%;    
    padding: 100px 50px 50px 50px;
    background-image: url(img/hoiku4_1-8.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 250px;
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content: space-between;
      
}
#mokuhyo .box h2{
width:100%;
margin-bottom:3rem
}
#mokuhyo .box h2 img{
width:100%;
height:auto;
max-width:193px;
}
#mokuhyo .box h3{
flex:initial;
width:70%;
margin:0 auto;
}
#mokuhyo .box h3 img{
width:100%;
height:auto;
max-width:512px;
}
#mokuhyo .box>ul{
width:90%;
margin-top:3rem;
margin-right:auto;
margin-left:auto;
}
#daily .box{
width:80%;
}
#daily dl dt{
    width: 20%;
}
#daily dl dd{
    width: 80%;
}
#event{
    background-position: center bottom -2px,left -150px bottom 200px,right -180px top;
    background-size: 1200px,293px,235px,1032px;
}
#event .box{
width:94%;
}
#event section{
width:45%;
margin-bottom:5rem;
background-color: #fff;
padding:1rem;
border-radius:10px;
}
#blog{
    background-position: center bottom -2px,left -150px bottom 200px,right -180px top;
    background-size: 1200px,293px,235px,1032px;
}
}
@media screen and (max-width: 599px){
.sp{
display: block
}

#topImg{
height:350px;
}
#topImg .illust{
position: absolute;
top:5%;
left:5%;
z-index: 1002;
width:35%;
}
#topImg .illust2{
position: absolute;
bottom:5%;
right:1%;
z-index: 1003;
width:35%;
}
#topImg .topImgCatch{
width:30%;
padding-bottom:50px;
}
#topImg .topImgB{
    background-image: url(img/giza1-8.png);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 600px;
}
#slider li{
max-height:350px;
}
.bxslider li img{
object-fit: cover;
height:350px;
width:100%;
}

#index nav.NavMenu{
position: fixed;
z-index: 99998;
top: 0;
left: 0;
background: #fff;
text-align: center;
width: 100%;
transform: translateY(-100%);
transition: all 0.6s;
margin-top:0;
background-color: #EFDFA2;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

#index nav.NavMenu ul{
    background-image: none;
    width: 100%;
    margin: 0 auto;   
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding: 50px 20px 20px 20px;
}

#index nav.NavMenu ul li{
    width: 30%;
    padding: 0;
    margin: 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:25px 10px;
    border-radius:10px;
    margin-bottom:20px;
}
#index nav.NavMenu ul li:nth-of-type(3n){
border-right:none
}
#index nav.NavMenu ul li img{
height:70px;
width:auto;
}

#index nav.NavMenu.active{
transform: translateY(0%);
}
.Toggle {
display: block;
position: fixed; 
right: 13px;
top: 12px;
width: 42px;
height: 42px;
cursor: pointer;
z-index: 99999;
}
 
.Toggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #000;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 6px;
}
 
.Toggle span:nth-child(1) {
top: 9px;
}
 
.Toggle span:nth-child(2) {
top: 18px;
}
 
.Toggle span:nth-child(3) {
top: 27px;
}

.Toggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
#sec header{
padding-top:10px;
}
#sec header .cover{
background-image: none;
   width:90%;
   height:auto;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0px;
    padding-left: 0px;  

}
#sec header .cover h1{
width:45%;
margin-right:0;
}



#sec nav.NavMenu{
position: fixed;
z-index: 99998;
top: 0;
left: 0;
background: #fff;
text-align: center;
width: 100%;
transform: translateY(-100%);
transition: all 0.6s;
margin-top:0;
background-color: #EFDFA2;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

#sec nav.NavMenu ul{
    background-image: none;
    width: 100%;
    margin: 0 auto;   
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding: 50px 20px 20px 20px;
}

#sec nav.NavMenu ul li{
    width: 30%;
    padding: 0;
    margin: 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:25px 10px;
    border-radius:10px;
    margin-bottom:20px;
}
#sec nav.NavMenu ul li:nth-of-type(3n){
border-right:none
}
#sec nav.NavMenu ul li img{
height:70px;
width:auto;
}
#sec nav.NavMenu.active{
transform: translateY(0%);
}



article h2 img{
height:80px;
width:auto;
}
.style2 .cover{
    background-size: 800px,800px,800px;    
    padding-bottom:130px;
    padding-top:130px;
}
#news dl dt{
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom:none;
    padding: 0.5rem 0.5rem 0 0.5rem;     
}
#news dl dd{
width:100%;
border-bottom: 1px dashed #EF9673;
padding:0.5rem 0.5rem;

}
#kihon .wrap{
    width:100%;
    padding: 50px 5%;
    border-top-right-radius:0;
    border-bottom-right-radius: 0;   
}
#kihon dl dt{
    width: 25%;
}
#kihon dl dd{
width:75%;
}
footer{
    background-image: url(img/footerBg-8.png);
    background-repeat: repeat-x;
    background-position: center bottom -30px;
padding-top:100px;
background-size: 1000px

}
footer h1{
width:80%;
margin-right:auto;
margin-left:auto;
}
footer h1 img{
width:100%;
height:auto;
max-width:339px;
}
footer ul li:last-child{
width:60%;
margin-right:auto;
margin-left:auto;
}
footer ul li:last-child img{
width:100%;
height:auto;
}
#gaiyo dl dt{
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom:none;
    padding: 0.5rem 0.5rem 0 0.5rem;     
}
#gaiyo dl dd{
width:100%;
border-bottom: 1px dashed #EF9673;
padding:0.5rem 0.5rem;

}
#mokuhyo .box{
    width: 90%;    
    padding: 100px 30px 30px 30px;
    background-image: url(img/hoiku4_1-8.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 50%;      
}
#mokuhyo .box h2{
width:45%;
margin-bottom:3rem;
margin-right:auto;
margin-left:auto;
}

#mokuhyo .box h3{
width:90%;
margin:0 auto;
}
#mokuhyo .box>ul{
width:100%;
margin-top:3rem;
margin-right:auto;
margin-left:auto;
}

#tokushoku figure.photo{
width:80%;
margin-right:0;
margin-bottom:2rem
}
#tokushoku figure.photo ul li{
width:100%;
overflow: hidden; 
position: relative; 
padding-bottom: 60%;
height: 0;
margin-right:0;
margin-left:auto;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
#tokushoku figure.photo ul li img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
}
#tokushoku .wrap{
width:100%;
display: flex;
justify-content: center
}
#tokushoku .wrap ul{
width:90%;
}
#tokushoku .wrap ul li{
    list-style-type: none;
    margin-bottom: 1.5rem;
    background-image: url(img/dot1-8.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
    padding-left:50px;
    min-height:40px;
    padding-top:8px;
    }
#daily .box{
width:90%;
}
#daily dl dt{
    width: 25%;
}
#daily dl dd{
    width: 75%;
}
#daily .note{
margin-top:3rem;
padding:2rem;
}
#daily figure ul{
flex-wrap: wrap
}
#daily figure ul li{
width:50%;
}

#event{
    background-position: center bottom -2px,left -150px bottom 200px,right -180px top;
    background-size: 800px,293px,235px,1032px;
    padding-bottom:100px!important;
}
#event .note{
margin-top:3rem;
padding:2rem;
}
#event section{
width:85%;
margin-bottom:2rem;
margin-right:auto;
margin-left:auto;
}
#blog{
    background-position: center bottom -2px,left -150px bottom 200px,right -180px top;
    background-size: 800px,293px,235px,1032px;
    padding-bottom:100px!important;
}

#blog .wrap{
    width: 100%;
    float: none;
	border:none;
	padding:0
}
#blog .cat{
    width: 100%;
    float: none;
    margin-top: 1.5rem;
    border: 4px double #AED9CB;
	border-radius:5px;
	padding:0.5rem;	
}
#blog .cat p{
width:50%;
margin-right:auto;
margin-left:auto;
}
#blog .wrap figure ul li{
	width:48%;
	display:inline-block;
	margin-right:1%;
	margin-left:1%;	
}
#blog .youtube{
	width:100%;
	margin-right:auto;
	margin-left:auto
}    
#blog .pager{
	margin-top:50px;
}
#blog .pager .pagination li{
    display: none;
  }

#blog .pager .pagination li.pre,
#blog .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

#blog .pager .pagination li.pre a,
#blog .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

#blog .pager .pagination li.pre span::after{
    content: "　前の5件へ";
  }

#blog .pager .pagination li.next span::before{
    content: "次の5件へ　";
  }

    }