@charset "shift_JIS";
.pc{
display: block;
}
.sp{
display: none
}
body{
    font-size: 0.95rem;
    color: #563D31;
    position: relative;
    background-image: url(img/bg3-80.jpg);
    background-repeat: repeat;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
header{
    background-image: url(img/headerBg1-8.png);
    background-repeat: repeat-x;
    background-position: center top;
  position: relative 
}
header nav.sub{
position: absolute;
top:0;
right:0;
height: 180px;
width:180px;
background-image: url(img/navi1-BG-8.png);
background-repeat: no-repeat;
background-position: left bottom;
display: flex;
justify-content:flex-end;

}
header nav.sub ul{
margin-right:10px;
padding-top:30%;
}
header nav a:hover{
 opacity:0.7;
 filter:alpha(opacity=70);
 -ms-filter: “alpha( opacity=70 )”;
}
header{
    background-position: center top;
    background-repeat: no-repeat;
}
h1{
text-align: center;
padding-top:70px;
line-height:0;
margin-bottom:10px;
}
nav.gl{
    background-image: url(img/headerBg2-8.png);
    background-position: center bottom;
    padding-bottom: 40px;
    background-repeat: repeat-x;
}
/*.secPage nav.gl{
    background-image: url(img/naname-8.png),url(img/headerBg2-8.png);
    background-position: center bottom,center bottom 18px;
    padding-bottom: 60px;
    background-repeat: repeat-x;
}*/
.secPage nav.gl{
    background-image: url(img/headerBg2-8.png);
    background-position:center bottom 18px;
    padding-bottom: 60px;
    background-repeat: repeat-x;
}
.secPage header{
    border-bottom: 10px dotted #F7C3CE;
}
nav.gl ul{
display: flex;
justify-content: space-between;
width:850px;
margin-right:auto;
margin-left:auto;
align-items: baseline
}

#topImg{
    height:450px;
   position: relative
}
#topImg .catch{
    position: absolute;
    top: -50px;
    z-index: 999;
    width: 100%;
    background-image: url(img/hataR-8.png),url(img/hataL-8.png);
    background-repeat: no-repeat;
    background-position: right center,left center;
}
#topImg .catch div{
width:960px;
margin-right:auto;
margin-left:auto;
}
#topImg .slider li img{
    border-radius: 8px;
    margin: 0 6px;
    height: 450px;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 6px solid hsla(0,0%,100%,1.00);
}
main{
position: relative;
display: block;
line-height:160%;
padding-bottom:100px;
}



article .box{
width:960px;
margin-right:auto;
margin-left:auto;
}
article h2{
text-align: center;
margin-bottom:50px;
width:100%;
}

article .box .tArea{
line-height:160%;

}
a{
 color: #8C6E4F;
}

article:nth-of-type(1){
    background-image: url(img/side1L-8.png),url(img/side1R-8.png);
    background-repeat: no-repeat;
    background-position: left -250px top 100px,right -250px top;
    padding-top: 80px;
    padding-bottom: 80px;
}
article:nth-of-type(2)
{
    background-image: url(img/ue-8.png),url(img/shita-8.png),url(img/bg1-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top,center bottom,center top;
 padding-top:100px;
  padding-bottom:100px;
}
article:nth-of-type(3) {

  background-image: url(img/side2L-8.png),url(img/side2R-8.png);
    background-repeat: no-repeat;
    background-position: left -50px top 500px,right -50px top;
    padding-top: 80px;
    padding-bottom: 80px;
}
article:nth-of-type(4){
    background-image: url(img/ue-8.png),url(img/shita-8.png),url(img/bg2-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top,center bottom,center top;
 padding-top:100px;
  padding-bottom:100px;
}
#news dl {
display: flex;
flex-wrap: wrap;
}
#news dl dt p{
background-color: #F4A2C1;
border-radius:5px;
text-align: center;
color:#fff;
font-weight:bold;
}
#news dl dt{
    width: 15%;  
    border-radius:3px;
    padding-bottom:1rem;
    margin-bottom:1rem;
    padding-right:3%;
    background-image: url(img/line1-8.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}
