/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
@charset "UTF-8";
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

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

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

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

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

@keyframes tepra-head {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fv-animation-sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-18000px, 0);
            transform: translate(-18000px, 0); } }

@keyframes fv-animation-sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-18000px, 0);
            transform: translate(-18000px, 0); } }

@-webkit-keyframes fv-animation-pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-30720px, 0);
            transform: translate(-30720px, 0); } }

@keyframes fv-animation-pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-30720px, 0);
            transform: translate(-30720px, 0); } }

@-webkit-keyframes subtitle-effect {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-33000px, 0);
            transform: translate(-33000px, 0); } }

@keyframes subtitle-effect {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(-33000px, 0);
            transform: translate(-33000px, 0); } }

body {
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  background: #000;
  color: #fff; }

body {
  opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-in 0.5s forwards;
          animation: fadeIn 0.5s ease-in 0.5s forwards; }

.wrapper {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
  font-family: "Hiragino Mincho W3 JIS2004",ヒラギノ明朝 W3 JIS2004, serif;
  color: #f1e8d7;
  opacity: 0; }
  .wrapper[data-loaded="true"] {
    opacity: 1; }

.is_pc {
  width: 100%;
  min-width: 1280px; }
  .is_pc .wrapper {
    width: 100%;
    min-width: 1280px;
    overflow: hidden;
    margin: auto;
    position: relative;
    top: 0;
    left: 0; }

.fv-title,
.about-text,
.share-content,
.product-title,
.present-title,
.present-sub,
.present-term {
  font-size: 0; }

.preload {
  display: none; }

a {
  display: block;
  text-decoration: none;
  transition: 0.5s ease; }
  a:hover {
    opacity: 0.7; }

section {
  width: 100%;
  position: relative; }

.share-wrap,
.anniversary-btn-wrap,
.footer-wrap {
  position: relative; }

.js-scroll__show {
  opacity: 0; }
  .js-scroll__show[data-show="true"] {
    opacity: 1;
    transition: opacity 0.5s ease-in; }

.fv {
  height: 1120px; }
  .fv .fv-product--pc {
    display: none; }
  .fv .fv-product--sp {
    display: block; }
  .fv .fv-product__content {
    position: absolute;
    top: 467px;
    left: 47px;
    right: 0;
    margin: auto; }
    .fv .fv-product__content__item {
      opacity: 0; }
  .fv .fv-title {
    width: 100%;
    height: 1120px;
    position: relative;
    top: 6px;
    width: 747px;
    height: 987px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/fv_title.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: fadeIn 3s ease-in 0.5s;
            animation: fadeIn 3s ease-in 0.5s;
    position: absolute;
    top: 9px;
    left: 0; }
    .fv .fv-title:before {
      content: "";
      width: 100%;
      height: 1120px;
      background: url("/sp/campaign/tepra/201806/img/sp/fv_title_sub-01.png") no-repeat top center;
      background-size: 361px 644px;
      position: absolute;
      top: 13px;
      right: 0;
      left: 0;
      margin: auto;
      -webkit-animation: 1s fadeOut 12s ease-out forwards;
              animation: 1s fadeOut 12s ease-out forwards; }
    .fv .fv-title__bg {
      width: 100%;
      height: 1120px;
      position: relative;
      top: 0;
      overflow: hidden; }
      .fv .fv-title__bg:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 18750px;
        height: 1130px;
        background: url("/sp/campaign/tepra/201806/img/sp/fv-effect.png");
        background-size: 18750px 1130px; }
  .fv .fv-arrow {
    width: 72px;
    height: 72px;
    position: absolute;
    top: 1012px;
    left: 0;
    right: 0;
    margin: auto; }

.fv-info {
  width: 750px;
  height: 125px;
  position: absolute;
  top: 1127px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0;
  opacity: 0;
  transition: opacity 1s ease 0.5s; }

.js-title[data-anime="true"]:before {
  -webkit-animation: fv-animation-sp 3.3s steps(24) 0s forwards;
          animation: fv-animation-sp 3.3s steps(24) 0s forwards; }

.js-data .fv-product--sp .js-product-first {
  background: url("/sp/campaign/tepra/201806/img/sp/fv_product01.png");
  width: 540px;
  height: 720px;
  position: absolute;
  top: 0;
  left: -58px;
  right: 0;
  margin: auto;
  opacity: 0;
  box-sizing: border-box; }
  .js-data .fv-product--sp .js-product-first[data-first="false"] {
    opacity: 0; }
  .js-data .fv-product--sp .js-product-first[data-first="true"] {
    -webkit-animation: 0.9s tepra 1.6s cubic-bezier(0.63, -0.02, 1, 1) forwards, 0.9s fadeIn 1.6s ease-in forwards, 2s fadeOut 6s ease-out forwards;
            animation: 0.9s tepra 1.6s cubic-bezier(0.63, -0.02, 1, 1) forwards, 0.9s fadeIn 1.6s ease-in forwards, 2s fadeOut 6s ease-out forwards; }
    .js-data .fv-product--sp .js-product-first[data-first="true"]:before {
      -webkit-animation: 0s fadeIn 3s ease-in forwards;
              animation: 0s fadeIn 3s ease-in forwards; }

.js-data .js-arrow {
  background: url("/sp/campaign/tepra/201806/img/sp/arrow-01.png") no-repeat center;
  transition: opacity 2s cubic-bezier(0, 0.27, 1, 0.71) 0s; }
  .js-data .js-arrow[data-arrow="true"] {
    opacity: 1; }
  .js-data .js-arrow[data-arrow="false"] {
    opacity: 0; }

.js-data .js-info {
  transition: opacity 2s cubic-bezier(0, 0.27, 1, 0.71) 0s;
  background: url("/sp/campaign/tepra/201806/img/sp/fv_info-01.png"); }
  .js-data .js-info[data-info="true"] {
    opacity: 1; }
  .js-data .js-info[data-info="false"] {
    opacity: 0; }

.js-data .fv-subtitle {
  width: 100%;
  height: 1120px;
  position: relative;
  top: 10px;
  font-size: 0;
  transition: opacity 1s ease -0.1s; }

.js-data[data-version="product01"] .js-product-sp .js-product:nth-child(1) {
  opacity: 1; }

.js-data[data-version="product01"] .js-data__content .fv-info:nth-child(1) {
  opacity: 1; }

.js-data[data-version="product01"] .js-data__content .fv-arrow__item:nth-child(1) {
  opacity: 1; }

.js-data[data-version="product01"] .js-data__content .fv-subtitle__sub:nth-child(1) {
  opacity: 1; }

.js-data[data-version="product02"] .js-product-sp .js-product:nth-child(2) {
  opacity: 1; }

.js-data[data-version="product02"] .js-data__content .fv-info:nth-child(2) {
  opacity: 1; }

.js-data[data-version="product02"] .js-data__content .fv-arrow__item:nth-child(2) {
  opacity: 1; }

.js-data[data-version="product02"] .js-data__content .fv-subtitle__sub:nth-child(2) {
  opacity: 1; }

