@charset "shift_JIS";

.sp{
display: none
}
.pc{
display:block
}
table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  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>ul>li{
    margin:0;
    padding:0;
    
}
figure.photo img{
width:100%;
height:auto;
}
h1,h2,h3{
margin:0;
padding:0;
}
.tArea{
line-height:160%;
}
article{
padding-bottom:80px;
padding-top:80px;
}

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

a{
color:#515151;
}
a:hover{
 opacity:0.7;
 filter:alpha(opacity=70);
 -ms-filter: �galpha( opacity=70 )�h;
}
article:last-of-type{
padding-bottom:200px;
}
span{
margin:0;
padding:0
}









body{
    font-size: 1rem;
    color: #232323;
    position: relative;
}

header{
display: flex;
margin-top:20px;
align-items:flex-end;
justify-content: space-between;
margin-right:30px;
margin-left:30px;
margin-bottom:30px;
flex-wrap: wrap
}
header h1{
padding:0;
margin:0;
}
header h1 img{
width:320px;
height:auto;
}
nav{
font-size:1rem;
font-weight:bold;
padding:0;
margin:0;
}
nav ul{
display: flex;
justify-content: space-between;
padding:0;
margin:0;
}
nav ul li{
    border-bottom: 5px solid #FFF;

    margin-left:2rem;
}
nav ul li:hover{
	border-bottom: 5px solid #ea6e9e;
}
nav ul li a{
text-decoration: none
}
.Toggle{
width:100%;
line-height:0
}
#top nav ul li:nth-of-type(1){
border-bottom: 5px solid #ea6e9e;
}
#en nav ul li:nth-of-type(2){
border-bottom: 5px solid #ea6e9e;
}
#seikatsu nav ul li:nth-of-type(3){
border-bottom: 5px solid #ea6e9e;
}
#gyoji nav ul li:nth-of-type(4){
border-bottom: 5px solid #ea6e9e;
}
#kosodate nav ul li:nth-of-type(5){
border-bottom: 5px solid #ea6e9e;
}
#saiyo nav ul li:nth-of-type(6){
border-bottom: 5px solid #ea6e9e;
}
main{
display: block;
position: relative;
line-height:160%
}
#topImg{
position: relative;
line-height:0
}
#topImg ul,#topImg li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.catch{
position: absolute;
bottom:20%;
left:20px;
margin:auto;
z-index: 1002;
width:30%;
}
.catch img{
width:100%;
height:auto;
}
#slider{
width:100%;
margin-right:auto;
margin-left:auto;
}
#slider li{
max-height:700px;
}
.bxslider li img{
object-fit: cover;
height:700px;
width:100%;
}
.nami{
position: absolute;
bottom:0;
z-index:1999;
width:100%;
}






#news .box{
display: flex;
padding:0 5%;
justify-content: space-between
}
#news h2{
width:20%;

}
#news h2 img{
width:45px;
height:auto;
}
#news dl{
width:75%;
padding:0;
margin:0
}
#news dl dt{
margin:0;
padding-top:1rem;
font-weight:bold;
color:#FFB6CB
}
#news dl dt:nth-of-type(1){
padding-top:0;
}
#news dl dd{
padding:0.5rem 0 1rem 0;
margin:0;
border-bottom:solid 1px #515151
}
#mokuhyo h2{
margin-bottom:50px;
}
#mokuhyo .box{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center
}
#mokuhyo figure{
width:50%;
padding:0;
margin:0
}
#mokuhyo .wrap{
width:40%;
margin-right:5%;
}
#mokuhyo figure img{
    object-fit: cover;
    width: 100%;
    height: 500px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
#mokuhyo h2 img{
height:45px;
width:auto;
}


#kihon .box{
    padding: 5rem 30px;
    background-color: #F9E8EC;
    display: flex;
    justify-content: space-between;
    background-position: center bottom;
}
#kihon table{
width:55%;
border-collapse:separate;
border-spacing:0;
background-color: rgba(255,255,255,0.50);
border-radius:8px;
height:100%;
border:none;
}
#kihon #map{
width:40%;
}