#news dl dd{
    width: 82%;   
    padding-bottom:1rem;
    margin-bottom:1rem;
    background-image: url(img/line1-8.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}
#news a:hover{
text-decoration: none;
 opacity:0.7;
 filter:alpha(opacity=70);
 -ms-filter: “alpha( opacity=70 )”;
}

#goaisatsu .box{
    padding: 4rem;
    background-color: hsla(0,0%,100%,0.80);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
    display: flex;
    justify-content: space-between
}
#goaisatsu figure{
width:35%;
}
#goaisatsu figure img{
width:100%;
height:auto;
border-radius:10px;
}
#goaisatsu .tArea{
width:60%;
}








#kihon .box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start
}
#kihon .cover{
    width: 100%;
    margin-bottom:1rem;
}
#kihon table{
	border-collapse:separate;
	border-spacing:0;
}
#kihon #map{
width:100%;
}

#kihon table th {
    border-right: 2px solid #D2E6AD;
    border-left: 2px solid #D2E6AD;
    border-bottom: 2px solid #D2E6AD;
    padding: 10px 20px;
    text-align: center;
    background-image: url(img/bg4-8.png);    
}
#kihon table td {
	border-right: 2px solid #D2E6AD;
	border-bottom: 2px solid #D2E6AD;
	padding:10px 20px;
    word-break: break-all;
    background-color: hsla(0,0%,100%,0.80)
}
#kihon table tr:first-child th{
	border-top-left-radius: 8px;
	border-top: 2px solid #D2E6AD;
}
#kihon table tr:first-child td{
	border-top-right-radius: 8px;
	border-top: 2px solid #D2E6AD;
}
#kihon table tr:last-child th{
	border-bottom-left-radius: 8px;
}
#kihon table tr:last-child td{
	border-bottom-right-radius: 8px;
}
#kihon #map iframe{
height:400px;
border-radius:8px;
width:100%;
}


#enkaku .box{
    padding: 4rem;
    background-color: hsla(0,0%,100%,0.80);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;   
}
#enkaku dl {
display: flex;
flex-wrap: wrap;
}
#enkaku dl dt p{
background-color: #F4A2C1;
border-radius:5px;
text-align: center;
color:#fff;
font-weight:bold;
}
#enkaku dl dt{
    width: 17%;  
    border-radius:3px;
    padding-bottom:1rem;
    margin-bottom:1rem;
    padding-right:3%;
    border-bottom: 2px dashed #BBD59E;
    color:#92C15C
}
#enkaku dl dd{
    width: 80%;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px dashed #BBD59E;
}
.pagetop{
  display: none;
  position: fixed;
  bottom:0px;
  right: 10px;
  z-index: 2000; 
}
.pagetop img{
width:123px;
height:auto;
}


footer{
    background-image: url(img/headerBg2-8.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 50px;
}
footer ul{
font-size:1rem;
}
footer ul li{
margin-bottom:0.5rem;
text-align: center;
line-height:0
}
footer p{
text-align: right;
font-size: 0.8rem;
}
footer p:first-of-type{
    
background-color: #8C6E4F;
    color:#fff;
}
footer>p a{
color:#8C6E4F;
}
#mezasu h3{
text-align: center;
margin-bottom:1rem;
}
#tokushoku .box{
    padding: 4rem;
    background-color: hsla(0,0%,100%,0.80);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}
