@charset "UTF-8";
html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  word-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 769px) {
  html {
    font-size: 0.8333333333vw;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 10px;
  }
}

body {
  background-color: #fff;
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

h1, h2, h3, div, p, ul, li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom;
}

@media only screen and (min-width: 769px) {
  a:hover img {
    filter: brightness(1.2);
    opacity: 0.9;
  }
}

.pcOnly {
  display: none;
}
@media only screen and (min-width: 769px) {
  .pcOnly {
    display: inline;
  }
}

.spOnly {
  display: inline;
}
@media only screen and (min-width: 769px) {
  .spOnly {
    display: none;
  }
}

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/******* ヘッダー *******/
.header {
  width: 100%;
}

.header__inner {
  margin: 0 auto 0 1rem;
}
@media only screen and (min-width: 769px) {
  .header__inner {
    width: 100rem;
    margin: 0 auto;
  }
}

.header__logo {
  width: 14rem;
}
@media only screen and (min-width: 769px) {
  .header__logo {
    width: 14.7rem;
  }
}

/******* キービジュアル *******/
.keyvisual {
  width: 100%;
  background-image: url(../img/kv_bg_sp.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .keyvisual {
    background-image: url(../img/kv_bg_pc.png);
    background-size: 198.5rem auto;
    background-repeat: repeat-x;
  }
}

.keyvisual__inner {
  width: 75rem;
  margin: 0 auto;
  padding: 5rem 0 11rem;
}
@media only screen and (min-width: 769px) {
  .keyvisual__inner {
    width: 120rem;
    padding: 6rem 0 10rem;
  }
}

.keyvisual__title,
.keyvisual__period,
.keyvisual__lead,
.keyvisual__prod {
  width: 100vw;
}

@media only screen and (min-width: 769px) {
  .keyvisual__title {
    width: 96.28rem;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 769px) {
  .keyvisual__period {
    width: 67rem;
    margin: 2rem auto 0;
  }
}

@media only screen and (min-width: 769px) {
  .keyvisual__lead {
    width: 66.8rem;
    margin: 2rem auto 0;
  }
}

@media only screen and (min-width: 769px) {
  .keyvisual__prod {
    width: 87.7rem;
    margin: 2.5rem auto 0;
  }
}

/******* ベビチストックとは *******/
.stock {
  width: 100%;
  background-image: url(../img/stock_bg_sp.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .stock {
    background-image: url(../img/stock_bg_pc.png);
    background-size: auto 100%;
  }
}
@media only screen and (min-width: 2000px) {
  .stock {
    background-size: 100% auto;
  }
}

.stock__inner {
  position: relative;
  width: 72.7rem;
  margin: 0 auto;
  transform: translateY(-11rem);
}
@media only screen and (min-width: 769px) {
  .stock__inner {
    width: 120rem;
    transform: translateY(-7rem);
  }
}

.stock__title {
  width: 67.4rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .stock__title {
    width: 63.3rem;
    margin: 0 auto;
  }
}

.stock__cont01 {
  width: 58.3rem;
  margin: 3.7rem auto 0;
}
@media only screen and (min-width: 769px) {
  .stock__cont01 {
    width: 75rem;
    margin: 0.5rem auto 0;
  }
}

.stock__cont02 {
  width: 70.4rem;
  margin: 6rem auto 0;
}
@media only screen and (min-width: 769px) {
  .stock__cont02 {
    width: 89.4rem;
    margin: 3.5rem auto 0;
  }
}

.stock__cont03 {
  width: 70.2rem;
  margin: 2rem auto 0;
}
@media only screen and (min-width: 769px) {
  .stock__cont03 {
    width: 93.4rem;
    margin: 1.5rem auto 0;
  }
}

/******* ベビチストックレシピ *******/
.recipe {
  width: 100%;
  background-image: url(../img/recipe_bg_sp.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 7.5rem;
}
@media only screen and (min-width: 769px) {
  .recipe {
    background-image: url(../img/recipe_bg_pc.png);
    background-size: auto;
    background-repeat: repeat-x;
    padding-bottom: 8;
  }
}
@media only screen and (min-width: 2000px) {
  .recipe {
    background-size: 100% auto;
  }
}

.recipe__inner {
  position: relative;
  width: 75rem;
  margin: 0 auto;
  padding: 6.5rem 0 0;
}
@media only screen and (min-width: 769px) {
  .recipe__inner {
    width: 120rem;
    padding: 8.7rem 0 0;
  }
}

.recipe__title {
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .recipe__title {
    width: 120rem;
  }
}

.recipe__cont {
  position: relative;
  width: 68rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 2rem;
  box-shadow: 0.9rem 0.9rem 0 0 rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 769px) {
  .recipe__cont {
    width: 100rem;
    border-radius: 2.5rem;
  }
}

.recipe__cont__title {
  position: absolute;
  top: -4.5rem;
  left: 1.7rem;
  width: 67.5rem;
}
@media only screen and (min-width: 769px) {
  .recipe__cont__title {
    top: -2.6rem;
    left: 2.3rem;
    width: 99.7rem;
  }
}

.recipe__cont__ph {
  position: absolute;
  top: 19rem;
  left: 3rem;
  width: 62rem;
}
@media only screen and (min-width: 769px) {
  .recipe__cont__ph {
    top: 11.3rem;
    left: 2.4rem;
    width: 49.8rem;
  }
}

.recipe__cont__mate {
  position: absolute;
  top: 58.5rem;
  left: 0;
  width: 68rem;
}
@media only screen and (min-width: 769px) {
  .recipe__cont__mate {
    top: 11.3rem;
    left: 55.6rem;
    width: 44.5rem;
  }
}

.recipe__cont__how {
  position: absolute;
  top: 89.5rem;
  left: 0;
  width: 68rem;
}
@media only screen and (min-width: 769px) {
  .recipe__cont__how {
    top: 48.4rem;
    left: 2.4rem;
    width: 58.5rem;
  }
}

.recipe__cont__prod {
  position: absolute;
  top: 113.5rem;
  left: 0;
  width: 68rem;
}
@media only screen and (min-width: 769px) {
  .recipe__cont__prod {
    top: 44rem;
    left: inherit;
    right: 0;
    width: 36.9rem;
  }
}

.recipe01 {
  height: 137rem;
  margin: 7rem auto 0;
}
@media only screen and (min-width: 769px) {
  .recipe01 {
    height: 72rem;
    margin: 6rem auto 0;
  }
}

.recipe02 {
  height: 150.5rem;
  margin: 11.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .recipe02 {
    height: 72rem;
    margin: 6rem auto 0;
  }
}
.recipe02 .recipe__cont__how {
  top: 92rem;
}
@media only screen and (min-width: 769px) {
  .recipe02 .recipe__cont__how {
    top: 48.4rem;
  }
}
.recipe02 .recipe__cont__prod {
  top: 127rem;
}
@media only screen and (min-width: 769px) {
  .recipe02 .recipe__cont__prod {
    top: 44.4rem;
  }
}

.recipe03 {
  height: 152rem;
  margin: 11.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .recipe03 {
    height: 72rem;
    margin: 6rem auto 0;
  }
}
.recipe03 .recipe__cont__how {
  top: 92rem;
}
@media only screen and (min-width: 769px) {
  .recipe03 .recipe__cont__how {
    top: 48.4rem;
  }
}
.recipe03 .recipe__cont__prod {
  top: 128rem;
}
@media only screen and (min-width: 769px) {
  .recipe03 .recipe__cont__prod {
    top: 45.4rem;
  }
}

/******* 賞品 *******/
.prize {
  width: 100%;
}

.prize__inner {
  position: relative;
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .prize__inner {
    width: 120rem;
    padding-top: 5rem;
  }
}

.prize__title {
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .prize__title {
    width: 120rem;
  }
}

.prize__cont {
  width: 71.2rem;
  border: 1rem solid #6eb950;
  border-radius: 5rem;
  margin: 1rem auto 0;
  padding: 1rem 0 4rem;
}
@media only screen and (min-width: 769px) {
  .prize__cont {
    width: 100rem;
    border: 1rem solid #2ab945;
    border-radius: 5rem;
    margin: 3.5rem auto 0;
    padding: 2.8rem 0 4rem;
  }
}

.prize01, .prize02, .prize03 {
  width: 70rem;
  margin: 0 auto 0 -0.5rem;
}
@media only screen and (min-width: 769px) {
  .prize01, .prize02, .prize03 {
    width: 99rem;
  }
}

.prize__cont__w {
  width: 71.2rem;
  border: 1rem solid #6eb950;
  border-radius: 5rem;
  margin: 7rem auto 0;
  padding: 2.5rem 0 4rem;
}
@media only screen and (min-width: 769px) {
  .prize__cont__w {
    width: 101.2rem;
    border: 1rem solid #2ab945;
    border-radius: 5rem;
    margin: 3.5rem auto 0;
    padding: 2.8rem 0 4rem;
  }
}

.prize__w {
  width: 70rem;
  margin: 0 auto 0 -0.5rem;
}
@media only screen and (min-width: 769px) {
  .prize__w {
    width: 99rem;
  }
}

.prize__w__note {
  width: 64rem;
  margin: 3.4rem auto 0;
  font-size: 2rem;
}
@media only screen and (min-width: 769px) {
  .prize__w__note {
    width: 90rem;
    font-size: 1.6rem;
  }
}
.prize__w__note li {
  list-style: disc;
  margin-left: 2.5rem;
}

/******* さらに！Xで当選確率2倍！！ *******/
.x2 {
  width: 100%;
  background-image: url(../img/x2_bg_sp.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin: 15rem auto 0;
  padding-bottom: 5rem;
}
@media only screen and (min-width: 769px) {
  .x2 {
    background-image: url(../img/x2_bg_tb.png);
    background-size: 100% auto;
    margin: 3.7rem auto 0;
    padding-bottom: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .x2 {
    background-image: url(../img/x2_bg_pc.png);
    background-size: auto;
  }
}
@media only screen and (min-width: 2000px) {
  .x2 {
    background-size: 100% auto;
  }
}

.x2__inner {
  position: relative;
  width: 75rem;
  margin: 0 auto;
  transform: translateY(-9rem);
}
@media only screen and (min-width: 769px) {
  .x2__inner {
    width: 120rem;
    height: 102.5rem;
    transform: translateY(0);
  }
}

.x2__title {
  width: 56.9rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .x2__title {
    width: 54.5rem;
    margin: 0;
    position: absolute;
    top: 0;
    left: 15rem;
  }
}

.x2__fig {
  width: 41.2rem;
  margin: 2rem auto 0;
}
@media only screen and (min-width: 769px) {
  .x2__fig {
    width: 35.7rem;
    margin: 0;
    position: absolute;
    top: 17.8rem;
    left: 70rem;
  }
}

.x2__period {
  width: 60.5rem;
  margin: 3rem auto 0;
}
@media only screen and (min-width: 769px) {
  .x2__period {
    width: 51rem;
    margin: 0;
    position: absolute;
    top: 55rem;
    left: 15.3rem;
  }
}

.x2__btn {
  width: 63.5rem;
  margin: 3.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .x2__btn {
    width: 76.5rem;
    position: absolute;
    top: 73.5rem;
    left: 21.6rem;
  }
}

/******* 対象商品 *******/
.prod {
  width: 100%;
  margin: 4.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .prod {
    margin: 0.7rem auto 0;
  }
}

.prod__inner {
  position: relative;
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .prod__inner {
    width: 120rem;
  }
}

.prod__title {
  width: 66.8rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .prod__title {
    width: 81.7rem;
  }
}

.prod__ph {
  width: 46.8rem;
  margin: 3.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .prod__ph {
    width: 76.7rem;
    margin: 3.5rem auto 0;
  }
}

.prod__name {
  width: 66rem;
  margin: 3.9rem auto 0;
}
@media only screen and (min-width: 769px) {
  .prod__name {
    width: 76rem;
    margin: 4rem auto 0;
  }
}

/******* 応募方法 *******/
.method {
  width: 100%;
  margin: 8.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .method {
    margin: 7.8rem auto 0;
  }
}

.method__inner {
  position: relative;
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .method__inner {
    width: 120rem;
  }
}

.method__title {
  width: 46.3rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .method__title {
    width: 39.6rem;
  }
}

.method__step {
  position: relative;
  margin: 3.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .method__step {
    display: flex;
    width: 91.7rem;
    margin-top: 3.6rem;
  }
}

.method__step1 {
  width: 55rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .method__step1 {
    width: 29.5rem;
  }
}

.method__step2 {
  width: 55rem;
  margin: -1.9rem auto 0;
}
@media only screen and (min-width: 769px) {
  .method__step2 {
    width: 32.8rem;
    margin: 0 auto 0 -1.9rem;
  }
}

.method__step3 {
  width: 55rem;
  margin: -1.9rem auto 0;
}
@media only screen and (min-width: 769px) {
  .method__step3 {
    width: 32.8rem;
    margin: 0 auto 0 -1.9rem;
  }
}

/******* 応募要項 *******/
.terms {
  margin: 6rem auto 0;
}
@media only screen and (min-width: 769px) {
  .terms {
    margin: 6.8rem auto 0;
  }
}

.terms__inner {
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .terms__inner {
    width: 120rem;
  }
}

.terms__title {
  width: 46.8rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .terms__title {
    width: 39.5rem;
  }
}

.terms__cont {
  width: 61rem;
  height: 67rem;
  overflow-y: scroll;
  margin: 3.2rem auto 0;
  padding: 2rem;
  font-size: 2.5rem;
  line-height: 1.6;
  border: 1px solid #333;
}
@media only screen and (min-width: 769px) {
  .terms__cont {
    font-size: 1.6rem;
    width: 100rem;
    height: 49rem;
    margin: 3rem auto 0;
  }
}
.terms__cont p {
  margin: 0 0 1rem;
}
.terms__cont ul {
  margin: 0 0 1rem;
}
.terms__cont ul li {
  padding-left: 1em;
  text-indent: -1em;
}

/******* LINEアカウント *******/
.line-account {
  margin: 6.8rem auto 0;
}
@media only screen and (min-width: 769px) {
  .line-account {
    margin: 7.7rem auto 0;
  }
}

.line-account__inner {
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .line-account__inner {
    width: 120rem;
  }
}

.line-account__title {
  width: 63.4rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .line-account__title {
    width: 72rem;
  }
}

.line-account__cont {
  position: relative;
  width: 63.4rem;
  height: 21rem;
  margin: 1.6rem auto 0;
}
@media only screen and (min-width: 769px) {
  .line-account__cont {
    width: 63.6rem;
    height: 19.3rem;
    margin: 0.8rem auto 0;
  }
}

.line-account__id {
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 40rem;
}
@media only screen and (min-width: 769px) {
  .line-account__id {
    top: 2.8rem;
    left: 1rem;
    width: 39.7rem;
  }
}

.line-account__arrow {
  position: absolute;
  top: 8.8rem;
  left: 0;
  width: 41.4rem;
}
@media only screen and (min-width: 769px) {
  .line-account__arrow {
    top: 9.4rem;
    left: 0rem;
  }
}

.line-account__qr {
  position: absolute;
  top: 0;
  right: 0;
  width: 19.9rem;
}
@media only screen and (min-width: 769px) {
  .line-account__qr {
    width: 19.2rem;
  }
}

/******* お問い合わせ *******/
.contact {
  margin: 6.8rem auto 0;
  padding: 10rem 0 8.5rem;
  width: 100%;
  background-image: url(../img/contact_bg_sp.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (min-width: 769px) {
  .contact {
    margin: 8rem auto 0;
    padding: 15rem 0 10rem;
    background-image: url(../img/contact_bg_pc.png);
    background-repeat: repeat-x;
    background-size: auto 100%;
  }
}

.contact__inner {
  position: relative;
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .contact__inner {
    width: 120rem;
  }
}

.contact__title {
  width: 66.8rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .contact__title {
    width: 97.2rem;
  }
}

.contact__name {
  width: 50rem;
  margin: 2.7rem auto 0;
}
@media only screen and (min-width: 769px) {
  .contact__name {
    width: 91.5rem;
    margin: 2.3rem auto 0;
  }
}

.contact__tel {
  width: 50rem;
  margin: 1.6rem auto 0;
}
@media only screen and (min-width: 769px) {
  .contact__tel {
    width: 47rem;
    margin: 1.9rem auto 0;
  }
}

.contact__period {
  width: 71.3rem;
  margin: 2.3rem auto 0;
}
@media only screen and (min-width: 769px) {
  .contact__period {
    width: 82.6rem;
    margin: 2.3rem auto 0;
  }
}

/******* Xから応募！ *******/
.xcp {
  margin: 0 auto;
  padding: 13.6rem 0 10rem;
  width: 100%;
  background-image: url(../img/xcp_bg_sp.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-top: 1rem solid #000;
}
@media only screen and (min-width: 769px) {
  .xcp {
    padding: 19rem 0 13rem;
    background-image: url(../img/xcp_bg_pc.png);
    background-repeat: repeat-x;
    background-size: auto 100%;
    border-top: 1.7rem solid #000;
  }
}

.xcp__inner {
  position: relative;
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .xcp__inner {
    width: 120rem;
  }
}

.xcp__title {
  width: 55.6rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .xcp__title {
    width: 92.8rem;
  }
}

.xcp__cont {
  margin: 2.4rem auto 0;
  width: 75rem;
}
@media only screen and (min-width: 769px) {
  .xcp__cont {
    margin: 6.8rem auto 0;
    width: 120rem;
  }
}

/******* Xから応募！応募方法 *******/
.xcp-method {
  margin: 0 auto;
  padding: 9.8rem 0 6.5rem;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .xcp-method {
    padding: 11rem 0 13rem;
  }
}

.xcp-method__inner {
  position: relative;
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .xcp-method__inner {
    width: 120rem;
  }
}

.xcp-method__title {
  width: 34.2rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .xcp-method__title {
    width: 34.3rem;
  }
}

.xcp-method__step {
  margin: 5rem auto 0;
  width: 75rem;
}
@media only screen and (min-width: 769px) {
  .xcp-method__step {
    margin: 3.5rem auto 0;
    width: 101rem;
    display: flex;
  }
}

.xcp-method__step1 {
  width: 62rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .xcp-method__step1 {
    width: 28.6rem;
    margin: 0;
  }
}

.xcp-method__step2 {
  width: 62rem;
  margin: 4.8rem auto 0;
}
@media only screen and (min-width: 769px) {
  .xcp-method__step2 {
    width: 45.7rem;
    margin: 0;
  }
}

.xcp-method__step3 {
  width: 52rem;
  margin: 3.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .xcp-method__step3 {
    width: 26.6rem;
    margin: 0;
  }
}

.xcp-method__btn {
  width: 56.4rem;
  margin: 11.3rem auto 0;
}
@media only screen and (min-width: 769px) {
  .xcp-method__btn {
    width: 86.4rem;
    margin: 7.5rem auto 0;
  }
}

.xcp-method__btn__text {
  width: 20em;
  margin: 1rem auto 0;
  font-size: 2.8rem;
}
@media only screen and (min-width: 769px) {
  .xcp-method__btn__text {
    width: 27em;
    margin: 1rem auto 0 21rem;
    font-size: 2.4rem;
  }
}

.xcp-method__period {
  width: 60.8rem;
  margin: 6rem auto 0;
}
@media only screen and (min-width: 769px) {
  .xcp-method__period {
    width: 83.6rem;
    margin: 4.2rem auto 0 17rem;
  }
}

/******* Xから応募！お問い合わせ窓口 *******/
.xcp-contact {
  margin: 0 auto;
  padding: 7rem 0 5.4rem;
  width: 100%;
  background-image: url(../img/xcp_bg_sp.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-top: 1rem solid #000;
}
@media only screen and (min-width: 769px) {
  .xcp-contact {
    padding: 13.8rem 0 12.2rem;
    background-image: url(../img/xcp_bg_pc.png);
    background-repeat: repeat-x;
    background-size: auto;
    border-top: 1.7rem solid #000;
  }
}

.xcp-contact__inner {
  position: relative;
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .xcp-contact__inner {
    width: 120rem;
  }
}

.xcp-contact__title {
  width: 66.4rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .xcp-contact__title {
    width: 66.5rem;
  }
}

.xcp-contact__text {
  margin: 1.6rem auto 0;
  width: 47rem;
}
@media only screen and (min-width: 769px) {
  .xcp-contact__text {
    margin: 4.2rem auto 0;
    width: 93.6rem;
  }
}

.xcp-contact__period {
  margin: 2rem auto 0;
  width: 67.7rem;
}
@media only screen and (min-width: 769px) {
  .xcp-contact__period {
    margin: 2.5rem auto 0;
    width: 75rem;
  }
}

/******* 固定ボタン *******/
.fixdbtn {
  position: fixed;
  width: 13rem;
  right: 2rem;
  bottom: -30rem;
  z-index: 10;
  transition: all 0.3s ease;
}
.fixdbtn__line {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 769px) {
  .fixdbtn {
    right: 4rem;
    bottom: -30rem;
  }
}
.fixdbtn.active {
  bottom: 2rem;
}
@media only screen and (min-width: 769px) {
  .fixdbtn.active {
    bottom: 4rem;
  }
}