@charset "utf-8";

footer{
text-align:center;
position:relative;
bottom:0;
overflow: hidden;
display: block;
box-sizing: border-box;
background-size:200%,cover;
background-position:bottom center,center;
background-image:url(../images/bg.svg),linear-gradient(45deg, rgba(0,163,196,1),rgba(0,103,133,1));
width:100%;
height:auto;
margin:0 auto;
padding:5em 0 2em 0;
color: #FFF;
}

ul#sns,
ul#list{display:block;margin:0 auto 2em auto;}

ul#sns li{display:inline-block;margin:0 0.7em;width:4em;}
ul#sns li img{width:4em;}

ul#list{box-sizing:border-box;display: flex;justify-content: center;align-items: center;
font-size:small;}
ul#list li{margin:0 0 0 1px;}

ul#list li a:link,
ul#list li a:visited{
display:block;
padding:0.4em 1.2em 0.5em 1.2em;
color:rgba(255,255,255, 1);
background:rgba(0,0,0,0.2);
}
ul#list li a:hover {color:rgba(255,255,255, 0.8);background:rgba(0,0,0,0.1);}
ul#list li a:active{color:rgba(255,255,255, 1);background:rgba(255,255,255,0.2);}






#sitemap{overflow: hidden;z-index:1;
margin: 0 auto;
padding:0 3em 3em 3em;
position:relative;bottom:0; 
display: flex;
flex-flow: row wrap;

/*flex-flow: row wrap;flex-direction(並び順を指定)とflex-wrap(折り返しを指定する)*/

}
#sitemap ul{
box-sizing: border-box;
border:1px solid #FFF;
padding:1em;
}
#sitemap li {box-sizing:border-box;
text-align: left;
font-size:x-small;line-height:1.4;
}
.fitem {flex:1 0 20%;} 

/*flex-grow子要素の横幅が広がる比率、flex-shrink子要素の横幅が縮む比率、flex-basis子要素の幅を指定
.fitem1 {flex:1 0 16.66666666666667%;} 
.fitem2 {flex:1 0 16.66666666666667%;} 
.fitem3 {flex:1 0 16.66666666666667%;} 
.fitem4 {flex:1 0 16.66666666666667%;} 
.fitem5 {flex:1 0 16.66666666666667%;} 
.fitem6 {flex:1 0 16.66666666666667%;} 
.fitem7 {flex:1 0 16.66666666666667%;} 
.fitem8 {flex:1 0 16.66666666666667%;} 
.fitem9 {flex:1 0 16.66666666666667%;} 
.fitem10 {flex:1 0 16.66666666666667%;} 
.fitem11 {flex:1 0 16.66666666666667%;} 
.fitem12 {flex:1 0 16.66666666666667%;} 
.fitem13 {flex:1 0 16.66666666666667%;} 
.fitem14 {flex:1 0 16.66666666666667%;} */



#sitemap a:link,
#sitemap a:visited{color:rgba(255,255,255,0.9);
}
#sitemap a:hover {color:rgba(255,255,255, 0.6);}
#sitemap a:active{color:rgba(255,255,255, 1);}




#s__sitemap{
margin: 0 auto;
padding:0 3em 3em 3em;
position:relative;bottom:0; 
display: flex;
flex-flow: row wrap;

}

summary{}

summary:hover {
  cursor: pointer; /* カーソルを指マークに */
}


/* オープン時にアニメーションを設定 */
details[open] .details-content {
  animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-10px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}



#s__sitemap ul{
box-sizing: border-box;
border:1px solid #FFF;
padding:1em;
position:absolute;
z-index: 100;
}
#s__sitemap li {box-sizing:border-box;
text-align: left;
font-size:x-small;line-height:1.4;
}
.s__fitem {flex:1 0 20%;} 



#s__sitemap a:link,
#s__sitemap a:visited{color:rgba(255,255,255,0.9);
}
#s__sitemap a:hover {color:rgba(255,255,255, 0.6);}
#s__sitemap a:active{color:rgba(255,255,255, 1);}









address{line-height:1.7;margin:0 auto;font-size:small;}

.f_logo{display:block;font-weight:bold;}
.texts{font-size:small;display:block;}
.tels{padding:0;margin:0 auto 0 1em;}


@media only screen and (max-width:1024px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 480px) {
}