#tokushoku .box>figure{
width:35%;
margin-bottom:2rem;
}
#tokushoku figure img{
width:100%;
height:auto;
border-radius:10px;
}
#tokushoku .box>.tArea{
width:60%;
color:#FF7D9D;
font-size:1rem;
margin-bottom:2rem;
}
#tokushoku section{
    background-image: url(img/hoiku4-8.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom:3rem;
    margin-bottom:3rem;
    width:100%;
}
#tokushoku section:last-of-type{
margin-bottom:0;
padding-bottom:0;
background-image:none
}
#tokushoku section h3{
    color: #7AC7DA;
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    letter-spacing: 0.3em;
    background-image: url(img/dot4-8.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    padding:5px 5px 5px 45px;    
}
#tokushoku section:nth-of-type(4n+2) h3
{
    color: #FF9FB8;
    background-image: url(img/dot3-8.png);    
}
#tokushoku section:nth-of-type(4n+3) h3{
    
    color: #FBC53D;
    background-image: url(img/dot2-8.png);    
}
#tokushoku section:nth-of-type(4n) h3{
    color: #ABCC88;
    background-image: url(img/dot1-8.png);    
}
#tokushoku section .tArea{
width:100%;
}
#tokushoku section figure{
width:100%;
margin-top:1rem;
}
#tokushoku section ul{
display: flex;
justify-content: space-between;
width:100%;
}
#tokushoku section ul li{
width:24%;
text-align: center;
font-size:0.8rem;
}
#event .wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom:4rem;
align-items: center
}
#event .wrap:nth-of-type(odd){
flex-direction: row-reverse
}
#event figure{
width:40%;
text-align: center;
font-size:0.85rem
}
#event dl{
width:55%;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
align-items: center
}
#event dl dt{
width:10%;
}
#event dl dd{
width:85%;
margin:1rem 0;
}
#event figure img{
width:100%;
height:auto;
border-radius:8px;
}
#daily .box{
    padding: 4rem;
    background-color: hsla(0,0%,100%,0.80);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}
#daily dl{
display: flex;
flex-wrap: wrap;
margin-bottom:3rem;
justify-content: space-between
}
#daily dl dt{
    width: 25%;
    padding: 0.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: hsla(354,51%,92%,1.00);
    margin-bottom:5px;
    border-radius:8px;
    text-align: center;
    display: flex;
    align-items: center;
  justify-content: space-around
   
}
#daily dl dd{
width:74%;
padding:0.5rem 1rem;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     margin-bottom:5px;
      display: flex;
    align-items: center;
    background-color: hsla(0,0%,100%,0.60);
    border-radius:8px;
}
#daily figure ul{
display: flex;
justify-content: space-between;
font-size:0.85rem;
text-align: center
}
#daily figure ul li{
width:30%;
}
#daily figure ul li img{
width:100%;
height:auto;
border-radius:8px;

}
#katsudo section{
padding: 1.5rem 2rem;
    background-color: hsla(0,0%,100%,0.80);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:3rem
}
#katsudo .wrap{
width:55%;
}
#katsudo .wrap h3{
color: #F19975;
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1em;
}
#katsudo figure{
width:40%;
}
#katsudo figure img{
width:100%;
height:auto;
border-radius:8px;
}
#tanpopogaiyo dl{
display: flex;
flex-wrap: wrap;
margin-bottom:3rem;
justify-content: space-between
}
#tanpopogaiyo dl dt{
    width: 25%;
    padding:1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: hsla(356,50%,89%,1.00);
    margin-bottom:10px;
    border-radius:8px;
    text-align: center;
    display: flex;
    align-items: center;
  justify-content: space-around
   
}
#tanpopogaiyo dl dd{
width:74%;
padding:1rem;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     margin-bottom:10px;
       background-color: hsla(0,47%,96%,1.00);
    border-radius:8px;
}
#kaiho .box{
padding: 4rem;
    background-color: hsla(0,0%,100%,0.80);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
    
}
#nyuen h3{
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 2rem;
    color: #F57796;
    font-weight: bold;
    background-image: url(img/nezumi1-8.png), url(img/nezumi2-8.png);
    background-position: left bottom,right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top:35px;
    padding-bottom:35px;
    width:60%;
    margin-right:auto;
    margin-left:auto;
} 
#nyuen table{
width:100%;
	border-collapse:separate;
	border-spacing:0;  
}
#nyuen table tr>* {
	border-bottom: 2px dashed #A09284;
	padding:1rem 2rem; 
}
#nyuen table tr th{
font-weight:bold;
}

#hoikuryo .box{
    padding: 4rem;
    background-color: hsla(0,0%,100%,0.80);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}
