@charset "Shift-JIS";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700;800;900&display=swap");
* {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  margin: 0; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

dl, dd {
  margin: 0; }

a {
  text-decoration: none;
  transition: .3s; }

body {
    margin: 0;
    padding: 0;
    background: #e8e5d2;
}

article {
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
    overflow-x: hidden;
    overflow-y: hidden;
    -ms-overflow-style: none;    /* IE, Edge ‘Ξ‰ž */
    scrollbar-width: none;       /* Firefox ‘Ξ‰ž */
}
article::-webkit-scrollbar {  /* Chrome, Safari ‘Ξ‰ž */
  display:none;
}
@media (max-width: 767px) {
article {
      max-width: 100%;
}
article img {
    width: 100%;
    max-width: 100%;
}
}

main {
    background: #f5f4f2;
    padding-bottom: 80px;
}

/* ==================================
              BTN
====================================*/

.BTNcont{
    background: #f5f4f2;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 750px;
} 
@media (max-width: 767px) {
.BTNcont {
    max-width: 100%;
}
.BTNcont img {
    width: 90%;
}
}

.BTNtext {
    font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "sans-serif";
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    letter-spacing: .15rem;
    padding-bottom: 7px;
}
@media (max-width: 767px) {
.BTNcont {
    font-size: calc(80% + 1vw);
}
}


/* ==================================
     ‰ζ‘œfade-inƒAƒjƒ[ƒVƒ‡ƒ“
====================================*/

.offer-item__head__main {
    opacity: 0.1;
    transform: translate(0, 50px);
    transition: all 500ms;
}
.offer-item__head__main.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}
footer .copyright {
  text-align: center; }


@media only screen and (max-width: 767px) {
  /*iphone‘Ξ‰ž*/
  html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, small, strong, sup, dl, dt, dd, ul, li, caption, tr, th, td, nav {
    -webkit-text-size-adjust: 100%;
  }

}