#kihon #map iframe{
width:100%;
height:100%;
border: 1px solid #FFF;
border-radius:3px;
}
#kihon table th {
border:none;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 15px;
	text-align: center;
    
}
#kihon table td {
border:none;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding:15px;
    word-break: break-all;   
}
#kihon table tr:first-child th{
	border-top-left-radius: 3px;
	border-top: 1px solid #FFF;
}
#kihon table tr:first-child td{
	border-top-right-radius: 3px;
	border-top: 1px solid #FFF;
}
#kihon table tr:last-child th{
	border-bottom-left-radius: 3px;
}
#kihon table tr:last-child td{
	border-bottom-right-radius: 3px;
}

.pagetop{
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
z-index:9999
}
.pagetop img{
width:100%;
height:auto;
max-width:64px;
}
footer{
position: relative;
padding:0;
margin:0;
}
footer .wrap{
width:40vw;
position: absolute;
left:-10vw;
bottom:0;
height:30vw;
overflow: hidden
}
footer figure{
width:100%;
position: relative;
height: 0;
overflow: hidden;
padding-top: 100%;
margin:0
}
footer figure img{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:100%;
}
footer .maru{
position: absolute;
width:18vw;
left:15vw;
bottom:10vw;
}
footer .maru img{
width:100%;
height:auto;
}
footer .box{
   background-color: #FECEDC;

}


footer ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    width:70vw;
    margin-left:30vw;
    padding-bottom:1rem;
   color: #232323;
    padding-top:1rem
}
footer ul li{
margin-top:0.8rem;
text-align: center
}
footer .box ul li:nth-of-type(1) img{
width:300px;
height:auto;
}
footer .box ul li:nth-of-type(3) img{
width:250px;
height:auto;
}
footer p{
text-align: right;
font-size:0.8rem;
margin:0
}
footer p:first-of-type{
text-align: right;
font-size:0.8rem;
margin-top:0px;
}


#enkaku h2 img{
height:45px;
width:auto;
}

#enkaku .box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}
#enkaku figure{
width:30%;
padding:0;
margin:0
}
#enkaku .wrap{
width:60%;
padding:0;
margin:0;
margin-right:5%;
margin-left:5%;
}
#enkaku dl{
padding:0;
margin:0;
display:grid;
grid-template-columns:9.5rem 1fr;
}
#enkaku dl dt{
grid-column: 1;
font-weight: bold;
padding:0;
margin:0;
border-bottom: 1px solid #CCCCCC;
margin-bottom:1rem;
padding-bottom:1rem;
color:#FFB6CB;
}
#enkaku dl dd{
    grid-column: 2;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom:1rem;
padding-bottom:1rem;
}

#enkaku figure{
overflow: hidden; 
position: relative; 

min-height: 100%;
}

#enkaku figure img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
 border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

#hoiku h2 img{
height:45px;
width:auto;
}
#hoiku .box{
width:75%;
margin-right:auto;
margin-left:auto
}
#hoiku section figure{
margin-bottom:2rem;
width:80%;
margin-right:auto;
margin-left:auto;
}
#hoiku section figure li{
overflow: hidden; 
position: relative; 
padding-bottom: 70%;
height: 0
}
#hoiku section figure li img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
border-radius:2%;
}
#hoiku section h3{
margin-bottom:1rem;
color:#FFB6CB;
text-align: center
}
#hoiku .box section{
width:100%;
margin-bottom:3rem
}


#dl h2 img{
height:45px;
width:auto;
}
#dl .box{
width:90%;
margin-right:auto;
margin-left:auto;
}
#dl .box>ul{
margin:0;
padding:0
}
#dl .box>ul>li {
display: flex;
  align-items: center; 
  border-bottom: 1px solid #CCCCCC; 
  padding: 5px 0; 
  flex-wrap: wrap
}
#dl .box>ul>li:first-child{
border-top: 1px solid #CCCCCC; 
}
#dl .box>ul>li::before {
  content: "��"; 
  margin-right: 10px;
  flex-shrink: 0;
}
#dl .box>ul>li a {
  padding: 5px 10px;
  text-decoration: none;
  display: block; 
}
#dl .box > ul > li > *:not(a) {
    width: 100%;
    flex-shrink: 0;
    padding-left: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#ensha .box{