.js-data[data-version="product03"] .js-product-sp .js-product:nth-child(3) {
  opacity: 1; }

.js-data[data-version="product03"] .js-data__content .fv-info:nth-child(3) {
  opacity: 1; }

.js-data[data-version="product03"] .js-data__content .fv-arrow__item:nth-child(3) {
  opacity: 1; }

.js-data[data-version="product03"] .js-data__content .fv-subtitle__sub:nth-child(3) {
  opacity: 1; }

.js-data .js-product-sp .js-product:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  box-sizing: border-box;
  opacity: 0;
  width: 540px;
  height: 720px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/fv_product01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.js-data .js-data__content .fv-info:nth-child(1) {
  width: 750px;
  height: 125px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/fv_info-01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.js-data .js-data__content .fv-subtitle__sub:nth-child(1) {
  width: 361px;
  height: 644px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/fv_title_sub-01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: opacity 2s cubic-bezier(0, 0.27, 1, 0.71) 0s; }

.js-data .fv-arrow__item:nth-child(1) {
  width: 72px;
  height: 72px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/arrow-01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity 2s cubic-bezier(0, 0.27, 1, 0.71) 0s; }

.js-data .js-product-sp .js-product:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  box-sizing: border-box;
  opacity: 0;
  width: 540px;
  height: 720px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/fv_product02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.js-data .js-data__content .fv-info:nth-child(2) {
  width: 750px;
  height: 125px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/fv_info-02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.js-data .js-data__content .fv-subtitle__sub:nth-child(2) {
  width: 361px;
  height: 644px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/fv_title_sub-02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: opacity 2s cubic-bezier(0, 0.27, 1, 0.71) 0s; }

.js-data .fv-arrow__item:nth-child(2) {
  width: 72px;
  height: 72px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/arrow-02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity 2s cubic-bezier(0, 0.27, 1, 0.71) 0s; }

.js-data .js-product-sp .js-product:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  box-sizing: border-box;
  opacity: 0;
  width: 540px;
  height: 720px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/fv_product03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.js-data .js-data__content .fv-info:nth-child(3) {
  width: 750px;
  height: 125px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/fv_info-03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.js-data .js-data__content .fv-subtitle__sub:nth-child(3) {
  width: 361px;
  height: 644px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/fv_title_sub-03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transition: opacity 2s cubic-bezier(0, 0.27, 1, 0.71) 0s; }

.js-data .fv-arrow__item:nth-child(3) {
  width: 72px;
  height: 72px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/arrow-03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: opacity 2s cubic-bezier(0, 0.27, 1, 0.71) 0s; }

.js-data[data-version="product01"] .js-product-sp .js-product:nth-child(1) {
  opacity: 1;
  -webkit-animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards;
          animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards; }

.js-data[data-version="product02"] .js-product-sp .js-product:nth-child(2) {
  opacity: 1;
  -webkit-animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards;
          animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards; }

.js-data[data-version="product03"] .js-product-sp .js-product:nth-child(3) {
  opacity: 1;
  -webkit-animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards;
          animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards; }

.js-data .js-product-sp .js-product:nth-child(1) {
  top: 0;
  left: -58px; }

.js-data .js-product-sp .js-product:nth-child(2) {
  top: 0;
  left: -72px; }

.js-data .js-product-sp .js-product:nth-child(3) {
  top: 0;
  left: -56px; }

.fv-shadow {
  width: 750px;
  height: 1130px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/sp_top_shadow.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -14px;
  left: 0;
  opacity: 0;
  -webkit-animation: fadeIn 3s ease 5s forwards;
          animation: fadeIn 3s ease 5s forwards; }
  .fv-shadow[data-shadow="true"] {
    opacity: 1; }

.about {
  width: 100%;
  background: url("/sp/campaign/tepra/201806/img/sp/about_photo.png") bottom 184px center no-repeat;
  background-size: 749px 393px;
  padding: 275px 0 508px; }
  .about .about-text {
    width: 591px;
    height: 770px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/about_text.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 78px auto 0; }

.share-wrap {
  position: relative; }

.share {
  width: 100%;
  height: 73px;
  padding: 0 117px 50px;
  margin: -45px auto 0;
  box-sizing: border-box; }
  .share .share-content {
    display: flex;
    height: 73px; }
    .share .share-content__item {
      height: 73px;
      text-align: center;
      margin-right: 76px; }
    .share .share-content__item:nth-child(1) a {
      width: 77px;
      height: 62px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/share_tw.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .share .share-content__item:nth-child(2) a {
      width: 67px;
      height: 67px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/share_fb.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .share .share-content__item:nth-child(3) a {
      width: 77px;
      height: 73px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/share_line.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .share .share-content__item:nth-child(4) {
      margin: 0 -2px 0 -2px; }
      .share .share-content__item:nth-child(4) a {
        margin: 4px 0 0 0;
        width: 70px;
        height: 60px;
        background-image: url("/sp/campaign/tepra/201806/img/sp/share_hateb.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }

.js-scroll__show[data-show="true"] .product__title:before {
  -webkit-animation: subtitle-effect 1.8s steps(44) 0.3s both;
          animation: subtitle-effect 1.8s steps(44) 0.3s both; }

.product__image.js-scroll__show[data-show="true"] {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: 1s cubic-bezier(0.64, 0, 0.53, 0.9) 1.2s;
  opacity: 1; }

.product__text.js-scroll__show[data-show="true"] {
  transition: 1s ease-in-out 1s;
  opacity: 1; }

.product__title {
  position: relative;
  padding-top: 140px;
  font-size: 0;
  height: 230px;
  background-size: 136px 75px;
  overflow: hidden; }
  .product__title:before {
    content: "";
    display: block;
    position: absolute;
    top: 132px;
    left: -1px;
    width: 33750px;
    height: 230px;
    background: url("/sp/campaign/tepra/201806/img/sp/sub-effect.png");
    background-size: 33750px 230px;
    z-index: 100; }
  .product__title__h2 {
    position: absolute;
    left: 54px; }
  .product__title__sub {
    position: absolute; }

.product__image {
  -webkit-transform: translateY(13px);
          transform: translateY(13px);
  opacity: 0; }

.product__text {
  font-size: 0;
  opacity: 0; }

.product-wrap--01 {
  width: 100%;
  background: url("/sp/campaign/tepra/201806/img/sp/01_bg.png") repeat-x center; }

.product--01__title {
  background: url("/sp/campaign/tepra/201806/img/sp/01.png") no-repeat 303px 0; }
  .product--01__title__h2 {
    background: url("/sp/campaign/tepra/201806/img/sp/01_title.png") no-repeat center 0; }
  .product--01__title__sub {
    background: url("/sp/campaign/tepra/201806/img/sp/01_subtitle.png") no-repeat center 0; }

.product--01__image {
  background: url("/sp/campaign/tepra/201806/img/sp/01_product.png") no-repeat top center; }

.product--01__text {
  background: url("/sp/campaign/tepra/201806/img/sp/01_text.png") no-repeat top center; }

.product-wrap--02 {
  width: 100%;
  background: url("/sp/campaign/tepra/201806/img/sp/02_bg.png") repeat-x center; }

.product--02__title {
  background: url("/sp/campaign/tepra/201806/img/sp/02.png") no-repeat 303px 0; }
  .product--02__title__h2 {
    background: url("/sp/campaign/tepra/201806/img/sp/02_title.png") no-repeat center 0; }
  .product--02__title__sub {
    background: url("/sp/campaign/tepra/201806/img/sp/02_subtitle.png") no-repeat center 0; }

.product--02__image {
  background: url("/sp/campaign/tepra/201806/img/sp/02_product.png") no-repeat top center; }

.product--02__text {
  background: url("/sp/campaign/tepra/201806/img/sp/02_text.png") no-repeat top center; }

.product-wrap--03 {
  width: 100%;
  background: url("/sp/campaign/tepra/201806/img/sp/03_bg.png") repeat-x center; }

.product--03__title {
  background: url("/sp/campaign/tepra/201806/img/sp/03.png") no-repeat 303px 0; }
  .product--03__title__h2 {
    background: url("/sp/campaign/tepra/201806/img/sp/03_title.png") no-repeat center 0; }
  .product--03__title__sub {
    background: url("/sp/campaign/tepra/201806/img/sp/03_subtitle.png") no-repeat center 0; }

.product--03__image {
  background: url("/sp/campaign/tepra/201806/img/sp/03_product.png") no-repeat top center; }

.product--03__text {
  background: url("/sp/campaign/tepra/201806/img/sp/03_text.png") no-repeat top center; }

.product-wrap--01 {
  padding: 295px 0 130px 0;
  background-position: center 1011px; }

.product--01__title {
  background-size: 136px 75px; }
  .product--01__title__h2 {
    width: 627px;
    height: 214px; }
  .product--01__title__sub {
    width: 556px;
    height: 64px;
    top: 210px;
    left: 72px; }

.product--01__image {
  width: 521px;
  height: 603px;
  margin: -20px auto 170px; }

.product--01__text {
  width: 527px;
  height: 436px;
  margin: -168px auto 0; }

.product-wrap--02 {
  padding: 262px 0 165px 0;
  background-position: top 1016px center; }

.product--02__title {
  background-size: 155px 77px; }
  .product--02__title__h2 {
    width: 518px;
    height: 218px;
    margin: -2px 0 0 62px; }
  .product--02__title__sub {
    width: 444px;
    height: 64px;
    top: 218px;
    left: 62px; }

.product--02__image {
  width: 463px;
  height: 479px;
  margin: 52px auto 50px; }

.product--02__text {
  width: 447px;
  height: 521px;
  margin: 65px auto 9px; }

.product-wrap--03 {
  padding: 218px 0 123px 0;
  background-position: top 907px center; }

.product--03__title {
  background-size: 154px 75px; }
  .product--03__title__h2 {
    width: 480px;
    height: 87px;
    margin: -4px 0 0 81px; }
  .product--03__title__sub {
    width: 391px;
    height: 64px;
    top: 212px;
    left: 140px; }

.product--03__image {
  width: 479px;
  height: 570px;
  margin: -25px auto 30px; }

.product--03__text {
  width: 447px;
  height: 487px;
  margin: 0 auto 36px; }

.image-block {
  margin: 0 0 60px 0; }
  .image-block__content__item {
    width: 100%;
    height: 450px;
    overflow: hidden;
    margin: 0 0 20px 0; }
  .image-block__content__item:last-child {
    margin: 0; }

.image-block--01 .image-block__content__item:nth-child(1) {
  background: url("/sp/campaign/tepra/201806/img/sp/01_image1.jpg") no-repeat center;
  background-size: cover; }

.image-block--01 .image-block__content__item:nth-child(2) {
  background: url("/sp/campaign/tepra/201806/img/sp/01_image2.jpg") no-repeat center;
  background-size: cover; }

.image-block--01 .image-block__content__item:nth-child(3) {
  background: url("/sp/campaign/tepra/201806/img/sp/01_image3.jpg") no-repeat center;
  background-size: cover; }

.image-block--01 .image-block__content__item:nth-child(4) {
  background: url("/sp/campaign/tepra/201806/img/sp/01_image4.jpg") no-repeat center;
  background-size: cover; }

.image-block--02 .image-block__content__item:nth-child(1) {
  background: url("/sp/campaign/tepra/201806/img/sp/02_image1.jpg") no-repeat center;
  background-size: cover; }

.image-block--02 .image-block__content__item:nth-child(2) {
  background: url("/sp/campaign/tepra/201806/img/sp/02_image2.jpg") no-repeat center;
  background-size: cover; }

.image-block--02 .image-block__content__item:nth-child(3) {
  background: url("/sp/campaign/tepra/201806/img/sp/02_image3.jpg") no-repeat center;
  background-size: cover; }

.image-block--02 .image-block__content__item:nth-child(4) {
  background: url("/sp/campaign/tepra/201806/img/sp/02_image4.jpg") no-repeat center;
  background-size: cover; }

.image-block--03 .image-block__content__item:nth-child(1) {
  background: url("/sp/campaign/tepra/201806/img/sp/03_image1.jpg") no-repeat center;
  background-size: cover; }

.image-block--03 .image-block__content__item:nth-child(2) {
  background: url("/sp/campaign/tepra/201806/img/sp/03_image2.jpg") no-repeat center;
  background-size: cover; }

.image-block--03 .image-block__content__item:nth-child(3) {
  background: url("/sp/campaign/tepra/201806/img/sp/03_image3.jpg") no-repeat center;
  background-size: cover; }

.image-block--03 .image-block__content__item:nth-child(4) {
  background: url("/sp/campaign/tepra/201806/img/sp/03_image4.jpg") no-repeat center;
  background-size: cover; }

.present {
  padding: 158px 0 150px 0; }
  .present__title {
    position: relative;
    width: 583px;
    height: 272px;
    margin: 0 0 38px 57px;
    font-size: 0; }
    .present__title__h2 {
      width: 583px;
      height: 272px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/present_title.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .present__title__sub {
      width: 255px;
      height: 107px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/present_subtitle.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 89px;
      right: -29px; }
  .present__image {
    width: 623px;
    height: 258px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/present_product.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto; }
  .present__text {
    font-size: 28px;
    font-family: "Hiragino Mincho W3 JIS2004", ヒラギノ明朝 W3 JIS2004, serif;
    line-height: 64px;
    width: 85%;
    margin: 25px auto 51px; }
  .present__term {
    width: 85%;
    margin: 0 auto 62px;
    border: 3px solid #f1e8d7;
    border-right: none;
    border-left: none;
    padding: 46px 0;
    display: flex;
    font-size: 0; }
    .present__term__item:nth-child(1) {
      width: 113px;
      height: 27px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/term_title.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-position: center;
      margin: 6px 66px 0 0; }
    .present__term__item:nth-child(2) {
      width: 439px;
      height: 36px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/term.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
  .present__caution {
    width: 85%;
    margin: auto;
    font-size: 22px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", ヒラギノ角ゴ W3 JIS2004, serif;
    line-height: 40px;
    text-indent: -1em;
    padding-left: 1em; }

.applying-wrap {
  background-color: #151515; }

.applying {
  padding: 111px 0 66px; }
  .applying__title {
    width: 185px;
    height: 41px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/applying_title.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 185px 41px;
    position: relative;
    font-size: 0;
    margin: 2px auto 95px; }
    .applying__title:after {
      content: "";
      position: absolute;
      top: 58px;
      left: 0;
      right: 0;
      margin: auto;
      width: 100px;
      height: 4px;
      background: #b8a62e; }

.order {
  width: 560px; }
  .order__title {
    font-size: 0;
    margin: 0 0 24px 0; }
  .order__text {
    font-family: "Hiragino Mincho W3 JIS2004", ヒラギノ明朝 W3 JIS2004, serif;
    font-size: 28px;
    line-height: 53px;
    letter-spacing: 1px;
    margin: 0 auto 51px; }
  .order__sns {
    font-size: 0; }
  .order__account {
    width: 448px;
    font-family: "Hiragino Mincho W3 JIS2004", ヒラギノ明朝 W3 JIS2004, serif;
    font-size: 28px;
    line-height: 53px;
    letter-spacing: 1px;
    margin: 0 auto 23px;
    text-align: center;
    vertical-align: middle; }
    .order__account a {
      padding: 16px 0;
      border: 2px solid #f1e8d7;
      color: #f1e8d7; }
  .order__caution {
    font-size: 22px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", ヒラギノ角ゴ W3 JIS2004, serif;
    line-height: 40px; }

.order--01 {
  margin: 0 auto 66px; }
  .order--01__title {
    width: 547px;
    height: 47px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/applying_01.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .order--01__text--01 {
    margin: 0 0 26px 0; }
  .order--01__text--02 {
    margin: 0 0 19px 0; }
  .order--01 .order__sns {
    margin: 0 auto 30px; }
    .order--01 .order__sns a {
      width: 450px;
      height: 126px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/btn_follow.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      display: block;
      margin: 0 auto; }

.order--02 {
  margin: 0 auto 80px; }
  .order--02__title {
    width: 547px;
    height: 49px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/applying_02.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .order--02 .order__sns {
    width: 450px;
    height: 126px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/btn_tw.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 30px; }
  .order--02 .order__image {
    width: 560px;
    height: 315px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/applying_02_ogp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 50px 0 45px; }

.order--03 {
  margin: 0 auto; }
  .order--03__title {
    width: 292px;
    height: 48px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/applying_03.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .order--03 .order__text {
    line-height: 48px;
    margin: 0 0 12px 0; }
  .order--03 .order__caution {
    color: #fb2b2b; }

.guide-wrap {
  background-color: #151515; }

.guide {
  padding: 40px 0 120px;
  margin: auto; }
  .guide__title {
    width: 185px;
    height: 41px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/guide_title.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 185px 41px;
    position: relative;
    font-size: 0;
    margin: 2px auto 75px; }
    .guide__title:after {
      content: "";
      position: absolute;
      top: 58px;
      left: 0;
      right: 0;
      margin: auto;
      width: 100px;
      height: 4px;
      background: #b8a62e; }
  .guide__box {
    width: 640px;
    height: 677px;
    margin: auto;
    overflow-y: scroll;
    background-color: #000000; }
    .guide__box__title--h3 {
      font-family: "Hiragino Kaku Gothic W3 JIS2004", ヒラギノ角ゴ W3 JIS2004, serif;
      font-size: 26px;
      margin: 44px 0 26px 34px;
      letter-spacing: 1px; }
  .guide__list {
    font-size: 24px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", ヒラギノ角ゴ W3 JIS2004, serif;
    padding: 0 37px 0; }
    .guide__list__item {
      line-height: 37px;
      text-indent: -1em;
      padding-left: 1em;
      margin: 0 0 12px 0;
      letter-spacing: 1px; }
      .guide__list__item a {
        display: inline;
        color: #f1e8d7; }
    .guide__list .indent {
      text-indent: -1.7em; }
  .guide__list--number {
    padding: 0 37px 0 46px; }
  .guide__list--noindent .guide__list__item {
    text-indent: 0;
    padding-left: 1em; }
  .guide__list--nopadding {
    padding: 12px 0 0 0; }
    .guide__list--nopadding .guide__list__item {
      text-indent: -1.5em;
      padding-left: 1.5em; }

.anniversary-wrap {
  background: #b8a62e;
  color: #000;
  margin: 0 0 -1px 0; }

.anniversary {
  padding: 121px 0 41px; }
  .anniversary__logo {
    width: 227px;
    height: 57px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/30th_logo.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    margin: 0 auto 64px; }
  .anniversary__30 {
    width: 423px;
    height: 139px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/30th_title_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 107px;
    position: relative; }
    .anniversary__30__sub {
      width: 303px;
      height: 97px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/30th_subtitle.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      position: absolute;
      top: 100px;
      right: -88px; }
  .anniversary__title {
    width: 609px;
    height: 128px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/30th_title.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    margin: 0 0 49px 61px; }
  .anniversary__text {
    width: 634px;
    font-size: 28px;
    line-height: 56px;
    font-family: "Hiragino Mincho W3 JIS2004", ヒラギノ明朝 W3 JIS2004, serif;
    margin: 0 auto 24px; }

.anniversary-sns-wrap {
  background: #b8a62e; }

.anniversary-sns {
  padding: 0 0 114px 0; }
  .anniversary-sns .anniversary-share {
    display: flex;
    justify-content: center;
    height: 73px;
    margin: auto;
    font-size: 0; }
    .anniversary-sns .anniversary-share__item {
      height: 73px;
      text-align: center;
      margin-right: 76px; }
    .anniversary-sns .anniversary-share__item:nth-child(1) a {
      width: 77px;
      height: 62px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/foot_share_tw.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .anniversary-sns .anniversary-share__item:nth-child(2) a {
      width: 67px;
      height: 67px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/foot_share_fb.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .anniversary-sns .anniversary-share__item:nth-child(3) a {
      width: 77px;
      height: 73px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/foot_share_line.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .anniversary-sns .anniversary-share__item:nth-child(4) {
      margin: 0 -2px 0 -2px; }
      .anniversary-sns .anniversary-share__item:nth-child(4) a {
        margin: 4px 0 0 0;
        width: 70px;
        height: 60px;
        background-image: url("/sp/campaign/tepra/201806/img/sp/foot_share_hateb.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }

.anniversary-btn {
  background-color: #000000;
  padding: 42px 54px;
  box-sizing: border-box; }
  .anniversary-btn__content {
    display: flex;
    justify-content: space-between; }
    .anniversary-btn__content__item:nth-child(1) a {
      font-size: 0;
      width: 311px;
      height: 88px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/anniversary-btn01.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .anniversary-btn__content__item:nth-child(2) a {
      font-size: 0;
      width: 311px;
      height: 88px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/anniversary-btn02.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }

.footer-wrap {
  background-color: #151515; }

.footer {
  position: relative;
  padding: 42px 47px; }
  .footer__logo {
    margin: 0 0 29px 0; }
    .footer__logo a {
      width: 352px;
      height: 56px;
      background-image: url("/sp/campaign/tepra/201806/img/sp/foot_logo.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
  .footer__copyrights {
    width: 465px;
    height: 20px;
    background-image: url("/sp/campaign/tepra/201806/img/sp/foot_copyrights.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 0 0 -7px; }

.footer-arrow {
  width: 126px;
  height: 104px;
  background-image: url("/sp/campaign/tepra/201806/img/sp/foot_arrow.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 43px;
  right: 28px;
  pointer-events: auto;
  cursor: pointer; }

.letter-space01 {
  letter-spacing: 1px; }

.letter-space02 {
  letter-spacing: 2px; }

.is_pc section {
  margin: auto; }

.is_pc .js-title[data-anime="true"]:before {
  -webkit-animation: fv-animation-pc 2.5s steps(24) 0.5s both;
          animation: fv-animation-pc 2.5s steps(24) 0.5s both; }

.is_pc .js-data .fv-product--pc .js-product-first[data-first="false"] {
  opacity: 0; }

.is_pc .js-data .fv-product--pc .js-product-first[data-first="true"] {
  opacity: 1;
  -webkit-animation: 0.9s tepra 1.4s cubic-bezier(0.63, -0.02, 1, 1) forwards, 0.9s fadeIn 1.4s ease-in forwards, 2s fadeOut 6s ease-out forwards;
          animation: 0.9s tepra 1.4s cubic-bezier(0.63, -0.02, 1, 1) forwards, 0.9s fadeIn 1.4s ease-in forwards, 2s fadeOut 6s ease-out forwards; }

.is_pc .js-data .fv-product--pc .fv-product__content__item:nth-child(4) {
  width: 400px;
  height: 540px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_product01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 9px;
  top: 0;
  opacity: 0;
  left: 0;
  right: 0;
  margin: auto; }

.is_pc .js-data .fv-product--pc .fv-product-head:nth-child(4) {
  width: 400px;
  height: 540px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_product_head01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 182px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0; }
  .is_pc .js-data .fv-product--pc .fv-product-head:nth-child(4)[data-first="true"] {
    -webkit-animation: 0.9s tepra 1.4s cubic-bezier(0.63, -0.02, 1, 1) forwards, 0.9s fadeIn 1.4s ease-in forwards, 1.8s fadeOut 5.5s ease-out forwards;
            animation: 0.9s tepra 1.4s cubic-bezier(0.63, -0.02, 1, 1) forwards, 0.9s fadeIn 1.4s ease-in forwards, 1.8s fadeOut 5.5s ease-out forwards; }

.is_pc .js-data .js-arrow {
  width: 54px;
  height: 54px;
  background-size: cover; }
  .is_pc .js-data .js-arrow[data-arrow="true"] {
    opacity: 1; }
  .is_pc .js-data .js-arrow[data-arrow="false"] {
    opacity: 0; }

.is_pc .js-data .js-info {
  position: absolute;
  bottom: 370px;
  background: url("/sp/campaign/tepra/201806/img/pc/fv_info-01.png") no-repeat center;
  background-size: 718.5px 50px;
  height: 50px; }
  .is_pc .js-data .js-info[data-info="true"] {
    opacity: 1; }
  .is_pc .js-data .js-info[data-info="false"] {
    opacity: 0; }

.is_pc .js-data .js-product-pc .js-product:nth-child(1) {
  width: 400px;
  height: 540px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_product01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.is_pc .js-data .js-data__content .fv-subtitle__sub:nth-child(1) {
  width: 1280px;
  height: 720px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_title_sub-01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.is_pc .js-data .js-data__content .fv-arrow__item:nth-child(1) {
  width: 54px;
  height: 54px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/arrow-01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.is_pc .js-data .js-data__content .fv-info:nth-child(1) {
  background: url("/sp/campaign/tepra/201806/img/pc/fv_info-01.png") no-repeat center;
  background-size: 718.5px 50px; }

.is_pc .js-data .js-data__content .fv-product-head:nth-child(1) {
  width: 400px;
  height: 540px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_product_head01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 210px; }

.is_pc .js-data .js-product-pc .js-product:nth-child(2) {
  width: 400px;
  height: 540px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_product02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.is_pc .js-data .js-data__content .fv-subtitle__sub:nth-child(2) {
  width: 1280px;
  height: 720px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_title_sub-02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.is_pc .js-data .js-data__content .fv-arrow__item:nth-child(2) {
  width: 54px;
  height: 54px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/arrow-02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.is_pc .js-data .js-data__content .fv-info:nth-child(2) {
  background: url("/sp/campaign/tepra/201806/img/pc/fv_info-02.png") no-repeat center;
  background-size: 718.5px 50px; }

.is_pc .js-data .js-data__content .fv-product-head:nth-child(2) {
  width: 400px;
  height: 540px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_product_head02.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 210px; }

.is_pc .js-data .js-product-pc .js-product:nth-child(3) {
  width: 400px;
  height: 540px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_product03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.is_pc .js-data .js-data__content .fv-subtitle__sub:nth-child(3) {
  width: 1280px;
  height: 720px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_title_sub-03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.is_pc .js-data .js-data__content .fv-arrow__item:nth-child(3) {
  width: 54px;
  height: 54px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/arrow-03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.is_pc .js-data .js-data__content .fv-info:nth-child(3) {
  background: url("/sp/campaign/tepra/201806/img/pc/fv_info-03.png") no-repeat center;
  background-size: 718.5px 50px; }

.is_pc .js-data .js-data__content .fv-product-head:nth-child(3) {
  width: 400px;
  height: 540px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_product_head03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 210px; }

.is_pc .js-data .js-data__content .fv-subtitle__sub:nth-child(1) {
  width: 1278px;
  height: 720px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/fv_title_sub-01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 13px;
  right: 0;
  left: 5px; }

.is_pc .js-data .js-data__content .fv-arrow {
  width: 54px;
  height: 54px; }

.is_pc .js-data .js-data__content .fv-arrow__item {
  background-size: cover;
  opacity: 0; }

.is_pc .js-data .js-data__content .fv-info {
  height: 50px;
  width: 100%; }

.is_pc .js-data .js-data__content .fv-product-head {
  opacity: 1;
  top: 245px;
  left: 7px;
  right: 0;
  margin: auto;
  opacity: 0; }

.is_pc .js-data .fv-info {
  height: 50px;
  width: 100%;
  background-position: center;
  position: absolute;
  top: 1141px;
  opacity: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .is_pc .js-data .fv-info:before {
    content: "";
    height: 1px;
    background: #f1e8d7;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto; }
  .is_pc .js-data .fv-info:after {
    content: "";
    height: 1px;
    background: #f1e8d7;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: auto; }

.is_pc .js-data .fv-arrow {
  top: 646px;
  left: 0;
  right: 0;
  margin: auto; }

.is_pc .js-data .js-product {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0; }

.is_pc .js-data .fv-product--pc .js-product:nth-child(1) {
  left: 11px; }

.is_pc .js-data .fv-product--pc .fv-product-head:nth-child(1) {
  position: absolute;
  top: 183px;
  left: 10px;
  right: 0; }

.is_pc .js-data .fv-product--pc .js-product:nth-child(2) {
  top: -1px;
  left: 0; }

.is_pc .js-data .fv-product--pc .fv-product-head:nth-child(2) {
  position: absolute;
  top: 181px;
  left: 0; }

.is_pc .js-data .fv-product--pc .js-product:nth-child(3) {
  top: 0;
  left: 0; }

.is_pc .js-data .fv-product--pc .fv-product-head:nth-child(3) {
  position: absolute;
  top: 183px;
  left: 0;
  right: 0; }

.is_pc .js-data[data-version="product01"] .js-product-pc .js-product:nth-child(1) {
  opacity: 1;
  -webkit-animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards;
          animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards; }

.is_pc .js-data[data-version="product01"] .fv-product-head-wrap .fv-product-head:nth-child(1) {
  opacity: 1;
  -webkit-animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.7s ease-out forwards;
          animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.7s ease-out forwards; }

.is_pc .js-data[data-version="product02"] .js-product-pc .js-product:nth-child(2) {
  opacity: 1;
  -webkit-animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards;
          animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards; }

.is_pc .js-data[data-version="product02"] .fv-product-head-wrap .fv-product-head:nth-child(2) {
  opacity: 1;
  -webkit-animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.7s ease-out forwards;
          animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.7s ease-out forwards; }

.is_pc .js-data[data-version="product03"] .js-product-pc .js-product:nth-child(3) {
  opacity: 1;
  -webkit-animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards;
          animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.8s ease-out forwards; }

.is_pc .js-data[data-version="product03"] .fv-product-head-wrap .fv-product-head:nth-child(3) {
  opacity: 1;
  -webkit-animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.7s ease-out forwards;
          animation: fadeIn 2s ease-in -0.1s, 1.2s fadeOut 5.7s ease-out forwards; }

.is_pc .fv {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  height: 740px; }
  .is_pc .fv .fv-product--pc {
    display: block; }
  .is_pc .fv .fv-product--sp {
    display: none; }
  .is_pc .fv .fv-product__content {
    position: absolute;
    top: 183px;
    left: -1px;
    right: 0;
    margin: auto; }
  .is_pc .fv .fv-subtitle {
    width: 100%;
    height: 707.5px;
    position: relative;
    top: -12px;
    left: -16px; }
  .is_pc .fv .fv-title {
    width: 1280px;
    min-width: 1280px;
    margin: auto;
    width: 100%;
    height: 707.5px;
    position: relative;
    text-align: center;
    width: 1225px;
    height: 707.5px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/fv_title.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1225px, 707.5px;
    -webkit-animation: fadeIn 3s ease-in 0.5s;
            animation: fadeIn 3s ease-in 0.5s;
    position: absolute;
    top: 4px;
    left: 50%;
    margin-left: -612px; }
    .is_pc .fv .fv-title:before {
      content: "";
      width: 1278px;
      height: 720px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/fv_title_sub-01.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 1278px, 720px;
      position: absolute;
      top: -2px;
      left: -81px; }
    .is_pc .fv .fv-title__bg {
      width: 100%;
      width: 1280px;
      min-width: 1280px;
      margin: auto;
      height: 720px;
      position: relative;
      top: 0;
      overflow: hidden; }
      .is_pc .fv .fv-title__bg:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 32000px;
        height: 720px;
        background: url("/sp/campaign/tepra/201806/img/pc/fv-effect.png");
        background-size: 32000px 720px; }

.is_pc .about {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  background: url("/sp/campaign/tepra/201806/img/pc/about_photo.png") bottom center no-repeat;
  background-size: 1279.5px, 467px;
  padding: 60px 0 420px 0;
  margin: -50px auto 0; }
  .is_pc .about .about-text {
    width: 499.5px;
    height: 437px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/about_text.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 139px auto 0; }

.is_pc .share {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  height: 77px;
  margin: -45px auto 0;
  padding: 0 0 50px; }
  .is_pc .share .share-content {
    height: 77px;
    justify-content: center; }
    .is_pc .share .share-content__item {
      height: 77px;
      margin-right: 49px; }
    .is_pc .share .share-content__item:nth-child(1) {
      margin-right: 37px; }
      .is_pc .share .share-content__item:nth-child(1) a {
        width: 38.5px;
        height: 31px;
        background-image: url("/sp/campaign/tepra/201806/img/pc/share_tw.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
    .is_pc .share .share-content__item:nth-child(2) a {
      width: 33.5px;
      height: 33.5px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/share_fb.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .is_pc .share .share-content__item:nth-child(3) {
      display: none; }
    .is_pc .share .share-content__item:nth-child(4) {
      margin: 0 -2px 0 -2px; }
      .is_pc .share .share-content__item:nth-child(4) a {
        margin: 4px 0 0 0;
        width: 35px;
        height: 30px;
        background-image: url("/sp/campaign/tepra/201806/img/pc/share_hateb.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }

.is_pc .js-scroll__show[data-show="true"] .product__title:before {
  -webkit-animation: subtitle-effect 1.9s steps(44) 0.3s both;
          animation: subtitle-effect 1.9s steps(44) 0.3s both; }

.is_pc .product__image.js-scroll__show[data-show="true"] {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: 1s cubic-bezier(0.64, 0, 0.53, 0.9) 1.2s; }

.is_pc .product__text.js-scroll__show[data-show="true"] {
  transition: 1s ease-in-out 1s;
  opacity: 1; }

.is_pc .product {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  display: flex;
  flex-wrap: wrap; }
  .is_pc .product__title {
    position: relative;
    top: 0;
    height: 230px; }
    .is_pc .product__title:before {
      top: 42px;
      left: -150px; }
    .is_pc .product__title__h2 {
      position: absolute;
      left: 54px; }
    .is_pc .product__title__sub {
      position: absolute; }
  .is_pc .product__image {
    -webkit-transform: translateY(5);
            transform: translateY(5); }

.is_pc .product-wrap--01 {
  background: url("/sp/campaign/tepra/201806/img/pc/01_bg.png") repeat-x; }

.is_pc .product--01__title {
  background: url("/sp/campaign/tepra/201806/img/pc/01.png") no-repeat center top; }
  .is_pc .product--01__title__h2 {
    background: url("/sp/campaign/tepra/201806/img/pc/01_title.png") no-repeat center 0;
    background-size: cover;
    left: 0;
    margin: 0; }
  .is_pc .product--01__title__sub {
    background: url("/sp/campaign/tepra/201806/img/pc/01_subtitle.png") no-repeat center 0;
    background-size: cover; }

.is_pc .product--01__image {
  background: url("/sp/campaign/tepra/201806/img/pc/01_product.png") no-repeat top center;
  background-size: cover; }

.is_pc .product--01__text {
  background: url("/sp/campaign/tepra/201806/img/pc/01_text.png") no-repeat top center;
  background-size: cover; }

.is_pc .product-wrap--02 {
  background: url("/sp/campaign/tepra/201806/img/pc/02_bg.png") repeat-x; }

.is_pc .product--02__title {
  background: url("/sp/campaign/tepra/201806/img/pc/02.png") no-repeat center top; }
  .is_pc .product--02__title__h2 {
    background: url("/sp/campaign/tepra/201806/img/pc/02_title.png") no-repeat center 0;
    background-size: cover;
    left: 0;
    margin: 0; }
  .is_pc .product--02__title__sub {
    background: url("/sp/campaign/tepra/201806/img/pc/02_subtitle.png") no-repeat center 0;
    background-size: cover; }

.is_pc .product--02__image {
  background: url("/sp/campaign/tepra/201806/img/pc/02_product.png") no-repeat top center;
  background-size: cover; }

.is_pc .product--02__text {
  background: url("/sp/campaign/tepra/201806/img/pc/02_text.png") no-repeat top center;
  background-size: cover; }

.is_pc .product-wrap--03 {
  background: url("/sp/campaign/tepra/201806/img/pc/03_bg.png") repeat-x; }

.is_pc .product--03__title {
  background: url("/sp/campaign/tepra/201806/img/pc/03.png") no-repeat center top; }
  .is_pc .product--03__title__h2 {
    background: url("/sp/campaign/tepra/201806/img/pc/03_title.png") no-repeat center 0;
    background-size: cover;
    left: 0;
    margin: 0; }
  .is_pc .product--03__title__sub {
    background: url("/sp/campaign/tepra/201806/img/pc/03_subtitle.png") no-repeat center 0;
    background-size: cover; }

.is_pc .product--03__image {
  background: url("/sp/campaign/tepra/201806/img/pc/03_product.png") no-repeat top center;
  background-size: cover; }

.is_pc .product--03__text {
  background: url("/sp/campaign/tepra/201806/img/pc/03_text.png") no-repeat top center;
  background-size: cover; }

.is_pc .product-wrap--01 {
  background-position: 30px 457px;
  background-size: 236.5px 183px;
  padding: 200px 0 130px 0; }

.is_pc .product--01 {
  flex-direction: row-reverse; }
  .is_pc .product--01__title {
    width: 485px;
    height: 143px;
    background-size: 70.5px 39px;
    background-position: 198px top;
    padding: 80px 0 0 0;
    right: 125px; }
    .is_pc .product--01__title__h2 {
      width: 485px;
      height: 143px; }
    .is_pc .product--01__title__sub {
      width: 339.5px;
      height: 39px;
      top: 132px;
      left: -3px; }
  .is_pc .product--01__image {
    width: 424px;
    height: 558px;
    margin: -40px 207px 40px 0; }
  .is_pc .product--01__text {
    width: 100%;
    height: 258px;
    margin: -298px auto 0;
    background-size: 344.5px 258px;
    background-position: right 200px top; }

.is_pc .product-wrap--02 {
  background-position: top 464px center;
  background-size: 1280px 125px;
  padding: 150px 0 146px 0; }

.is_pc .product--02__title {
  width: 345.5px;
  height: 144.5px;
  background-size: 80.5px 40px;
  background-position: 139px -1px;
  padding: 78px 0 0 0;
  left: 180px; }
  .is_pc .product--02__title__h2 {
    width: 345.5px;
    height: 144.5px; }
  .is_pc .product--02__title__sub {
    width: 272px;
    height: 39px;
    top: 132px;
    left: -8px; }

.is_pc .product--02__image {
  width: 433px;
  height: 457.5px;
  margin: 64px 0 40px 335px; }

.is_pc .product--02__text {
  width: 100%;
  height: 310px;
  margin: -307px auto 0;
  background-size: 292.5px 310px;
  background-position: left 203px top; }

.is_pc .product-wrap--03 {
  background-position: top 373px center;
  background-size: 866px 208.5px;
  padding: 170px 0 142px 0; }

.is_pc .product--03 {
  flex-direction: row-reverse; }
  .is_pc .product--03__title {
    width: 339px;
    height: 100px;
    background-size: 80.5px 39px;
    background-position: 136px top;
    padding: 78px 0 0 0;
    right: 209px; }
    .is_pc .product--03__title__h2 {
      width: 339px;
      height: 59px;
      left: 0;
      padding: 0; }
    .is_pc .product--03__title__sub {
      width: 239px;
      height: 39px;
      top: 130px;
      left: -2px; }
  .is_pc .product--03__image {
    width: 494.5px;
    height: 585.5px;
    background-size: 494.5px 585.5px;
    margin: -74px 346px 40px 0; }
  .is_pc .product--03__text {
    width: 100%;
    height: 288.5px;
    margin: -352px auto 0;
    background-size: 292.5px 288.5px;
    background-position: right 231px top; }

.is_pc .image-block {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  margin: 0 auto 120px; }
  .is_pc .image-block__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .is_pc .image-block__content__item {
      width: 972px;
      height: 545px;
      margin: 0 0 40px 0; }

.is_pc .image-block--01 .image-block__content__item:nth-child(1) {
  background: url("/sp/campaign/tepra/201806/img/pc/01_image1.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--01 .image-block__content__item:nth-child(2) {
  background: url("/sp/campaign/tepra/201806/img/pc/01_image2.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--01 .image-block__content__item:nth-child(3) {
  background: url("/sp/campaign/tepra/201806/img/pc/01_image3.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--01 .image-block__content__item:nth-child(4) {
  background: url("/sp/campaign/tepra/201806/img/pc/01_image4.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--02 .image-block__content__item:nth-child(1) {
  background: url("/sp/campaign/tepra/201806/img/pc/02_image1.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--02 .image-block__content__item:nth-child(2) {
  background: url("/sp/campaign/tepra/201806/img/pc/02_image2.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--02 .image-block__content__item:nth-child(3) {
  background: url("/sp/campaign/tepra/201806/img/pc/02_image3.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--02 .image-block__content__item:nth-child(4) {
  background: url("/sp/campaign/tepra/201806/img/pc/02_image4.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--03 .image-block__content__item:nth-child(1) {
  background: url("/sp/campaign/tepra/201806/img/pc/03_image1.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--03 .image-block__content__item:nth-child(2) {
  background: url("/sp/campaign/tepra/201806/img/pc/03_image2.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--03 .image-block__content__item:nth-child(3) {
  background: url("/sp/campaign/tepra/201806/img/pc/03_image3.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .image-block--03 .image-block__content__item:nth-child(4) {
  background: url("/sp/campaign/tepra/201806/img/pc/03_image4.jpg") no-repeat center -1px;
  background-size: cover; }

.is_pc .present {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  padding: 60px 0 100px;
  margin: -59px auto 0; }
  .is_pc .present__title {
    width: 651px;
    height: 138.5px;
    margin: 0 auto 57px; }
    .is_pc .present__title__h2 {
      width: 651px;
      height: 138.5px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/present_title.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .is_pc .present__title__sub {
      width: 202.5px;
      height: 61px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/present_subtitle.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      top: 46px;
      right: -20px; }
  .is_pc .present__image {
    width: 515.5px;
    height: 202px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/present_product.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .is_pc .present__text {
    font-size: 20px;
    line-height: 40px;
    width: 720px;
    margin: 38px auto 34px; }
  .is_pc .present__term {
    width: 720px;
    box-sizing: border-box;
    border: 1px solid #f1e8d7;
    border-right: none;
    border-left: none;
    padding: 23px 0 23px 0;
    justify-content: center; }
    .is_pc .present__term__item:nth-child(1) {
      width: 76px;
      height: 17.5px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/term_title01.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      margin: 4px 39px 0 -11px;
      padding: 0 1px 0 0; }
    .is_pc .present__term__item:nth-child(2) {
      width: 314px;
      height: 24.5px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/term.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
  .is_pc .present__caution {
    width: 720px;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 20px; }

.is_pc .applying {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  padding: 94px 82px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap; }
  .is_pc .applying__title {
    width: 100%;
    background: url("/sp/campaign/tepra/201806/img/pc/applying_title.png") no-repeat center;
    background-size: 148px 30.5px;
    margin: 2px auto 77px; }
    .is_pc .applying__title:after {
      top: 54px;
      width: 80px;
      height: 2px; }

.is_pc .order {
  width: 336px; }
  .is_pc .order__title {
    margin: 0 auto 24px; }
  .is_pc .order__text {
    font-family: "Hiragino Mincho W3 JIS2004", ヒラギノ明朝 W3 JIS2004, serif;
    font-size: 17.5px;
    line-height: 32px;
    margin: 0 auto 51px; }
  .is_pc .order__account {
    width: 270px;
    font-size: 16px;
    line-height: 28px;
    margin: 0 auto 23px; }
    .is_pc .order__account a {
      padding: 6px 0;
      border: 2px solid #f1e8d7; }
  .is_pc .order__caution {
    font-size: 11px;
    line-height: 20px; }

.is_pc .order--01__title {
  width: 305px;
  height: 97px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/applying_01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.is_pc .order--01__text--01 {
  margin: 0 0 14px 0; }

.is_pc .order--01__text--02 {
  margin: 0 0 16px 0; }

.is_pc .order--01 .order__sns {
  margin: 0 auto 18px; }
  .is_pc .order--01 .order__sns a {
    width: 270px;
    height: 75px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/btn_follow.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }

.is_pc .order--02 {
  margin: 0 auto 80px; }
  .is_pc .order--02__title {
    width: 288.5px;
    height: 97px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/applying_02.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .is_pc .order--02 .order__sns {
    width: 269px;
    height: 75px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/btn_tw.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 30px; }
    .is_pc .order--02 .order__sns:hover {
      transition: 0.5s ease;
      cursor: pointer;
      opacity: 0.7; }
  .is_pc .order--02 .order__image {
    width: 336px;
    height: 189.5px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/applying_02_ogp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 30px 0 20px; }

.is_pc .order--03 {
  margin: 0 auto; }
  .is_pc .order--03__title {
    width: 143px;
    height: 97px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/applying_03.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .is_pc .order--03 .order__text {
    line-height: 32px;
    margin: 0 0 12px 0; }

.is_pc .guide {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  padding: 0 0 82px;
  margin: -4px auto 0; }
  .is_pc .guide__title {
    width: 148px;
    height: 30.5px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/guide_title.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 2px auto 60px; }
    .is_pc .guide__title:after {
      top: 49px;
      width: 80px;
      height: 2px; }
  .is_pc .guide__box {
    width: 920px;
    height: 440px;
    padding: 21px 0 0 0; }
    .is_pc .guide__box__title--h3 {
      font-size: 13px;
      margin: 32px 0 18px 34px; }
  .is_pc .guide__list {
    font-size: 13px; }
    .is_pc .guide__list__item {
      line-height: 28px;
      margin: 0 0 1px 0; }

.is_pc .anniversary-sns-wrap {
  width: 100%; }

.is_pc .anniversary {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  padding: 98px 0 45px; }
  .is_pc .anniversary__logo {
    width: 136.5px;
    height: 35px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/30th_logo.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 38px; }
  .is_pc .anniversary__30 {
    width: 317px;
    height: 104px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/30th_title_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 83px; }
    .is_pc .anniversary__30__sub {
      width: 227px;
      height: 72.5px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/30th_subtitle.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      top: 70px;
      right: -56px; }
  .is_pc .anniversary__title {
    width: 778px;
    height: 44.5px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/30th_title.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 792px;
    margin: 0 0 52px 241px; }
  .is_pc .anniversary__text {
    width: 798px;
    font-size: 18px;
    line-height: 36px;
    margin: 0 auto 20px; }

.is_pc .anniversary-sns {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  padding: 0 0 60px 0; }
  .is_pc .anniversary-sns .anniversary-share__item {
    margin-right: 38px; }
  .is_pc .anniversary-sns .anniversary-share__item:nth-child(1) a {
    width: 38.5px;
    height: 31px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/foot_share_tw.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .is_pc .anniversary-sns .anniversary-share__item:nth-child(2) {
    margin: 0 48px 0 0; }
    .is_pc .anniversary-sns .anniversary-share__item:nth-child(2) a {
      width: 33.5px;
      height: 33.5px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/foot_share_fb.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
  .is_pc .anniversary-sns .anniversary-share__item:nth-child(3) {
    display: none; }
  .is_pc .anniversary-sns .anniversary-share__item:nth-child(4) {
    margin: 0 -2px 0 -2px; }
    .is_pc .anniversary-sns .anniversary-share__item:nth-child(4) a {
      margin: 2px 0 0 0;
      width: 35px;
      height: 30px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/foot_share_hateb.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }

.is_pc .anniversary-btn {
  padding: 60px 54px; }
  .is_pc .anniversary-btn__content {
    width: 560px;
    margin: auto; }
    .is_pc .anniversary-btn__content__item:nth-child(1) a {
      width: 270px;
      height: 48px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/anniversary-btn01.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .is_pc .anniversary-btn__content__item:nth-child(2) a {
      width: 270px;
      height: 48px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/anniversary-btn02.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }

.is_pc .footer {
  width: 1280px;
  min-width: 1280px;
  margin: auto;
  padding: 28px 24px;
  box-sizing: border-box; }
  .is_pc .footer__logo {
    margin: 0 0 17px 0; }
    .is_pc .footer__logo a {
      width: 211px;
      height: 33px;
      background-image: url("/sp/campaign/tepra/201806/img/pc/foot_logo.png");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
  .is_pc .footer__copyrights {
    width: 279px;
    height: 12px;
    background-image: url("/sp/campaign/tepra/201806/img/pc/foot_copyrights.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0; }

.is_pc .footer-arrow {
  width: 76px;
  height: 63px;
  background-image: url("/sp/campaign/tepra/201806/img/pc/foot_arrow.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 29px;
  right: 24px;
  transition: 0.5s ease; }
  .is_pc .footer-arrow:hover {
    opacity: 0.7; }

.is_pc .sp-only {
  display: none; }