#hoikuryo .tArea{
margin-bottom:2rem;
}
#hoikuryo dt{
background-color:  #F0D4D6;
padding:0.3rem 1rem;
border-radius:8px;
font-weight:bold
}
#hoikuryo dd{
padding:1rem;
}
#hoikuryo table{
width:100%;
	border-collapse:separate;
	border-spacing:0;
    text-align: center
}
#hoikuryo table tr>*:first-child{
	border-right: 2px solid #F0D4D6;
	border-left: 2px solid #F0D4D6;
	border-bottom: 2px solid #F0D4D6;
	padding: 10px;
	text-align: center;    
}
#hoikuryo table tr>* {
	border-right: 2px solid #F0D4D6;
	border-bottom: 2px solid #F0D4D6;
	padding:10px;
}
#hoikuryo table tr:first-child>*{
	border-top: 2px solid #F0D4D6;
    text-align: center
}
#hoikuryo table tr:first-child *:first-child{
	border-top-left-radius: 5px;	
}
#hoikuryo table tr:first-child *:last-child{
	border-top-right-radius: 5px;
    }
#hoikuryo table tr:last-child *:first-child{
	border-bottom-left-radius: 5px;
}
#hoikuryo table tr:last-child *:last-child{
	border-bottom-right-radius: 5px;
}
#hoikuryo table th{
background-color:hsla(356,48%,89%,0.4)
}
#blog section{
    margin-bottom: 3rem;
    border-bottom: 1px dotted #EDD1A1;
	padding-bottom:3rem;
}
#blog .wrap{
    width: 72.5%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2.5%;
	margin-right:2.5%;
    border-right: 1px dotted #EDD1A1;
}
#blog .wrap h3{
    font-size: 1rem;
    padding: 15px;
    margin-bottom: 1rem;
    font-weight: bold;
    color: #8E7466;   
    border-radius: 8px;
    background-image: url("img/yotsuba-8.png"),url(img/hoiku4-8.png);
    background-position: left 1rem  center, center bottom;
    background-repeat: no-repeat,repeat-x;
    background-size: contain,auto;
   padding-left:100px;
}

#blog .wrap .textA{
		
	margin-bottom: 2rem;
}
#blog .wrap figure{
	margin-bottom:2rem;
}
#blog .wrap figure ul{
	font-size:0rem;
}
#blog .wrap figure ul li{
	width:31.3%;
	display:inline-block;
	margin-right:1%;
	margin-left:1%;
	vertical-align: top;
margin-bottom:0.5rem;	
}
#blog .wrap figure ul li figcaption{
	font-size:0.7rem;
	text-align: center;
	line-height:120%;	
}
#blog .wrap figure ul li img{
	width:100%;
	height:auto;
	border-radius:8px;	
}

#blog .pdf ul li{
    list-style-position: outside; 
	margin-left:1rem;
	margin-bottom:1rem;
    font-size:0.9rem;
}
#blog .pdf a{
    color: #563D31;
    background-image: url(img/PDF_24.png);
    background-repeat: no-repeat;
    background-position: left center;	
	padding-left:30px;
	display: inline-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:#FF9FB8;
  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;
  color: #fff;
  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{
  color: #8E5E5E;
  background: #FFD2DD;
	border-radius:5px;
}
#blog .cat{
    width: 25%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    font-size: 0.9rem;   
}
#blog .cat p{
	text-align: center;
	font-size:1.3rem;
	font-family: 'RocknRoll One', sans-serif;
	margin-bottom:1.5rem;
    color:#F29700
}
#blog .cat ul li{
    list-style-position: outside;
    list-style-type: circle;
	margin-left:1rem;
	margin-bottom:1rem;
}
#blog .cat ul li a{
	color:#363126
}
#blog .cat ul li a:hover{
	text-decoration: none;
}
#shokuinboshu h3{
    text-align: center;
    font-size: 1.3rem;
    line-height:300%;
    padding-bottom: 5rem; 
    
}
#shokuinboshu h3 span{
 background: linear-gradient(transparent 50%, #D8EDF0 50%);
 }
