@charset "UTF-8";
/* Sass変数 */
.pc {
  display: block;
}

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

.mb {
  display: none;
}

@media screen and (max-width: 890px) {
  .mb {
    display: block;
  }
}

/* ---------- フォントスタイル ---------- */
/* AP-OTF-A1GothicStd-Bold */
@font-face {
  font-family: MyFont_1;
  src: url(../font-family/AP-OTF-A1GothicStd-Bold.otf);
}

/* AP-OTF-A1GothicStd-Medium */
@font-face {
  font-family: MyFont_2;
  src: url(../font-family/AP-OTF-A1GothicStd-Medium.otf);
}

/* A-OTF-MiGoMB1Std-DeBold */
@font-face {
  font-family: MyFont_3;
  src: url(../font-family/A-OTF-MiGoMB1Std-DeBold.otf);
}

/* P-OTF-ShueiGoGinStdN-B */
@font-face {
  font-family: MyFont_4;
  src: url(../font-family/AP-OTF-ShueiGoGinStdN-B.otf);
}

/* AP-OTF-ShueiNMGoStdN-B */
@font-face {
  font-family: MyFont_5;
  src: url(../font-family/AP-OTF-ShueiNMGoStdN-B.otf);
}

/* ---------- アニメーション ---------- */
@-webkit-keyframes ScalelUp {
  0% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes ScalelUp {
  0% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
    opacity: 1;
  }
}