width:90%;
margin-right:auto;
margin-left:auto;
}
#ensha h2 img{
height:45px;
width:auto;
}
#ensha figure:first-of-type{
width:80%;
text-align: center;
margin:0;
margin-right:auto;
margin-left:auto;
margin-bottom:3rem;
}
#ensha figure:first-of-type img{
width:100%;
height:auto;
max-width:900px;
}
#ensha figure:last-of-type ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap
}
#ensha figure:last-of-type ul li{
width:22%;
margin-bottom:1rem
}
#ensha figcaption{
font-size:0.85rem;
text-align: center;
line-height:120%;
margin-top:0.5rem
}
#ensha figure:last-of-type li div{
overflow: hidden; 
position: relative; 
padding-bottom: 70%;
height: 0
}
#ensha figure:last-of-type li img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
border-radius:2%;
}
#daily h2 img{
height:45px;
width:auto;
}
#daily .box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:90%;
margin-right:auto;
margin-left:auto
}
#daily .box section{
width:45%;
}
#daily section figure{
margin-bottom:2rem;
}
#daily section figure li{
overflow: hidden; 
position: relative; 
padding-bottom: 70%;
height: 0
}
#daily section figure li img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
border-radius:2%;
}
#daily section h3{
margin-bottom:1rem;
text-align: center;
color:#232323
}
#daily table,#daily table td,#daily table th{
border-color:#FFB6CB
}
#daily table th{
background-color: #FFB6CB;
color:#232323;
border-bottom:1px solid #fff;
width:5rem;
font-weight:normal
}
#daily table td{
color:#232323
}
#daily figure{
margin-top:5rem;
width:100%;
}
#daily figure ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap
}
#daily figure ul li{
width:22%;
margin-bottom:1rem
}
#daily figcaption{
font-size:0.85rem;
text-align: center;
line-height:120%;
margin-top:0.5rem
}
#daily figure li div{
width:100%;
overflow: hidden; 
position: relative; 
padding-bottom: 70%;
height: 0
}
#daily figure li div img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
border-radius:2%;
}
#event h2 img{
height:45px;
width:auto;
}
#event .box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:90%;
margin-right:auto;
margin-left:auto;

}
#event section{
width:30%;
margin-bottom:5rem;
}
#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: #F1F1F1;
margin-bottom:0.5rem;
font-weight: normal;
font-size:1rem
}
#event .tArea{
width:90%;
margin-right:auto;
margin-left:auto;
text-align: center
}
#hutabatoha h2{
margin-bottom:50px;
}
#hutabatoha .box{
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center
}
#hutabatoha figure{
width:50%;
padding:0;
margin:0
}
#hutabatoha .wrap{
width:40%;
margin-right:5%;
}
#hutabatoha figure img{
    object-fit: cover;
    width: 100%;
    height: 500px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
#hutabatoha h2 img{
height:102px;
width:auto;
}
#oshirase h2 img{
height:45px;
width:auto;
}
#oshirase .box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: stretch;
}
#oshirase .wrap{
width:60%;
margin-right:5%;
margin-left:5%;
}
#oshirase dl{
padding:0;
margin:0;

display:grid;
grid-template-columns:7rem 1fr;
}
#oshirase dl dt{
 grid-column: 1;
  font-weight: bold;
padding:0;
margin:0;
border-bottom: 1px solid #CCCCCC;
margin-bottom:0.5rem;
padding-bottom:0.5rem;
color:#FFB6CB
}
#oshirase dl dd{
    grid-column: 2;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom:0.5rem;
padding-bottom:0.5rem
}
#oshirase .pdf{
text-align: right;
margin-top:0.5rem
}
#oshirase figure{
width:30%;
padding:0;
margin:0;
overflow: hidden; 
position: relative; 
}
#oshirase figure img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
 border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