#shokuinboshu section{
margin-bottom:3rem;
}
#shokuinboshu h4{
font-size:1rem;
font-weight:bold;
margin-bottom:1rem;
background-color:  #F0D4D6;
padding:0.3rem 1rem;
border-radius:8px;
font-weight:bold
}
#shokuinboshu .tArea{
margin-bottom:1rem;
padding:0.3rem 1rem;
}
#shokuinboshu .pdf ul li{
    list-style-position: outside; 
	margin-left:1rem;
	margin-bottom:1rem;
    font-size:0.9rem;
}
#shokuinboshu .pdf a{
    color: #563D31;
    background-image: url(img/PDF_24.png);
    background-repeat: no-repeat;
    background-position: left center;	
	padding-left:30px;
	display: inline-block;
	min-height:24px;
}
#toiawase .box{
text-align: center;
 padding: 4rem;
    background-color: hsla(0,0%,100%,0.80);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:10px;
  }
#toiawase p{
margin-top:1rem;
}
















@media screen and (max-width: 969px){
h1{
text-align: center;
padding-top:50px;
line-height:0;
margin-bottom:10px;
}
nav.gl{
    background-image: url(img/headerBg2-8.png);
    background-position: center bottom;
    padding-bottom: 20px;
    background-repeat: repeat-x;
}

nav.gl ul{
width:90%;
}
nav.gl ul li img{
width:85%;
height:auto;
}
.secPage nav.gl{
    background-size: 800px  
}
#topImg .catch div{
width:100%;
margin-right:auto;
margin-left:auto;
}
#topImg{
    height:350px;
   position: relative
}
#topImg .slider li img{
    border-radius: 8px;
    margin: 0 6px;
    height: 350px;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 6px solid hsla(0,0%,100%,1.00);
}
#topImg .catch{
    top: -20px;
    z-index: 999;   
}
#topImg .catch img{
width:40%;
height:auto;
}
article .box{
width:90%;
margin-right:auto;
margin-left:auto;
}
article:nth-of-type(1){
    background-image: url(img/side1L-8.png),url(img/side1R-8.png);
    background-repeat: no-repeat;
    background-position: left -280px top 100px,right -280px top;
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: 400px;
}
article:nth-of-type(2)
{
    background-image: url(img/ue-8.png),url(img/shita-8.png),url(img/bg1-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top,center bottom,center top;
 padding-top:100px;
  padding-bottom:100px;
}
article:nth-of-type(3) {

  background-image: url(img/side2L-8.png),url(img/side2R-8.png);
    background-repeat: no-repeat;
    background-position: left -80px top 500px,right -80px top;
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: 220px;
}
article:nth-of-type(4){
    background-image: url(img/ue-8.png),url(img/shita-8.png),url(img/bg2-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top,center bottom,center top;
 padding-top:100px;
  padding-bottom:100px;
}

article h2 img{
width:100%;
height:auto;
max-width:584px;
}
#goaisatsu .box{
    padding: 2.5rem;    
}
#enkaku dl dt{
    width: 27%;  
    padding-right:3%;
}
#enkaku dl dd{
    width: 70%;
}
footer{
background-size: 800px;
}
footer ul{
width:50%;
margin-right:auto;
margin-left:auto;
}
footer ul li img{
width:100%;
height:auto;
}
footer{
  padding-top: 0px;
}
.pagetop img{
width:100px;
height:auto;
}
#mezasu h3 img{
width:100%;
height:auto;
max-width:645px;
}
#tokushoku .box{
align-items: flex-start
}
#tokushoku .box{
    padding: 2.5rem;    
}
#tokushoku .box>figure{
width:45%;
margin-bottom:2rem;
}
#tokushoku .box>.tArea{
width:50%;
color:#FF7D9D;
font-size:0.95rem;
margin-bottom:2rem;
}
#katsudo .wrap h3{
    font-size: 1rem;
}
#event .wrap{
align-items:flex-start
}
#daily .box{
    padding: 2rem;   
}
#nyuen h3{
    font-size: 1.4rem;
    margin-bottom: 1rem;
    background-image: url(img/nezumi1-8.png), url(img/nezumi2-8.png);
    background-position: left bottom,right bottom;    
    width:90%;
} 
#hoikuryo .box{
    padding: 2rem;
}
#shokuinboshu h3{
font-size:1.2rem;
line-height:300%
}
#shokuinboshu h4{
font-size:0.95rem;
padding:0.5rem 1rem;
}








































}


