@charset "utf-8";
/* CSS Document */



/* footer
----------------- */
#footer{
  background: url(../img/bg_footer.png) no-repeat;
  background-size: cover;
  padding-top: 96px;
  border-radius: 10px;
  margin: 0 16px 16px;
}

#footer .inner{
  width: 1240px;
  min-width: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: #fff;
  text-align: left;
}

#footer .inner p,
#footer .inner a,
#footer .inner span{
  color: #fff;
  margin-bottom: 0;
  font-family: "Noto Sans JP", sans-serif;
}

#footer .inner a{
  color: rgba(255, 191, 191, 1);
}

#footer .inner a:hover{
  color: #fff;
}

#footer .inner .fLogoTop{
  width: 380px;
}

#footer .inner .fnavTop{
  width: 264px;
}

#footer .inner .fnavTop:last-child{
  width: 150px;
}

#footer .inner .fLogoTop .logo{
  width: 160px;
}

#footer .inner .fLogoTop .logo img{
  width: 100%;
}

#footer .addressWrap{
  margin-top: 64px;
}

#footer .addressWrap p.name{
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: bold;
}

#footer .addressWrap p.add{
  font-size: 12px;
  margin-bottom: 14px;
}

#footer .addressWrap .map{
  font-size: 12px;
}

#footer .addressWrap .map a{
  color: #fff;
  text-decoration: underline;
}

#footer .addressWrap .map a:hover{
  text-decoration: none;
}

#footer .addressWrap .map a::after{
  display: inline-block;
  width: 12px;
  height: 12px;
  content: url(../img/icon_map.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: 2px 5px 0;
}

#footer .addressWrap .langage{
  display: flex;
  margin-top: 28px;
  padding-top: 28px;
  position: relative;
  font-size: 12px;
}

#footer .addressWrap .langage a,
#footer .addressWrap .langage span{
  font-size: 12px;
}

#footer .addressWrap .langage::after{
  content: "";
  width: 16px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#footer .addressWrap .langage li::after{
  content: "・";
  color: rgba(255, 191, 191, 1);
  display: inline-block;
  margin: 0 5px;
  font-size: 12px;
}

#footer .addressWrap .langage li:last-child::after{
  display: none;
}

#footer .inner .fnavTop .fnav{
  margin-top: 30px;
}

#footer .inner .fnavTop .fnav li{
  margin-top: 12px;
}

#footer .inner .fnavTop .fnav li a{
  font-size: 14px;
}

#footer .inner .fnavTop .fnav li.parents{
  margin-bottom: 20px;
}

#footer .inner .fnavTop .fnav li.parents a{
  font-size: 16px;
  color: #fff;
}

#footer .fnavwrap{
  margin-top: 116px;
  width: 1240px;
  margin: 116px auto 35px;
}

#footer .fnavwrap .fnav{
  display: flex;
  justify-content: center;
}

#footer .fnavwrap .fnav li{
  position: relative;
  padding: 0 15px;
}

#footer .fnavwrap .fnav li::after{
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

#footer .fnavwrap .fnav li:first-child::after{
  display: none;
}
  
#footer .fnavwrap .fnav li a{
  font-size: 12px;
  color: #fff;
}
  
#footer #copy{
  font-family: "Instrument Serif", serif;
  color: rgba(255, 190, 190, 1);
  margin-bottom: 20px;
  font-size: 12px;
}
  
.spOnly{ display: none;}
  