#gaiyo h2{
width:100%;
}
#gaiyo h2 img{
height:45px;
width:auto;
}
#gaiyo .box{
width:90%;
margin-right:auto;
margin-left:auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
#gaiyo section{
 border-bottom: 1px solid #CCCCCC;
 padding-bottom:2rem;
 margin-bottom:2rem;
}
#gaiyo section h3{
font-size:1rem;
margin-bottom:0.5rem;
color:#FFB6CB
}
#gaiyo .wrap{
width:55%;
}
#gaiyo figure{
width:40%;
}
#gaiyo figure ul li{
width:80%;
margin-bottom:2rem
}
#gaiyo figure ul li:nth-of-type(even){
margin-left:20%
}
#gaiyo figure ul li div{
padding:0;
margin:0;
overflow: hidden; 
position: relative; 
padding-bottom: 67%;
height: 0;
}
#gaiyo figure li img{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
object-fit:cover;
border-radius: 5px;

}
#gaiyo figure figcaption{
font-size:0.8rem;
text-align: center
}
#boshu h2 img{
height:45px;
width:auto;
}
#boshu .box{
width:90%;
margin-right:auto;
margin-left:auto;
}
#boshu dl{
display: flex;
flex-wrap: wrap;
margin:0;
padding:0;
}
#boshu dt{
margin:0;
    width: 25%;
text-align: center;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight:bold;   
    background-color: #F7D1DE;
    border-radius:8px;
    margin-bottom:1.5rem;
    margin-right:1%;
    display: flex;
    align-items: center;
    justify-content: center
}
#boshu dd{
margin:0;
width:74%;
padding: 2rem;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
background-color: #FBF2F6;
border-radius:8px;
    margin-bottom:1.5rem;
}
#toiawase h2 img{
height:45px;
width:auto;
}
#toiawase .box{
width:75%;
margin-right:auto;
margin-left:auto;
}
#toiawase table, #toiawase th, #toiawase td {
  margin: 0;
  padding: 0;
  border: none;
}


#toiawase table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;  
  font-size: 1rem;
  line-height: 1.8;
  border-radius:8px;
  padding:1rem
}

#toiawase th {
display: block;
 padding: 1rem 1.5rem 0 1.5rem;
 text-align: left;
}
#toiawase td {
display: block;
  padding: 1rem 1.5rem;
  border-bottom: 1px dotted #232323;
  text-align: left;
  vertical-align: middle; 
}
#toiawase tr:last-of-type th, #toiawase tr:last-of-type td {
border-bottom:none
}

#toiawase input,
#toiawase textarea {
  width: 100%;
  padding: 1rem ;
  font-size: 1rem;
  border: 1px solid #232323;
  border-radius: 4px;
  box-sizing: border-box;
}
#toiawase .btn {
text-align: center
}
#toiawase .btn input{
width:46%;
margin:0 1%;
background-color: #FFF3F7;
color:currentColor;
font-weight:normal;
cursor: pointer;
}
#toiawase .btn input:hover{
 opacity:0.7;
 filter:alpha(opacity=70);
 -ms-filter: �galpha( opacity=70 )�h;
}
#toiawase .radio input{
width:auto;

}
#toiawase .radio label{
margin-right:2rem
}
#toiawase span{
font-size:0.8rem;
background-color: #F2B1C7;
margin-left:1rem
}




@media screen and (max-width: 999px){
header h1{
width:40%;
margin-right:auto;
margin-left:auto;
margin-bottom:2rem
}
header h1 img{
width:100%;
height:auto;
max-width:413px
}
nav{
width:96%;
margin-right:auto;
margin-left:auto;
}
nav ul li{
    margin-left:0;
}
#slider li{
max-height:500px;
}
.bxslider li img{
object-fit: cover;
height:500px;
width:100%;
}
#news h2 img{
width:35px;
height:auto;
}
#mokuhyo figure{
width:45%;
padding:0;
margin:0
}
#mokuhyo .wrap{
width:45%;
margin-right:5%;
}
#mokuhyo figure img{
    object-fit: cover;
    width: 100%;
    height: 450px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
#mokuhyo h2 img{
height:35px;
width:auto;
}
#kihon .box{
    padding: 5rem 30px;
flex-wrap: wrap;
}
#kihon table{
width:100%;
margin-bottom:30px;
}
#kihon #map{
width:100%;
}
#kihon #map iframe{
width:100%;
height:300px;
border: 1px solid #FFF;
border-radius:3px;

}