@media screen and (max-width: 599px){
.sp{
display: block
}
body{
    font-size: 0.9rem; 
}
header{
    background-size: 800px;
}
/*ナビメニューのスタイルを指定*/
nav.NavMenu{
position: fixed; /*表示位置を固定*/
z-index: 99999; /*重ね順を変更*/
top: 0; /*表示位置を指定*/
left: 0; /*表示位置を指定*/
text-align: center; /*テキストを中央揃え*/
width: 100%; /*全幅表示*/
transform: translateY(-100%); /*-100ナビを上に隠す*/
transition: all 0.6s; /*アニメーションの時間を指定*/
background-image: none;
}

.secPage nav.gl{
    background-image: none;
    padding-bottom: 20px;  
}
nav.NavMenu ul{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    background-image: url(img/bg5-8.png);
    background-size: 700px;
    padding: 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}

nav.NavMenu ul li{
    width: 29%;
    border: 3px solid #FFFFFF;
    border-radius: 8px;
    padding-top: 5px;
    background-color: hsla(0,0%,100%,0.33);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    margin-bottom:10px;
}

nav.NavMenu ul li img{
width:auto;
height:90px;
}
nav.NavMenu ul li.sp{
    border: 3px solid #FFF;
    width: 100%;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
nav.NavMenu ul li.sp img{
width:100%;
height:auto;
max-width:102px;
}

nav.NavMenu ul li.sp a{
display: block;
padding:5px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*トグルボタンが押されたときに付与するクラス*/
nav.NavMenu.active{
transform: translateY(0%);
}


/*トグルボタンのスタイルを指定*/
.Toggle {
display: block;
position: fixed;    /* bodyに対しての絶対位置指定 */
right: 13px;
top: 12px;
width: 42px;
height: 42px;
cursor: pointer;
z-index: 999999;
}
 
.Toggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #6D574E;
-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;
}
 
/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.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);
}
.secPage header{
    border-bottom: 6px dotted #F7C3CE;
}



h1{
text-align: center;
padding-top:30px;
line-height:0;
margin-bottom:30px;
width:60%;
margin-right:auto;
margin-left:auto;
}
h1 img{
width:100%;
height:auto;
}
header nav.sub{
display: none
}
#topImg{
    height:280px;
}
#topImg .slider li img{
    height: 280px;

}
nav.gl{
    background-image: none;
  padding-bottom: 20px; 
}
#topImg .catch img{
width:50%;
height:auto;
}
#topImg .catch{
    background-image: url(img/hataR-8.png),url(img/hataL-8.png);
    background-repeat: no-repeat;
    background-position: right center,left center;
    background-size: 300px,150px;
    top: -30px;
}
article h2{
margin-bottom:30px;
}
article:nth-of-type(odd) h2 img{
height:45px;
object-fit: cover
}
article:nth-of-type(even) h2 img{
width:90%;
height:auto
}
article:nth-of-type(1){
    background-image: none;
    background-repeat: no-repeat;
    background-position: left -200px top 100px,right -200px top;
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: 280px;
}
article:nth-of-type(2)
{
    background-image: url(img/ue-8.png),url(img/shita-8.png),url(img/bg1-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top,center bottom,center top;
 padding-top:80px;
  padding-bottom:80px;
}
article:nth-of-type(3) {

  background-image: none;
    background-repeat: no-repeat;
    background-position: left -80px top 500px,right -80px top;
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: 220px;
}
article:nth-of-type(4){
    background-image: url(img/ue-8.png),url(img/shita-8.png),url(img/bg2-8.png);
    background-repeat: repeat-x,repeat-x,repeat;
    background-position: center top,center bottom,center top;
 padding-top:80px;
  padding-bottom:80px;
}
#news dl dt{
    width: 100%;  
    padding-bottom:0rem;
    margin-bottom:1rem;
    padding-right:0;
    background-image: url(img/line1-8.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}
#news dl dd{
    width: 82%;   
    padding-bottom:0rem;
    margin-bottom:1rem;    
}
#goaisatsu .box{
   flex-wrap: wrap;
   justify-content: space-around
}
#goaisatsu figure{
width:75%;
margin-bottom:1rem;
}

