/* =========================================================
		common
========================================================= */
/*html{scroll-behavior: smooth;  overflow-x: hidden}*/
html{overflow-x: hidden}
body {font-family: "Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; color: #2d2d2d; line-height: 1.5; margin: 0; padding: 0; letter-spacing: 1px; overflow-x: hidden; font-size: clamp(0.9rem, 0.95rem + 0.4vw, 1rem);background-color: #fff; font-weight: 500;}
.pc-none{ display:none;}


a {transition: .3s; color: #2d2d2d;}
a:hover{opacity: 0.6;}
.wrapper{
  padding:  8% 4%;
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}

.anc{
  margin-top: -50px;
  padding-top: 50px;
}

:root {
  --anime1:#d06676;
  --anime2:#8ea22e;
  --anime3:#1f95c6;
  --anime4:#9f88b3;
  --font-14: 0.875rem;
  --font-18: 1.125rem;
  --font-20: 1.25rem;
  --font-22:1.375rem;
  --font-26:1.625rem;
  --font-30: 2rem;
  --font-36: 2.25rem;
}

picture,img{
  vertical-align: bottom;
}

img{
  pointer-events: none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;
 }


/* footer */
.footer{
  background: #f8f8f8;
}
.footer .wrapper{
  padding-bottom: 3%;
}



.footer .banner_area {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.footer .banner_area > div {
  height: 80px;
  margin-right: 10px;

}

.footer .banner_area > div:last-child {
  margin-right: 0;
}

.footer .banner_area img {

  display: block;
width: auto;
height: 100%;
object-fit: contain;
}


.sns_area{
  margin-top: 3%;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}

.sns_link{
  display: flex;
  align-items: center;
  gap: 0 10px;
}

.sns_link picture{
  width: 40px;
}

.copyright{
  font-size: 10px;
  text-align: center;
  margin-top: 10%;
}

#page-top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 1%;
  bottom: 1%;
  background: #e8c85e;
  opacity: 0.6;
  border-radius: 50%;
}
#page-top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page-top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f102";
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -15px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.fa, .fas{
  display: none;
}

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

  .wrapper{
    padding: 12% 2%;
    width: 95%;
  }



  .sns_link picture{width: 30px;}
  .copyright{text-align: left;}

  .footer .banner_area div{
    width: 100%;
    height: auto;
  }


  .footer .banner_area{
    flex-direction: column;
    gap: 10px 0;
  }

  .sns_area{
    margin-top: 7%;
  }

  .footer .banner_area img {
    width: 100%;
  }
}