footer ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    width:70vw;
    margin-left:30vw;
    padding-bottom:1rem;
   color: #232323;
    padding-top:1rem
}
footer ul li{
margin-top:0.8rem;
text-align: center
}
footer .box ul li:nth-of-type(1) img{
width:50%;
height:auto;
max-width:413px;
}
footer .box ul li:nth-of-type(3) img{
width:50%;
max-width:333px;
height:auto;
}
#enkaku h2 img{
height:35px;
width:auto;
}
#hoiku .box{
width:80%;
margin-right:auto;
margin-left:auto
}
#hoiku section figure{
margin-bottom:2rem;
}
#hoiku h2 img{
height:35px;
width:auto;
}
#dl h2 img{
height:35px;
width:auto;
}
#ensha h2 img{
height:35px;
width:auto;
}
#daily h2 img{
height:35px;
width:auto;
}
#event h2 img{
height:35px;
width:auto;
}
#hutabatoha figure{
width:45%;
padding:0;
margin:0
}
#hutabatoha .wrap{
width:45%;
margin-right:5%;
}
#hutabatoha figure img{
    object-fit: cover;
    width: 100%;
    height: 450px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
#hutabatoha h2 img{
height:73px;
width:auto;
}
#gaiyo h2 img{
height:35px;
width:auto;
}
#boshu h2 img{
height:35px;
width:auto;
}
#toiawase h2 img{
height:35px;
width:auto;
}
#toiawase .box{
width:90%
}

}
@media screen and (max-width: 599px){
.sp{
display: block
}
.pc{
display:none
}


body{
font-size:0.95rem;
}
header{
margin-top:20px;
margin-right:20px;
margin-left:20px;
margin-bottom:0px;
}
header h1{
width:55%;
margin-left:0;
margin-right:auto;
}
article{
padding-bottom:50px;
padding-top:50px;
}
nav.NavMenu{
margin-top:0;
position: fixed;
z-index: 2000; 
top: 0; 
left: 0; 
background: hsla(0,0%,90%,1);
color: #515151; 
text-align: center; 
width: 100%; 
transform: translateY(-100%); 
transition: all 0.6s; 
}
nav ul{
display: flex;
justify-content: space-around;
flex-wrap: wrap
}
nav ul li{
width:100%;
border-bottom: 1px dotted #333!important;
}
nav ul li:hover{
border-bottom: 1px dotted #333;
}
nav.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0;
}
nav.NavMenu ul li:last-child{
padding-bottom: 0;
border-bottom: none;
}

nav.NavMenu ul li a{
display: block; 
color: #515151;
padding: 1em 0;
}
nav.NavMenu ul li img{
height:25px;
width:auto;
}

nav.NavMenu.active{
transform: translateY(0%);
}


.Toggle {
display: block;
position: fixed; 
right: 13px;
top: 12px;
width: 42px;
height: 42px;
cursor: pointer;
z-index: 3000;

}
 
.Toggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #515151;
-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);
}

.catch{
top:10px;
left:10px;
width:45%;
}


#slider li{
max-height:300px;
}
.bxslider li img{
object-fit: cover;
height:300px;
width:100%;
}
#news .box{
width:92%;
margin-right:auto;
margin-left:auto;
flex-wrap: wrap;
padding:0
}
#news h2{
width:100%;
margin-bottom:50px;

}
#news dl{
width:100%;

}
#news h2 img{
width:auto;
height:25px;
}
#mokuhyo .box{
width:92%;
margin-right:auto;
margin-left:auto;
flex-wrap: wrap;
flex-direction: column;

}

#mokuhyo figure{
width:80%;
padding:0;
margin:0
}
#mokuhyo .wrap{
width:100%;
margin-right:0;
margin-bottom:2rem;
}
#mokuhyo figure img{
    width: 100%;
    height:auto;
    border-radius: 5px;    
}
#mokuhyo h2 img{
height:25px;
width:auto;
}
#kihon .box{

flex-wrap: wrap;
}
#kihon table{
width:100%;
margin-bottom:30px;
}
#kihon #map{
width:100%;
}
#kihon #map iframe{
height:200px;


}
.pagetop img{
width:50px;
height:auto;
}