#goaisatsu .tArea{
width:100%;
}

#kihon table td,#kihon table th{
	display: block;	
	}
#kihon table td{
border-left: 2px solid #D2E6AD;
		}
#kihon table tr:first-child td{
	border-top:	0;
	border-radius:0
	}
#kihon table tr:first-child th{
	border-top-right-radius:5px
	}
#kihon table tr:last-child td{
	border-bottom-left-radius:5px
	}
#kihon table tr:last-child th{
		border-radius:0
	}
    
#enkaku .box{
    padding: 2rem;
  
}
#enkaku dl dt{
width:100%;
}
#enkaku dl dd{
width:100%;
}
.pagetop img{
width:80px;
height:auto;
}
footer{
background-size: 800px;
}
footer ul{
width:65%;
margin-right:auto;
margin-left:auto;
}
#tokushoku section{
    padding-bottom:1.5rem;
    margin-bottom:1.5rem;
}
#tokushoku .box{
align-items: flex-start
}
#tokushoku .box{
    padding: 2.5rem;    
}
#tokushoku .box>figure{
width:100%;
margin-bottom:1rem;
}
#tokushoku .box>.tArea{
width:100%;
color:#FF7D9D;
font-size:0.9rem;
margin-bottom:2rem;
}
#tokushoku section h3{
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.1em;
    }
#tokushoku section ul{
flex-wrap: wrap
}
#tokushoku section ul li{
width:48%;
}
#katsudo section{
padding: 1.5rem 2rem;
margin-bottom:3rem;
justify-content: space-around
}
#katsudo .wrap{
width:100%;
}
#katsudo figure{
width:100%;
margin-bottom:1rem
}
#katsudo .wrap h3{
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}
#kaiho .box{
padding: 2rem;
}
#event .wrap{
flex-wrap: wrap;
justify-content: space-around
}
#event .wrap:nth-of-type(odd){
flex-direction: row-reverse
}
#event figure{
width:80%;
margin-top:1rem;
}
#event dl{
width:100%;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
align-items:flex-start
}
#event dl dt{
width:15%;
margin:1rem 0;
}
#event dl dd{
width:80%;
margin:1rem 0;
}
#daily dl dt{
    width: 100%;     
}
#daily dl dd{
width:100%;
}
#daily figure ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap
}
#daily figure ul li{
width:80%;
margin-bottom:0.5rem
}
#nyuen h3{
    font-size: 1.1rem;      
    width:100%;
}
#nyuen h3{
    padding-top:25px;
    padding-bottom:25px;
  
} 
#nyuen table tr>* {
	display: block;
 padding:1rem 1rem;
}
#nyuen table tr th{
border: none;
 padding:1rem 1rem 0 1rem;
}
#hoikuryo .box{
    padding: 2rem;
}
#shokuinboshu h3{
font-size:1rem;
line-height:200%
}
#shokuinboshu h4{
font-size:0.95rem;
padding:0.5rem 1rem;
}
#toiawase .box{
padding: 2rem;
  }
#toiawase .box img{
width:100%;
height:auto;
max-width:318px
}























#blog .wrap h3{
    font-size: 0.95rem;
    padding: 15px;
    margin-bottom: 1rem;    
    background-position: left 5px  center, center bottom;   
   padding-left:70px;
}
#blog .wrap{
    width: 100%;
    float: none;
	border:none;
	padding:0
}
#blog .cat{
    width: 100%;
    float: none;
    margin-top: 1.5rem;
    border: 3px dotted #FF9FB8;
	border-radius:5px;
	padding:0.5rem;	
}
#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
}    

    
}