@charset "UTF-8";
/* color
---------------------------------------------------------------------------------------------------- */
/* base color
---------------------------------------------------------------------------------------------------- */
/* link color
---------------------------------------------------------------------------------------------------- */
/* component color
---------------------------------------------------------------------------------------------------- */
/* line 5, app/assets/stylesheets/top.scss */
#site-explanation-container .site-explanation-img {
  text-align: center;
  max-width: 780px;
  margin: auto;
}

/* line 10, app/assets/stylesheets/top.scss */
#site-explanation-container .explanation {
  margin: 5rem 0 3rem;
  font-size: 1.3em;
}

/* line 16, app/assets/stylesheets/top.scss */
.chathphrase-container {
  margin-bottom: 130px;
}

/* line 19, app/assets/stylesheets/top.scss */
.chathphrase-container .p-flex {
  align-items: center;
}

/* line 22, app/assets/stylesheets/top.scss */
.chathphrase-container .p-flex:nth-of-type(2n+1) {
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  /* line 22, app/assets/stylesheets/top.scss */
  .chathphrase-container .p-flex:nth-of-type(2n+1) {
    margin-bottom: 6rem;
  }
}

@media (max-width: 768px) {
  /* line 31, app/assets/stylesheets/top.scss */
  .chathphrase-container .p-flex:nth-of-type(2n) .chathphrase {
    order: 2;
  }
  /* line 34, app/assets/stylesheets/top.scss */
  .chathphrase-container .p-flex:nth-of-type(2n) .chathphrase_image {
    order: 1;
  }
}

/* line 40, app/assets/stylesheets/top.scss */
.chathphrase-container .p-flex__item {
  width: 50%;
  margin-bottom: 0;
  padding: 20px;
  color: #333;
  font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif;
}

@media (max-width: 768px) {
  /* line 40, app/assets/stylesheets/top.scss */
  .chathphrase-container .p-flex__item {
    flex-basis: auto;
    width: 100%;
    padding: 0;
  }
}

/* line 54, app/assets/stylesheets/top.scss */
.chathphrase-container .chathphrase {
  padding: 60px;
}

@media (max-width: 768px) {
  /* line 54, app/assets/stylesheets/top.scss */
  .chathphrase-container .chathphrase {
    width: 100%;
    padding: 0;
  }
}

/* line 61, app/assets/stylesheets/top.scss */
.chathphrase-container .chathphrase .chathphrase-title {
  font-size: 1.4em;
  font-weight: bold;
}

@media (max-width: 768px) {
  /* line 61, app/assets/stylesheets/top.scss */
  .chathphrase-container .chathphrase .chathphrase-title {
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* line 70, app/assets/stylesheets/top.scss */
  .chathphrase-container .chathphrase_image {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  /* line 77, app/assets/stylesheets/top.scss */
  .campaign-banners {
    margin-top: -20px;
    margin-bottom: 30px;
  }
}

/* line 83, app/assets/stylesheets/top.scss */
.campaign-banners .item {
  max-width: 800px;
  margin: 0 auto 50px;
}

/* line 87, app/assets/stylesheets/top.scss */
.campaign-banners .item .campaign-terms {
  font-size: 18px;
  text-align: center;
  color: #f00;
}

@media (max-width: 768px) {
  /* line 87, app/assets/stylesheets/top.scss */
  .campaign-banners .item .campaign-terms {
    font-size: 16px;
  }
}

/* line 96, app/assets/stylesheets/top.scss */
.campaign-banners .item .campaign-terms > * {
  display: inline-block;
}

/* line 103, app/assets/stylesheets/top.scss */
.campaign-banners .item .campaign-terms .limited-label_campaign-term {
  margin-left: 10px;
}

@media (max-width: 768px) {
  /* line 103, app/assets/stylesheets/top.scss */
  .campaign-banners .item .campaign-terms .limited-label_campaign-term {
    display: block;
    margin-left: 0;
  }
}

/* line 114, app/assets/stylesheets/top.scss */
.campaign-banners .item .campaign-banner-image {
  border-radius: 8px;
  border: 2px solid #2c6699;
  padding: 16px 32px;
  background-image: url(/assets/common_bg_dia-402951d64102379dc2d5a81de2c57415bff5477498f11a2c4b8196aafc7e0508.png);
  background-size: 108px 61px;
  position: relative;
}

/* line 124, app/assets/stylesheets/top.scss */
.campaign-banners .item .campaign-banner-image img.link-btn {
  position: absolute;
  width: 90px;
  max-width: 30vw;
  right: 24px;
  bottom: 16px;
  opacity: 0.7;
}

@media (max-width: 768px) {
  /* line 124, app/assets/stylesheets/top.scss */
  .campaign-banners .item .campaign-banner-image img.link-btn {
    right: 12px;
    width: 70px;
  }
}

/* line 140, app/assets/stylesheets/top.scss */
.campaign-banners .item .link-notice {
  text-align: right;
  font-size: 0.9em;
}

/* line 145, app/assets/stylesheets/top.scss */
.campaign-banners .item a:hover {
  text-decoration: none;
}

/* line 148, app/assets/stylesheets/top.scss */
.campaign-banners .item a:hover .campaign-terms {
  font-weight: bold;
}

/* line 153, app/assets/stylesheets/top.scss */
.campaign-banners .item a:hover .campaign-banner-image img.link-btn {
  opacity: 1;
}

/* line 162, app/assets/stylesheets/top.scss */
.request-description .attention {
  color: red;
}