@media screen and (max-width: 768px){
  .pcOnly{ display: none;}
  .spOnly{ display: block;}
  
    #footer{
      background: url(../img/bg_footer_sp.png) no-repeat;
      background-size: cover;
      padding-top: 46px;
      margin: 0 15px 15px;
      border-radius: 10px;
    }

    #footer .inner{
      width: auto;
      margin: 0 10px;
      display: block;
    }

    #footer .inner .fLogoTop{
      width: auto;
    }

    #footer .inner .fnavTop{
      width: 100%;
    }

    #footer .inner .fnavTop:last-child{
      width: 100%;
    }

    #footer .inner .fLogoTop .logo{
      width: 120px;
      margin-left: 20px;
      margin-bottom: 60px;
    }

    #footer .inner .fLogoTop .logo img{
      width: 100%;
    }

    #footer .addressWrap{
      margin-top: 70px;
      margin-left: 30px;
      text-align: left;
    }

    #footer .addressWrap p.name{
      font-size: 14px;
      margin-bottom: 20px;
      font-weight: bold;
      color: #fff;
    }

    #footer .addressWrap p.add{
      font-size: 12px;
      margin-bottom: 14px;
      color: #fff;
    }

    #footer .addressWrap .map{
      font-size: 12px;
      margin-bottom: 12px;
    }

    #footer .addressWrap .map a{
      color: #fff;
      text-decoration: underline;
    }

    #footer .addressWrap .map a:hover{
      text-decoration: none;
    }

    #footer .addressWrap .map a::after{
      display: inline-block;
      width: 12px;
      height: 12px;
      content: url(../img/icon_map.svg);
      background-position: 0 0;
      background-repeat: no-repeat;
      margin: 2px 5px 0;
    }

    #footer .addressWrap .langage{
      display: flex;
      margin-top: 14px;
      padding-top: 18px;
      position: relative;
    }
  
    #footer .addressWrap .langage a{
      color: rgba(255, 190, 190, 1);
    }
  
    #footer .addressWrap .langage span{
      color: #fff;
    }

    #footer .addressWrap .langage::after{
      content: "";
      width: 16px;
      height: 1px;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    #footer .addressWrap .langage li::after{
      content: "・";
      color: rgba(255, 191, 191, 1);
      display: inline-block;
      margin: 0 5px;
    }

    #footer .addressWrap .langage li:last-child::after{
      display: none;
    }

    #footer .inner .fnavTop .fnav{
      margin-top: 20px;
      border-bottom: 1px solid rgba(244, 110, 82, 1);
    }
  
    #footer .inner .fnavTop .fnav.open{
      padding-bottom: 35px;
    }

    #footer .inner .fnavTop .fnav li{
      margin-top: 20px;
      margin-left: 20px;
      display: none;
    }
  
    #footer .inner .fnavTop .fnav.open li{
      display: block;
    }

    #footer .inner .fnavTop .fnav li a{
      font-size: 14px;
      color: rgba(255, 191, 191, 1);
      text-decoration: underline;
    }
  
    #footer .inner .fnavTop .fnav li a::before{
      content: "";
      display: inline-block;
      width: 4px;
      height: 1px;
      vertical-align: middle;
      margin-right: 12px;
      border-bottom: 1px solid rgba(255, 191, 191, 1);
    }

    #footer .inner .fnavTop .fnav li.parents{
      margin-left: 20px;
      margin-bottom: 20px;
      display: block;
      position: relative;
    }

  
    #footer .inner .fnavTop .fnav li.parents .accBtn{
      position: absolute;
      top: -9px;
      right: 15px;
      background: url(../img/icon_plus_w.png) no-repeat center;
      background-size: 11px auto;
      width: 30px;
      height: 30px;
    }
  
    #footer .inner .fnavTop .fnav.open li.parents .accBtn{
      position: absolute;
      top: -9px;
      right: 15px;
      background: url(../img/icon_minus_w.png) no-repeat center;
      background-size: 11px auto;
      width: 30px;
      height: 30px;
    }

    #footer .inner .fnavTop .fnav li.parents a{
      font-size: 14px;
      color: #fff;
      text-decoration: none;
    }
    #footer .inner .fnavTop .fnav li.parents a::before{
      display: none;
    }

    #footer .fnavwrap{
      margin-top: 116px;
      width: auto;
      margin: 20px auto 25px;
    }

    #footer .fnavwrap .fnav{
      display: block;
    }

    #footer .fnavwrap .fnav li{
      position: relative;
      padding: 0;
      margin-top: 20px;
      margin-left: 30px;
      text-align: left;
    }

    #footer .fnavwrap .fnav li::after{
      display: none;
    }

    #footer .fnavwrap .fnav li:first-child::after{
      display: none;
    }

    #footer .fnavwrap .fnav li a{
      font-size: 12px;
      color: #fff;
    }

    #footer #copy{
      font-family: "Instrument Serif", serif;
      color: rgba(255, 190, 190, 1);
      margin: 40px 0 20px 30px;
      font-size: 12px;
      text-align: left;
    }
  
}
  
  
  