@-webkit-keyframes ScalelUp2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes ScalelUp2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes OpacityTrans {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes OpacityTrans {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* -- アニメーションスタイル -- */
.Anime_ScaleUp {
  -webkit-animation-name: ScalelUp;
          animation-name: ScalelUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.Anime_ScaleUp2 {
  -webkit-animation-name: ScalelUp2;
          animation-name: ScalelUp2;
  -webkit-animation-duration: .8s;
          animation-duration: .8s;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.Anime_OpacityTrans {
  -webkit-animation-name: OpacityTrans;
          animation-name: OpacityTrans;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/* ----- html ----- */
html {
  font-size: 62.5%;
  /*  文字サイズの基準を設定(rem=htmlを基準) */
  /* 1rem = 10px, 2rem = 20px */
  font-family: MyFont_AP_OTF;
}

/* -- body -- */
body {
  width: 100%;
  /* -- End of header -- */
  /* -- main -- */
  /* -- End of main -- */
  /* -- footer -- */
  /* End of footer */
}

body header {
  position: fixed;
  z-index: 100;
  top: 100px;
  right: 0;
  width: 80px;
  height: 120px;
}

body header .header_content {
  width: 100%;
  height: 100%;
}

body header .header_content .header_content_SnsLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

body header .header_content .header_content_SnsLink li {
  width: 50px;
  margin: 0 auto;
}

body header .header_content .header_content_SnsLink li a {
  display: block;
  width: 100%;
}

body header .header_content .header_content_SnsLink li a img {
  width: 100%;
}

body header .header_content .header_content_SnsLink li:nth-of-type(2) {
  position: relative;
  top: 5px;
  left: 5px;
  width: 35px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

body main {
  width: 100%;
}

body main .vidual_Area {
  width: 100%;
  background-color: #f8c249;
}

body main .vidual_Area .vidual_Area_content {
  position: relative;
  width: 100%;
  /* 左下白円 */
  /* 右下白円 */
  /* TOPタイトル */
}

body main .vidual_Area .vidual_Area_content::before {
  position: absolute;
  bottom: -100px;
  left: 0;
  content: "";
  background-color: #fff;
  width: 55%;
  height: 185px;
  border-top-right-radius: 75%;
}

body main .vidual_Area .vidual_Area_content::after {
  position: absolute;
  bottom: -100px;
  right: 0;
  content: "";
  background-color: #fff;
  width: 55%;
  height: 185px;
  border-top-left-radius: 75%;
}

body main .vidual_Area .vidual_Area_content strong {
  width: 260px;
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 2.5rem;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
  font-family: MyFont_4;
  letter-spacing: 1px;
  line-height: 40px;
}

body main .vidual_Area .vidual_Area_content strong span {
  font-family: MyFont_2;
  color: #1b6837;
  font-size: 3.5rem;
  letter-spacing: 5px;
  margin-left: 5px;
}

body main .vidual_Area .vidual_Area_content strong img {
  position: relative;
  top: 10px;
  width: 260px;
}

body main .vidual_Area .vidual_Area_content .CashBackKinds_ImgArea {
  position: relative;
  width: min(95%, 480px);
  height: 300px;
  margin-top: 100px;
  margin: 0 auto;
}

body main .vidual_Area .vidual_Area_content .CashBackKinds_ImgArea img {
  width: 100px;
}

body main .vidual_Area .vidual_Area_content .CashBackKinds_ImgArea img:nth-of-type(1) {
  position: absolute;
  top: 30px;
  left: 0;
}

body main .vidual_Area .vidual_Area_content .CashBackKinds_ImgArea img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

body main .vidual_Area .vidual_Area_content .CashBackKinds_ImgArea img:nth-of-type(3) {
  position: absolute;
  top: 30px;
  right: 0;
}

body main .vidual_Area .vidual_Area_content .CashBackKinds_ImgArea img:nth-of-type(4) {
  position: absolute;
  bottom: 0;
  left: 0;
}

body main .vidual_Area .vidual_Area_content .CashBackKinds_ImgArea img:nth-of-type(5) {
  position: absolute;
  bottom: 0;
  right: 0;
}

body main .vidual_Area .vidual_Area_content .CashBack_ExampleImg {
  width: min(80%, 480px);
  padding-bottom: 100px;
  margin: 50px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

body main .vidual_Area .vidual_Area_content .CashBack_ExampleImg img {
  opacity: 0;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

body main .vidual_Area .vidual_Area_content .CashBack_ExampleImg img:nth-of-type(1) {
  width: 92px;
}

body main .vidual_Area .vidual_Area_content .CashBack_ExampleImg img:nth-of-type(2) {
  position: relative;
  top: 5px;
  width: 90px;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

body main .vidual_Area .vidual_Area_content .CashBack_ExampleImg img:nth-of-type(3) {
  position: relative;
  top: -10px;
  width: 82px;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

body footer {
  width: 100%;
  background-color: #f8c249;
  padding: 50px 0;
}

body footer .footer_content {
  width: min(480px, 80%);
  margin: 0 auto;
  font-family: MyFont_2;
  /* table */
}

body footer .footer_content .footer_content_ContactInfo_Ttl {
  width: 100%;
  text-align: start;
  margin-bottom: 10px;
}

body footer .footer_content .footer_content_ContactInfo_Ttl span {
  color: #fff;
  font-size: 1.1rem;
  letter-spacing: 1px;
  background-color: #f88d0a;
  padding: 7px 15px;
  border-radius: 15px;
}

body footer .footer_content .footer_content_ContactInfo {
  width: 100%;
  margin-bottom: 30px;
}

body footer .footer_content .footer_content_ContactInfo tr + tr {
  border-top: 1px solid #f88d0a;
}

body footer .footer_content .footer_content_ContactInfo tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body footer .footer_content .footer_content_ContactInfo tr th {
  width: 40%;
}

body footer .footer_content .footer_content_ContactInfo tr td {
  width: 60%;
  word-wrap: break-word;
}

body footer .footer_content .footer_content_ContactInfo tr th, body footer .footer_content .footer_content_ContactInfo tr td {
  text-align: start;
  font-size: 1.2rem;
  letter-spacing: 1px;
}

body footer .footer_content .footer_content_ContactInfo_Link {
  width: 100%;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

body footer .footer_content .footer_content_ContactInfo_Link li {
  width: 30px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

body footer .footer_content .footer_content_ContactInfo_Link li a {
  display: block;
  width: 100%;
}

body footer .footer_content .footer_content_ContactInfo_Link li a img {
  width: 100%;
}

body footer .footer_content .footer_content_ContactInfo_Link li:hover {
  cursor: pointer;
}

body footer .footer_content .footer_content_ContactInfo_Link li:nth-of-type(2) {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

body footer .footer_content .copyright {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.7rem;
  color: #fff;
}
/*# sourceMappingURL=common.css.map */