footer ul{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    padding-top:1rem;
    padding-bottom:40vw
}
footer .box ul li:nth-of-type(1) img{
width:50%;
height:auto;
max-width:413px;
}
footer .box ul li:nth-of-type(3) img{
width:50%;
max-width:333px;
height:auto;
}
footer .wrap{
width:50vw;
position: absolute;
left:-10vw;
bottom:0;
height:40vw;
overflow: hidden
}
footer .maru{
position: absolute;
width:18vw;
left:25vw;
bottom:20vw;
}
#enkaku h2{
margin-bottom:50px;
}
#enkaku h2 img{
height:25px;
width:auto;
}
#enkaku .box{
flex-wrap: wrap;
justify-content: center;
width:90%;
margin-right:auto;
margin-left:auto;
}
#enkaku .wrap{
width:100%;
margin-bottom:3rem;
}
#enkaku figure{
width:80%;
position: relative;
aspect-ratio: 3 / 2;
border-radius:5px;
}
#enkaku dl{
margin-right:0;
margin-left:0;
grid-template-columns:1fr;
}
#enkaku dl dt{
 grid-column:auto;
 border:none;
 padding:0;
 margin:0
 }
#enkaku dl dd{
 grid-column:auto;
 }
 #hoiku .box{
width:90%;
margin-right:auto;
margin-left:auto
}
#hoiku section figure{
margin-bottom:2rem;
}
#hoiku h2{
margin-bottom:50px;
}
#hoiku h2 img{
height:25px;
width:auto;
}

#dl h2{
margin-bottom:50px;
}
#dl h2 img{
height:25px;
width:auto;
}
#ensha h2{
margin-bottom:50px;
}
#ensha h2 img{
height:25px;
width:auto;
}
#ensha figure:first-of-type{
width:100%;
}
#ensha figure:last-of-type ul{
flex-wrap: wrap
}
#ensha figure:last-of-type ul li{
width:45%;
margin-bottom:1rem;
}
#daily .box{
flex-wrap: wrap;
}
#daily .box section{
width:100%;
margin-bottom:3rem;
}
#daily figure ul{
flex-wrap: wrap
}
#daily figure ul li{
width:45%;
margin-bottom:1rem;
}
#daily h2{
margin-bottom:50px;
}
#daily h2 img{
height:25px;
width:auto;
}
#event h2{
margin-bottom:50px;
}
#event h2 img{
height:25px;
width:auto;
}
#event .box section{
width:48%
}
#hutabatoha .box{
width:92%;
margin-right:auto;
margin-left:auto;
flex-wrap: wrap;
flex-direction: column;

}

#hutabatoha figure{
width:80%;
padding:0;
margin:0
}
#hutabatoha .wrap{
width:100%;
margin-right:0;
margin-bottom:2rem;
}
#hutabatoha figure img{
    width: 100%;
    height:auto;
    border-radius: 5px;    
}
#hutabatoha h2 img{
height:55px;
width:auto;
}
#oshirase h2{
margin-bottom:50px;
}
#oshirase h2 img{
height:25px;
width:auto;
}
#oshirase .wrap{
width:100%;
margin-bottom:3rem;
}
#oshirase figure{
width:80%;
border-radius:5px;
margin-right:auto;
margin-left:auto;
position: relative;
aspect-ratio: 3 / 2;
}
#oshirase dl{
grid-template-columns:1fr;

}
#oshirase dl dt{
 grid-column: auto;
border-bottom: none;
margin-bottom:0;
padding-bottom:0;
}
#oshirase dl dd{
    grid-column: auto;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom:0.5rem;
padding-bottom:0.5rem
}
#gaiyo h2{
margin-bottom:50px;
}
#gaiyo h2 img{
height:25px;
width:auto;
}
#gaiyo .wrap{
width:100%;
}
#gaiyo figure{
width:100%;
}
#gaiyo figure ul li{
width:80%;
margin-bottom:2rem;
margin-right:auto;
margin-left:auto;
}
#gaiyo figure ul li:nth-of-type(even){
margin-right:auto;
margin-left:auto;
}
#boshu h2{
margin-bottom:50px;
}
#boshu h2 img{
height:25px;
width:auto;
}
#boshu dt{
    width: 33%;
    padding: 1rem;    
    margin-bottom:0.5rem;
    margin-right:2%;    
}
#boshu dd{
width:65%;
padding: 1rem;
margin-bottom:0.5rem;
}

#toiawase h2{
margin-bottom:50px;
}
#toiawase h2 img{
height:25px;
width:auto;
}
#toiawase table {
  padding:0rem
}
#toiawase td,#toiawase th{
display: block
}
#toiawase th{
border-bottom:none;
padding-bottom:0;
text-align: left
}
#toiawase .box{
width:90%
}
}