@charset "UTF-8";
/*  ID28 ウォーターサーバーとは？基礎知識をご紹介
================================================== */
/*  .wiki-intro
-------------------------------------------------- */
#wiki.wiki .wiki-intro { padding: 30px 0 60px; }

#wiki.wiki .wiki-intro__txt + .wiki-intro__txt { margin-top: 25px; }

#wiki.wiki .wiki-intro__anchor { margin-top: 25px; }

@media all and (min-width: 768px) { #wiki.wiki .wiki-intro { padding: 50px 0 100px; }
  #wiki.wiki .wiki-intro__txt { text-align: center; }
  #wiki.wiki .wiki-intro__txt + .wiki-intro__txt { margin-top: 30px; }
  #wiki.wiki .wiki-intro__txt + .wiki-bnr { margin: 60px 0; }
  #wiki.wiki .wiki-intro__anchor { margin-top: 35px; } }

/*  .wiki-history
-------------------------------------------------- */
#wiki.wiki .wiki-history { padding: 50px 0 60px; }

#wiki.wiki .wiki-history__txt + .wiki-history__txt { margin-top: 25px; }

#wiki.wiki .wiki-history__anchor { margin-top: 25px; }

@media all and (min-width: 768px) { #wiki.wiki .wiki-history { padding: 120px 0; }
  #wiki.wiki .wiki-history__set-txt { word-break: break-word; }
  #wiki.wiki .wiki-history__txt + .wiki-history__txt { margin-top: 25px; }
  #wiki.wiki .wiki-history__anchor { margin-top: 25px; } }

/*  .wiki-history-chronology
-------------------------------------------------- */
#wiki.wiki .wiki-history-chronology { padding-top: 25px; }

#wiki.wiki .wiki-history-chronology__txt + .wiki-history-chronology__txt { margin-top: 25px; }

#wiki.wiki .wiki-history-chronology__anchor { margin-top: 25px; }

#wiki.wiki .wiki-history-chronology .c-table03 + .wiki-bnr { margin-top: 50px; }

@media all and (min-width: 768px) { #wiki.wiki .wiki-history-chronology { padding-top: 63px; }
  #wiki.wiki .wiki-history-chronology__txt + .wiki-history-chronology__txt { margin-top: 25px; }
  #wiki.wiki .wiki-history-chronology__anchor { margin-top: 25px; }
  #wiki.wiki .wiki-history-chronology .c-table03 + .wiki-bnr { margin-top: 100px; }
}

/*  .wiki-things
-------------------------------------------------- */
#wiki.wiki .wiki-things { padding: 50px 0 60px; }

#wiki.wiki .wiki-things__head .wiki-things-color { color: #E26732; }

#wiki.wiki .wiki-things__list { margin-top: 50px; }

#wiki.wiki .wiki-things__list + .wiki-bnr { margin-top: 50px; }

#wiki.wiki .wiki-things__item { position: relative; padding: 40px 25px 25px; border-radius: 10px; }

#wiki.wiki .wiki-things__item + .wiki-things__item { margin-top: 50px; }

#wiki.wiki .wiki-things__item-head { text-align: center; }

#wiki.wiki .wiki-things__item-lead { margin: 15px 0 7px; text-align: left; }

#wiki.wiki .wiki-things__item-ico { position: absolute; width: 70px; top: -35px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#wiki.wiki .wiki-things__item-area { margin-top: 10px; }

#wiki.wiki .wiki-things__item-btn { margin-top: 20px; }

#wiki.wiki .wiki-things__item-set + .wiki-things__item-set { border-top: 1px solid rgba(116, 157, 212, 0.3); padding-top: 30px; margin-top: 30px; }

#wiki.wiki .wiki-things__box { margin-top: 15px; }

@media all and (min-width: 768px) { #wiki.wiki .wiki-things { padding: 120px 0; }
  #wiki.wiki .wiki-things__txt { text-align: center; }
  #wiki.wiki .wiki-things__list { margin-top: 70px; }
  #wiki.wiki .wiki-things__list + .wiki-bnr { margin-top: 100px; }
  #wiki.wiki .wiki-things__item { padding: 50px 60px 45px; border-radius: 20px; }
  #wiki.wiki .wiki-things__item + .wiki-things__item { margin-top: 65px; }
  #wiki.wiki .wiki-things__item-head { font-size: 2.6rem; }
  #wiki.wiki .wiki-things__item-set { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #wiki.wiki .wiki-things__item-set.is-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  #wiki.wiki .wiki-things__item-set.is-reverse .wiki-things__item-img { margin: 0 0 0 40px; }
  #wiki.wiki .wiki-things__item-lead { font-size: 2rem; margin: 0 0 15px; }
  #wiki.wiki .wiki-things__item-ico { width: 92px; top: -50px; }
  #wiki.wiki .wiki-things__item-img { width: 38%; margin-right: 40px; }
  #wiki.wiki .wiki-things__item-area { width: 60%; margin-top: 10px; }
  #wiki.wiki .wiki-things__item-btn { margin: 20px 0 0 0; }
  #wiki.wiki .wiki-things__item-set + .wiki-things__item-set { border-top: 0; padding-top: 0; margin-top: 45px; }
  #wiki.wiki .wiki-things__box { margin-top: 40px; } }

/*  .wiki-report
-------------------------------------------------- */
#wiki.wiki .wiki-report { padding: 50px 0 60px; }

@media all and (min-width: 768px) { #wiki.wiki .wiki-report { padding: 110px 0; }
  #wiki.wiki .wiki-report__btn { margin: 55px 0 0 0; } }

/*  ID30 ウォーターサーバーの利便性は？
================================================== */
/*  layout
-------------------------------------------------- */
@media all and (min-width: 768px) { #one.wiki .l-breadcrumb { padding-bottom: 50px; } }

/*  ID31 ウォーターサーバーの安全性は？
================================================== */
/*  layout
-------------------------------------------------- */
@media all and (min-width: 768px) { #two.wiki .l-breadcrumb { padding-bottom: 50px; } }

/*  ID32 ウォーターサーバーのボトル
================================================== */
/*  layout
-------------------------------------------------- */
@media all and (min-width: 768px) { #three.wiki .l-breadcrumb { padding-bottom: 50px; } }

/*  ID33 ウォーターサーバーの電気代とは？
================================================== */
/*  layout
-------------------------------------------------- */
@media all and (min-width: 768px) { #four.wiki .l-breadcrumb { padding-bottom: 50px; } }

/*  .wiki-intro
-------------------------------------------------- */
#four.wiki .wiki-intro { padding: 30px 0 50px; }

@media all and (min-width: 768px) { #four.wiki .wiki-intro { padding: 50px 0 100px; } }

/*  .wiki-about,wiki-hygiene
-------------------------------------------------- */
#four.wiki .wiki-about, #four.wiki .wiki-hygiene { padding: 60px 0; }

#four.wiki .wiki-about__img, #four.wiki .wiki-hygiene__img { margin: 0 -15px 15px; }

@media all and (min-width: 768px) { #four.wiki .wiki-about, #four.wiki .wiki-hygiene { padding: 120px 0; }
  #four.wiki .wiki-about__txt, #four.wiki .wiki-hygiene__txt { text-align: center; }
  #four.wiki .wiki-about__img, #four.wiki .wiki-hygiene__img { margin: 0 0 30px; } }

/*  .wiki-about-sec
-------------------------------------------------- */
#four.wiki .wiki-about-sec { margin-top: 30px; }

#four.wiki .wiki-about-sec + .wiki-about-sec { margin-top: 20px; }

@media all and (min-width: 768px) { #four.wiki .wiki-about-sec { margin-top: 50px; }
  #four.wiki .wiki-about-sec + .wiki-about-sec { margin-top: 40px; } }

/*  ID34 ウォーターサーバーは子供にも安全？
================================================== */
/*  layout
-------------------------------------------------- */
@media all and (min-width: 768px) { #five.wiki .l-breadcrumb { padding-bottom: 50px; } }

/*  .wiki-sec
-------------------------------------------------- */
#five.wiki .wiki-intro { padding: 30px 0 50px; }

@media all and (min-width: 768px) { #five.wiki .wiki-intro { padding: 50px 0 100px; } }

/*  .wiki-sec
-------------------------------------------------- */
#five.wiki .wiki-sec { padding: 60px 0; }

@media all and (min-width: 768px) { #five.wiki .wiki-sec { padding: 120px 0; }
  #five.wiki .wiki-sec-set { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

/*  .wiki-sec-water
-------------------------------------------------- */
#five.wiki .wiki-sec-water { margin-top: 30px; }

#five.wiki .wiki-sec-water__item { margin-top: 20px; }

#five.wiki .wiki-sec-water__item-img { margin-bottom: 12px; border: 1px solid #DEDFE9; }

#five.wiki .wiki-sec-water__item-lead { font-size: 1.5rem; margin-bottom: 5px; text-align: center; }

#five.wiki .wiki-sec-water__item-txt { font-size: 1.3rem; text-align: center; }

@media all and (min-width: 768px) { #five.wiki .wiki-sec-water { margin-top: 50px; }
  #five.wiki .wiki-sec-water__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 60px 0; }
  #five.wiki .wiki-sec-water__item { width: calc(50% - 30px); margin: 0 15px; }
  #five.wiki .wiki-sec-water__item-img { margin-bottom: 15px; }
  #five.wiki .wiki-sec-water__item-lead { font-size: 1.8rem; }
  #five.wiki .wiki-sec-water__item-txt { font-size: 1.6rem; } }

/*  .wiki-sec-system
-------------------------------------------------- */
#five.wiki .wiki-sec-system + .wiki-sec-system { margin-top: 30px; }

#five.wiki .wiki-sec-system__img { border: 1px solid #DEDFE9; }

@media all and (min-width: 768px) { #five.wiki .wiki-sec-system + .wiki-sec-system { margin-top: 50px; } }

/*  ID29 ウォーターサーバーの価値は？
================================================== */
/*  .wiki-intro
-------------------------------------------------- */
#one.wiki .wiki-intro { padding: 30px 0 50px; }

@media all and (min-width: 768px) { #one.wiki .wiki-intro { padding: 50px 0 100px; } }

/*  .wiki-value
-------------------------------------------------- */
#one.wiki .wiki-value { padding: 60px 0; }

#one.wiki .wiki-value__txt { margin-bottom: 10px; }

#one.wiki .wiki-value-sec { margin-top: 30px; }

#one.wiki .wiki-value-sec + .wiki-value-sec { margin-top: 20px; }

@media all and (min-width: 768px) { #one.wiki .wiki-value { padding: 120px 0; }
  #one.wiki .wiki-value__txt { text-align: center; }
  #one.wiki .wiki-value-sec { margin-top: 50px; }
  #one.wiki .wiki-value-sec + .wiki-value-sec { margin-top: 40px; } }

/*  .wiki-selection
-------------------------------------------------- */
#one.wiki .wiki-selection { padding: 50px 0; }

#one.wiki .wiki-selection-set { padding: 20px; border-radius: 10px; }

#one.wiki .wiki-selection-set__img { width: 170px; margin: 0 auto 10px; }

#one.wiki .wiki-selection-set__sub { font-size: 1.3rem; text-align: center; }

#one.wiki .wiki-selection-set__head { line-height: 1.6; margin-bottom: 10px; font-size: 1.8rem; text-align: center; }

@media all and (min-width: 768px) { #one.wiki .wiki-selection { padding: 100px 0; }
  #one.wiki .wiki-selection-set { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 33px 33px 20px; border-radius: 20px; }
  #one.wiki .wiki-selection-set__img { width: 235px; margin: 0; -webkit-transform: translate(-5px, -5px); transform: translate(-5px, -5px); }
  #one.wiki .wiki-selection-set__area-txt { -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 235px); padding-left: 18px; }
  #one.wiki .wiki-selection-set__sub { margin-bottom: 5px; font-size: 1.6rem; text-align: left; }
  #one.wiki .wiki-selection-set__head { margin-bottom: 15px; font-size: 2.2rem; text-align: left; } }

/*  ID30 放射能の心配がない安全なお水
================================================== */
/*  .wiki-intro
-------------------------------------------------- */
#two.wiki .wiki-intro { padding: 20px 0 50px; }

#two.wiki .wiki-intro__txt { margin-bottom: 30px; }

@media all and (min-width: 768px) { #two.wiki .wiki-intro { padding: 50px 0 100px; }
  #two.wiki .wiki-intro__txt { margin-bottom: 65px; text-align: center; } }

/*  .wiki-safety
-------------------------------------------------- */
#two.wiki .wiki-safety { padding: 60px 0; }

#two.wiki .wiki-safety__txt { margin-bottom: 25px; }

#two.wiki .wiki-safety-top__img { margin: 0 -15px 20px; }

#two.wiki .wiki-safety-top__head { line-height: 1.6; margin-bottom: 8px; font-size: 2rem; }

#two.wiki .wiki-safety-sec { margin-top: 30px; }

#two.wiki .wiki-safety-sec + .wiki-safety-sec { margin-top: 20px; }

@media all and (min-width: 768px) { #two.wiki .wiki-safety { padding: 120px 0; }
  #two.wiki .wiki-safety__txt { margin-bottom: 50px; text-align: center; }
  #two.wiki .wiki-safety-top__img { overflow: hidden; margin: 0 0 28px; }
  #two.wiki .wiki-safety-top__head { margin-bottom: 8px; font-size: 2.4rem; }
  #two.wiki .wiki-safety-sec { margin-top: 50px; }
  #two.wiki .wiki-safety-sec + .wiki-safety-sec { margin-top: 40px; } }

/*  .wiki-pursuit
-------------------------------------------------- */
#two.wiki .wiki-pursuit { padding: 60px 0; }

@media all and (min-width: 768px) { #two.wiki .wiki-pursuit { padding: 120px 0; } }

/*  ID31 ボトルの購入ノルマはあるの？
================================================== */
/*  .wiki-intro
-------------------------------------------------- */
#three.wiki .wiki-intro { padding: 20px 0 50px; }

#three.wiki .wiki-intro__txt { margin-bottom: 30px; }

@media all and (min-width: 768px) { #three.wiki .wiki-intro { padding: 50px 0 100px; }
  #three.wiki .wiki-intro__txt { margin-bottom: 65px; text-align: center; } }

/*  .wiki-purchase
-------------------------------------------------- */
#three.wiki .wiki-purchase { padding: 60px 0; }

#three.wiki .wiki-purchase__txt { margin-bottom: 25px; }

#three.wiki .wiki-purchase-top { margin-bottom: 25px; }

#three.wiki .wiki-purchase-top__img { margin: 0 -15px 20px; }

#three.wiki .wiki-purchase-top__head { line-height: 1.6; margin-bottom: 8px; font-size: 2rem; }

@media all and (min-width: 768px) { #three.wiki .wiki-purchase { padding: 120px 0; }
  #three.wiki .wiki-purchase__txt { margin-bottom: 50px; text-align: center; }
  #three.wiki .wiki-purchase-top { margin-bottom: 50px; }
  #three.wiki .wiki-purchase-top__img { overflow: hidden; margin: 0 0 28px; }
  #three.wiki .wiki-purchase-top__head { margin-bottom: 8px; font-size: 2.4rem; } }

/*  .wiki-quota
-------------------------------------------------- */
#three.wiki .wiki-quota { padding: 60px 0; }

#three.wiki .wiki-quota__txt { margin-bottom: 25px; }

#three.wiki .wiki-quota-sec + .wiki-quota-sec { margin-top: 25px; }

#three.wiki .wiki-quota__area-img { margin: 0 -15px 20px; }

@media all and (min-width: 768px) { #three.wiki .wiki-quota { padding: 120px 0; }
  #three.wiki .wiki-quota__txt { margin-bottom: 50px; text-align: center; }
  #three.wiki .wiki-quota-sec + .wiki-quota-sec { margin-top: 40px; }
  #three.wiki .wiki-quota__area-img { margin: 0 0 28px; } }

/*  ID34 ボトル交換やお湯の出し方・取り替え方などウォーターサーバーの使い方
================================================== */
/*  .product-use-intro
--------------------------------------------------*/
#use.wiki .product-use-intro { padding: 30px 0 50px; }

@media all and (min-width: 768px) { #use.wiki .product-use-intro { padding: 50px 0 100px; } }

/*  .product-use-sec
--------------------------------------------------*/
#use.wiki .product-use-sec { padding: 60px 0; }

#use.wiki .product-use-sec__img { margin: 30px -15px 0; }

#use.wiki .product-use-sec__img.is-no-margin { margin: 30px 0 0; }

#use.wiki .product-use-sec__img img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

#use.wiki .product-use-sec__btn { max-width: 240px; margin-top: 30px; }

#use.wiki .product-use-sec__btn-link { padding: 9px 31px; }

@media all and (max-width: 767px) { #use.wiki .product-use-sec#receive .product-use-sec__btn { max-width: 250px; } }

@media all and (min-width: 768px) { #use.wiki .product-use-sec { padding: 120px 0; }
  #use.wiki .product-use-sec__txt { text-align: center; }
  #use.wiki .product-use-sec__note { text-align: center; }
  #use.wiki .product-use-sec__img { margin: 45px 0 0; }
  #use.wiki .product-use-sec__img.is-center { text-align: center; }
  #use.wiki .product-use-sec__img.is-no-margin { margin: 45px 0 0; }
  #use.wiki .product-use-sec__img.is-care { margin: 45px auto 0; width: 80%; }
  #use.wiki .product-use-sec__img img { display: block; margin: 0 auto; }
  #use.wiki .product-use-sec__btn { max-width: 280px; margin-top: 60px; } }

/*  .product-use-sec-attention
-------------------------------------------------- */
#use.wiki .product-use-sec-attention { margin-top: 30px; }

#use.wiki .product-use-sec-attention__set { margin-top: 30px; }

#use.wiki .product-use-sec-attention__set-head { margin-top: 15px; }

@media all and (min-width: 768px) { #use.wiki .product-use-sec-attention { margin-top: 50px; }
  #use.wiki .product-use-sec-attention__set { margin-top: 40px; }
  #use.wiki .product-use-sec-attention__set-head { margin-top: 0; }
  #use.wiki .product-use-sec-attention__set-head:not(:first-child) { margin-top: 15px; } }

/*  .product-use-sec-how
-------------------------------------------------- */
#use.wiki .product-use-sec-how, #use.wiki .product-use-sec-care, #use.wiki .product-use-sec-maintenance { margin-top: 30px; }

#use.wiki .product-use-sec-how__content, #use.wiki .product-use-sec-care__content, #use.wiki .product-use-sec-maintenance__content { padding: 25px; }

#use.wiki .product-use-sec-how__note, #use.wiki .product-use-sec-care__note, #use.wiki .product-use-sec-maintenance__note { margin-top: 30px; }

@media all and (min-width: 768px) { #use.wiki .product-use-sec-how, #use.wiki .product-use-sec-care, #use.wiki .product-use-sec-maintenance { margin-top: 50px; }
  #use.wiki .product-use-sec-how__content, #use.wiki .product-use-sec-care__content, #use.wiki .product-use-sec-maintenance__content { padding: 43px; }
  #use.wiki .product-use-sec-how__note, #use.wiki .product-use-sec-care__note, #use.wiki .product-use-sec-maintenance__note { margin-top: 40px; } }

/*  .product-use-sec-method
-------------------------------------------------- */
#use.wiki .product-use-sec-method { margin-top: 30px; }

#use.wiki .product-use-sec-method__content { padding: 20px 25px; }

@media all and (min-width: 768px) { #use.wiki .product-use-sec-method { margin-top: 40px; }
  #use.wiki .product-use-sec-method__content { padding: 45px; } }

/*  .product-use-sec-modal
-------------------------------------------------- */
#use.wiki .product-use-sec-modal { position: relative; margin-top: 30px; border: 1px solid #DEDFE9; border-radius: 15px; }

#use.wiki .product-use-sec-modal__img { width: 35%; margin: 0 auto; }

#use.wiki .product-use-sec-modal__parts { position: absolute; width: 25%; }

#use.wiki .product-use-sec-modal__parts.is-first { top: 20px; right: 9%; }

#use.wiki .product-use-sec-modal__parts.is-second { top: 10%; left: 10%; }

#use.wiki .product-use-sec-modal__parts.is-third { bottom: 14%; right: 9%; }

#use.wiki .product-use-sec-modal__parts.is-fourth { bottom: 6%; left: 8%; }

#use.wiki .product-use-sec-modal__detail { text-align: left; }

#use.wiki .product-use-sec-modal__set + .product-use-sec-modal__set { margin-top: 20px; }

#use.wiki .product-use-sec-modal__set-img { width: 60%; margin: 0 auto 15px; }

@media all and (min-width: 768px) { #use.wiki .product-use-sec-modal { width: 80%; margin: 50px auto 0; border-radius: 25px; }
  #use.wiki .product-use-sec-modal__img { width: 20%; margin: 60px auto; }
  #use.wiki .product-use-sec-modal__parts { width: 14%; }
  #use.wiki .product-use-sec-modal__parts.is-first { top: 14%; right: 26.5%; }
  #use.wiki .product-use-sec-modal__parts.is-second { top: 21%; left: 27%; }
  #use.wiki .product-use-sec-modal__parts.is-third { bottom: 26%; right: 26.5%; }
  #use.wiki .product-use-sec-modal__parts.is-fourth { bottom: 17%; left: 26.5%; }
  #use.wiki .product-use-sec-modal__set { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #use.wiki .product-use-sec-modal__set + .product-use-sec-modal__set { margin-top: 40px; }
  #use.wiki .product-use-sec-modal__set-img { width: 30%; margin: 0 30px 0 0; }
  #use.wiki .product-use-sec-modal__area-txt { width: 60%; }
  #use.wiki .product-use-sec-modal__detail { max-width: 900px; max-height: 800px; overflow-y: scroll; } }

  /* CRO施策 2022.10.07 */
#wiki.wiki .wiki-things__anchor,
.wiki-things__item {
  background-color: #fff;
}
#wiki.wiki .product-server-alone{
  padding: 50px 0 60px;
}
@media all and (min-width: 768px) {
  #wiki.wiki .product-server-alone{ padding: 120px 0; }
}
#wiki.wiki .wiki-report { padding: 60px 0 0; }
@media all and (min-width: 768px) { #wiki.wiki .wiki-report { padding: 120px 0 0; }}

/* CRO施策 2022.11.25 */
#use.wiki .home-faq { padding: 0 0 60px; }
@media all and (min-width: 768px) {
  #use.wiki .home-faq{ padding: 0 0 120px; }
}

/* 2024.02.19:wikiページ改修 */
.wiki-addsec{
  width: 100%;
}

.wiki-addsec .w-btm .w-mad{
  background-color: #EEF7F6;
}

.wiki-addsec .w-btm .w-mad-ttl{
  color: #65BBB1;
  border-bottom: solid 1px #DEDFE9;
}

.wiki-addsec .w-btm .w-mad-list li{
  color: #5D5F68;
}

.wiki-addsec .w-btm .w-mad-list li::before,.product-recommend .r-list li:before{
  content: "";
  display: inline-block;
  background-color: #65BBB1;
  border-radius: 50%;
}
@media screen and (min-width: 768px), print {
  .wiki-addsec .w-top{
    display: flex;
    justify-content: space-between;
  }
  .wiki-addsec .w-top .w-img{
    width: 366px;
  }
  .wiki-addsec .w-top .w-txt{
    line-height: calc(29/16);
    width: 574px;
    font-size: 16px;
  }
  .wiki-addsec .w-btm{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .wiki-addsec .w-btm .w-mad{
    width: 410px;
    border-radius: 10px;
    padding: 20px 30px;
  }
  .wiki-addsec .w-btm .w-mad-ttl{
    font-size: 16px;
    margin-bottom: 19px;
    padding-bottom: 12px;
  }
  .wiki-addsec .w-btm .w-mad-list li{
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-bottom: 7px;
  }
  .wiki-addsec .w-btm .w-mad-list li::before{
    margin-top: 2px;
    width: 5px;
    height: 5px;
    margin-right: 8px;
  }
}

@media screen and (max-width: 767px), print {
  .wiki-addsec .w-top .w-txt{
    margin: 13px 0 15px;
  }
  .wiki-addsec .w-btm .w-mad:last-child{
    margin-top: 20px;
  }
  .wiki-addsec .w-btm .w-mad{
    border-radius: 10px;
    padding: 20px 20px;
  }

  .wiki-addsec .w-btm .w-mad-ttl{
    margin-bottom: 10px;
    padding-bottom: 12px;
  }

  .wiki-addsec .w-btm .w-mad-list li{
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 4px;
  }
  .wiki-addsec .w-btm .w-mad-list li::before{
    position: relative;
    top: -2px;
    width: 4px;
    height: 4px;
    margin-right: 8px;
  }
}

/* PC */
@media screen and (min-width: 768px), print {
  .product-recommend{
    padding: 120px 0;
  }

  .product-recommend .r-txt{
    text-align: center;
  }

  .product-recommend .r-list{
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 33px 33px 30px 148px;
    margin-top: 40px;
  }

  .product-recommend .r-list li{
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-right: 35px;
  }
  .product-recommend .r-list li:last-child{
    margin-right: 0;
  }

  .product-recommend .r-list li:before{
    margin-top: 2px;
    width: 5px;
    height: 5px;
    margin-right: 10px;
  }
}
/* SP */
@media screen and (max-width: 767px), print {
  .product-recommend{
    padding: 60px 0;
  }

  .product-recommend .r-list{
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 17px 25px;
    margin-top: 30px;
  }

  .product-recommend .r-list li{
    display: flex;
    align-items: center;
    margin-right: 35px;
    margin-bottom: 5px;
  }

  .product-recommend .r-list li:last-child{
    margin-bottom: 0;
  }

  .product-recommend .r-list li:before{
    margin-top: 2px;
    width: 4px;
    height: 4px;
    margin-right: 10px;
  }
}

/* PC */
@media screen and (min-width: 768px), print {
  .product-select{
    padding: 120px 0;
  }
  .product-select .r-top{
    display: flex;
    justify-content: space-between;
  }
  .product-select .r-top-img{
    width: 450px;
  }
  .product-select .r-top-txt{
    width: 610px;
    line-height: calc(29/16);
    font-size: 16px;
  }
  .product-select .r-btm{
    margin-top: 60px;
  }
  .product-select .r-btm li{
    padding: 25px 50px 30px;
    border: solid #D8ECEA 4px;
    border-radius: 20px;
    margin-bottom: 30px;
  }
  .product-select .r-btm li:last-child{
    margin-bottom: 0;
  }
  .product-select .r-btm-ttl{
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #DEDFE9;
  }
  .product-select .r-btm-ttl span{
    color: #65BBB1;
  }
  .product-select .r-btm-txt{
    line-height: calc(29/16);
    font-size: 16px;
    margin-top: 27px;
  }
}

/* SP */
@media screen and (max-width: 767px), print {
  .product-select{
    padding: 60px 0;
  }
  .product-select .r-top-txt{
    margin-top: 15px;
  }
  .product-select .r-btm{
    margin-top: 30px;
  }
  .product-select .r-btm li{
    padding: 15px 22px 15px;
    border: solid #D8ECEA 4px;
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .product-select .r-btm li:last-child{
    margin-bottom: 0;
  }
  .product-select .r-btm-ttl{
    font-size: 16px;
    padding-bottom: 12px;
    border-bottom: solid 1px #DEDFE9;
  }
  .product-select .r-btm-ttl span{
    color: #65BBB1;
  }
  .product-select .r-btm-txt{
    line-height: calc(25/14);
    font-size: 14px;
    margin-top: 15px;
  }
}

/* 24.05.10中心の位置ずれを修正する */
@media (min-width: 768px) {
  #one.wiki .wiki-selection-set {
    align-items: center;
  }
}

/* 2025-01-06 料金シミュレーションページへのスタイル */
.service_price-price-simulator { padding: 50px 0 50px; }

.service_price-price-simulator__bnr { width: 85%; margin: 30px auto 0;
  background-color: #fff; }

.service_price-price-simulator__bnr-ico { width: 38px; }

.service_price-price-simulator__bnr-head { font-weight: 400; }

@media all and (min-width: 768px) {
  .service_price-price-simulator { padding: 110px 0 50px; }
  .service_price-price-simulator__bnr { width: 50%; margin: 50px auto 0; }
  .service_price-price-simulator__bnr-link { padding: 34px 190px 40px; }
  .service_price-price-simulator__bnr-ico { width: 42px; height: 54px; }
  .service_price-price-simulator__bnr-head { font-size: 1.6rem; }
}