@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : privacy.css                                  */
/* update : 2021                                      */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 全デバイス共通(PC向け) */
/* --------------------------------------------------- */
.h1_wrap {
  background: url(/products/img/bg_h1.jpg) no-repeat center bottom/cover;
}
.h1_wrap h1::before {
  content: "";
  display: block;
  width: 193px;
  height: 75px;
  position: absolute;
  top: -75px;
  left: -100px;
  background: url(/products/img/img_h1.png) no-repeat center center/193px auto;
}

.lead_text {
  text-align: center;
  font-size: 24px;
  color: #CC7078;
  margin-bottom: 70px;
}

.products_h1 {
  position: relative;
  margin-bottom: 80px;
}
.products_h1 .h1_box {
  height: 765px;
  position: relative;
}
.products_h1 .h1_box .tokuho {
  width: 108px;
  position: absolute;
  left: 6.1%;
  top: 45px;
  mix-blend-mode: multiply;
}
.products_h1 .h1_box .kinosei {
  width: 165px;
  position: absolute;
  left: 6.1%;
  top: 90px;
}
.products_h1 .h1_box .bottom_txt {
  position: absolute;
  bottom: 20px;
  left: 0;
  text-align: center;
  font-size: 16px;
  color: #FFF;
  width: 100%;
}
.products_h1 .h1_txt_box {
  position: absolute;
  left: 6.1%;
  top: 180px;
}
.products_h1 .h1_txt_box .txt01 {
  font-size: 18px;
  margin-bottom: 20px;
}
.products_h1 .h1_txt_box .txt01 span {
  color: #807826;
}
.products_h1 .h1_txt_box h1 {
  font-size: 45px;
  letter-spacing: 0;
  margin-bottom: 40px;
  line-height: 1;
}
.products_h1 .h1_txt_box h1::before {
  display: none;
}
.products_h1 .h1_txt_box .btn01 {
  width: 159px;
}

#wrap.item article {
  padding-left: 0;
  width: 100%;
}

section.infor, section.item, section.faq, section.howto, section.renewal, section.appeal {
  padding-left: 6.1%;
  width: 77.7%;
}

section.item.top {
  padding-left: 0;
  width: 100%;
}

section.infor {
  margin-bottom: 90px;
}
section.infor .about_box {
  border: solid 1px #CA92AC;
  border-radius: 90px;
  background: #FFF;
  text-align: center;
  padding: 30px 0;
  margin-bottom: 80px;
}
section.infor .about_box .tit {
  color: #CC7078;
  font-size: 20px;
  margin-bottom: 10px;
}
section.infor .point {
  text-align: center;
  font-size: 24px;
  color: #CC7078;
  margin-bottom: 40px;
}
section.infor .data_box {
  border: solid 1px #808080;
  box-sizing: border-box;
  width: 74%;
  padding: 40px 6.4%;
  margin: 0 auto;
  background: #FFF;
  text-align: center;
}
section.infor .data_box dl dd {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: dotted 2px #808080;
}
section.infor .data_box dl dd:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
section.infor .data_box dl dd.dd01 {
  text-align: left;
}
section.infor .data_box.box02 {
  margin-top: 40px;
  padding: 0;
}
section.infor .data_box.box02 dl {
  display: flex;
  justify-content: flex-start;
}
section.infor .data_box.box02 dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  border-right: solid 1px #808080;
  padding: 20px 0;
  box-sizing: border-box;
}
section.infor .data_box.box02 dl dd {
  width: 75%;
  box-sizing: border-box;
  margin-bottom: 0;
  border-bottom: none;
  padding: 20px 30px;
  text-align: left;
}
section.infor .data_box.box02 dl dd ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
section.infor .data_box.box02 dl dd ul li {
  margin-right: 20px;
}
section.infor .data_box.box02 dl dd ul li:last-child {
  margin-right: 0;
}

section.feature {
  background: #F0E9E9;
  padding: 100px 0;
  margin-bottom: 90px;
}
section.feature .feature_inner {
  padding-left: 6.1%;
  width: 77.7%;
}
section.feature .bnr_about {
  margin-bottom: 0;
}

section.faq {
  margin-bottom: 100px;
}
section.faq .faq_title {
  text-align: center;
  margin-bottom: 30px;
}
section.faq .faq_title .img {
  width: 12.3%;
  margin: 0 auto 15px;
}
section.faq .faq_title .sub {
  font-size: 16px;
  margin-bottom: 5px;
}
section.faq .faq_title .tit span {
  display: inline-block;
  font-size: 31px;
  line-height: 1;
  position: relative;
}
section.faq .faq_list dt {
  display: block;
  background: #FFF url(/faq/img/icon_q.svg) no-repeat left 50px center/36px auto;
  border-radius: 70px;
  padding: 55px 120px;
  font-size: 22px;
  line-height: 1.2;
}
section.faq .faq_list dd {
  background: #FFFFE2 url(/faq/img/icon_a.svg) no-repeat left 50px top 50px/37px auto;
  border-radius: 70px;
  padding: 30px 120px;
  margin-bottom: 30px;
  box-sizing: border-box;
  min-height: 138px;
  font-size: 12px;
}
section.faq .faq_list dd p {
  margin-bottom: 30px;
}
section.faq .faq_list dd p:last-child {
  margin-bottom: 0;
}
section.faq .faq_list dd p a {
  color: #3F3CFF;
  text-decoration: underline;
}
section.faq .faq_list dd p a[href*="tel:"] {
  color: #3F3C3C;
  text-decoration: none;
}
section.faq .faq_list dd:last-child {
  margin-bottom: 0;
}
section.faq .faq_more {
  text-align: center;
  margin-top: 40px;
}
section.faq .faq_more a {
  display: inline-block;
  font-size: 17px;
  color: #FFF;
  background: #EB9EB8;
  padding: 10px 60px;
  border-radius: 16px;
  position: relative;
  line-height: 1;
}
section.faq .faq_more a::before {
  content: "";
  width: 19px;
  height: 4px;
  background: url(/products/img/more_btn.svg) no-repeat center center/19px auto;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -2px;
  transition: 0.5s;
}
section.faq .faq_more a:hover {
  opacity: 0.7;
}
section.faq .faq_more a:hover::before {
  right: 10px;
  transition: 0.5s;
}

@media screen and (max-width: 1300px) {
  section.feature .feature_inner {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
  }
}
.anc {
  padding-top: 95px;
  margin-top: -95px;
}

/* ---------------全デバイス共通(pc)-end--------------------- */
/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 1300px) {
  /* tablet */
  #wrap article {
    padding: 0;
  }
  section.infor, section.item, section.faq, section.howto, section.renewal, section.appeal {
    padding: 0 15px;
    box-sizing: border-box;
    width: 100%;
  }
  /* -------------------tablet END------------------------- */
}
/*----------------------------------------------------------*/
/* sp用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 750px) {
  /* sp */
  .h1_wrap {
    background: url(/products/img/bg_h1_sp.jpg) no-repeat center center/cover;
  }
  .h1_wrap h1::before {
    content: "";
    display: block;
    width: 96px;
    height: 38px;
    position: absolute;
    top: -38px;
    left: -40px;
    background: url(/products/img/img_h1.png) no-repeat center center/96px auto;
  }
  .lead_text {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .products_h1 {
    position: relative;
    margin-bottom: 40px;
  }
  .products_h1 .h1_box {
    height: 300px;
    position: relative;
  }
  .products_h1 .h1_box .tokuho {
    width: 68px;
    position: absolute;
    left: 15px;
    top: 15px;
    mix-blend-mode: multiply;
  }
  .products_h1 .h1_box .kinosei {
    width: 123px;
    position: absolute;
    left: 15px;
    top: 15px;
  }
  .products_h1 .h1_box .bottom_txt {
    position: absolute;
    bottom: 5px;
    left: 0;
    text-align: center;
    font-size: 13px;
    color: #FFF;
    width: 100%;
  }
  .products_h1 .h1_txt_box {
    position: static;
    padding: 15px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: dotted 2px #808080;
    margin: 0 15px;
  }
  .products_h1 .h1_txt_box .txt01 {
    font-size: 16px;
    margin-bottom: 0;
    width: 100%;
  }
  .products_h1 .h1_txt_box .txt01 span {
    color: #807826;
  }
  .products_h1 .h1_txt_box h1 {
    font-size: 30px;
    letter-spacing: 0;
    margin-bottom: 0;
    line-height: 1.4;
    margin-top: 15px;
    width: calc(100% - 100px);
  }
  .products_h1 .h1_txt_box h1::before {
    display: none;
  }
  .products_h1 .h1_txt_box .btn01 {
    width: 100px;
  }
  .anc {
    padding-top: 95px;
    margin-top: -50px;
  }
  #wrap.item article {
    padding-left: 0;
    width: 100%;
  }
  section.infor, section.faq, section.howto, section.renewal, section.appeal {
    padding-left: 0;
    width: 100%;
  }
  section.item {
    padding-left: 0;
    width: 100%;
    padding-right: 0;
  }
  section.item.anc {
    padding-top: 95px;
  }
  section.infor {
    margin-bottom: 45px;
    padding: 0 15px;
    box-sizing: border-box;
  }
  section.infor .about_box {
    border: solid 1px #CA92AC;
    border-radius: 50px;
    background: #FFF;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 20px;
  }
  section.infor .about_box .tit {
    color: #CC7078;
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
  }
  section.infor .about_box .tit::before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #CC7078;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -1px;
  }
  section.infor .about_box .tit::after {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background: #CC7078;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -6px;
    transition: 0.5s;
  }
  section.infor .about_box .tit.active::after {
    opacity: 0;
    transition: 0.5s;
  }
  section.infor .about_box .txt {
    display: none;
    text-align: left;
    padding: 15px 15px 0;
  }
  section.infor .point {
    text-align: center;
    font-size: 18px;
    color: #CC7078;
    margin-bottom: 40px;
  }
  section.infor .point span {
    font-size: 14px;
  }
  section.infor .data_box {
    border: none;
    border-bottom: solid 1px #808080;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  section.infor .data_box dl dt {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 10px 15px;
    border: solid 1px #808080;
    border-bottom: none;
  }
  section.infor .data_box dl dt span {
    display: none;
  }
  section.infor .data_box dl dt::before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #808080;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -1px;
  }
  section.infor .data_box dl dt::after {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background: #808080;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -6px;
    transition: 0.5s;
  }
  section.infor .data_box dl dt.active::after {
    opacity: 0;
    transition: 0.5s;
  }
  section.infor .data_box dl dd {
    display: none;
    padding: 0 15px 10px;
    margin-bottom: 0;
    border: solid 1px #808080;
    border-top: none;
    border-bottom: none;
  }
  section.infor .data_box dl dd:last-child {
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: none;
  }
  section.infor .data_box dl dd.dd01 {
    text-align: left;
  }
  section.infor .data_box dl dd p {
    border-top: dotted 2px #808080;
    padding-top: 10px;
  }
  section.infor .data_box.box02 {
    margin-top: 20px;
    padding: 0;
  }
  section.infor .data_box.box02 dl {
    display: block;
  }
  section.infor .data_box.box02 dl dt {
    display: block;
    width: 100%;
    border: solid 1px #808080;
    border-bottom: none;
    padding: 10px 15px;
    box-sizing: border-box;
  }
  section.infor .data_box.box02 dl dt span {
    display: block;
  }
  section.infor .data_box.box02 dl dt span small {
    display: none;
  }
  section.infor .data_box.box02 dl dt.active span small {
    display: block;
    font-size: 13px;
  }
  section.infor .data_box.box02 dl dd {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    border-bottom: none;
    padding: 10px 15px;
    text-align: left;
  }
  section.infor .data_box.box02 dl dd ul {
    border-top: dotted 2px #808080;
    display: block;
    padding-top: 10px;
  }
  section.infor .data_box.box02 dl dd ul li {
    margin-right: 0;
    margin-bottom: 5px;
  }
  section.infor .data_box.box02 dl dd ul li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  section.feature {
    background: #F0E9E9;
    padding: 50px 0;
    margin-bottom: 40px;
  }
  section.feature .feature_inner {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
  }
  section.feature .bnr_about {
    margin-bottom: 0;
  }
  section.faq {
    margin-bottom: 50px;
  }
  section.faq .faq_title {
    text-align: center;
    margin-bottom: 30px;
  }
  section.faq .faq_title .img {
    width: 41.6%;
    margin: 0 auto 15px;
  }
  section.faq .faq_title .sub {
    font-size: 16px;
    margin-bottom: 5px;
  }
  section.faq .faq_title .tit span {
    display: block;
    font-size: 27px;
    line-height: 1;
    position: relative;
  }
  section.faq .faq_list {
    border-top: solid 2px #857826;
  }
  section.faq .faq_list dt {
    display: block;
    background: #FFF url(/faq/img/icon_q.svg) no-repeat left 15px center/36px auto;
    border-radius: inherit;
    padding: 40px 15px 40px 65px;
    font-size: 20px;
    line-height: 1.2;
  }
  section.faq .faq_list dd {
    background: #FFFFE2 url(/faq/img/icon_a.svg) no-repeat left 15px top 25px/37px auto;
    border-radius: inherit;
    padding: 20px 15px 20px 65px;
    margin-bottom: 0;
    box-sizing: border-box;
    min-height: inherit;
    font-size: 16px;
    border-bottom: solid 2px #857826;
  }
  section.faq .faq_list dd p {
    margin-bottom: 30px;
  }
  section.faq .faq_list dd p:last-child {
    margin-bottom: 0;
  }
  section.faq .faq_list dd p a {
    color: #3F3CFF;
    text-decoration: underline;
  }
  section.faq .faq_list dd p a[href*="tel:"] {
    color: #3F3C3C;
    text-decoration: none;
  }
  section.faq .faq_list dd:last-child {
    margin-bottom: 0;
  }
  section.faq .faq_more {
    text-align: center;
    margin-top: 20px;
    padding: 0 15px;
  }
  section.faq .faq_more a {
    display: block;
    font-size: 18px;
    color: #FFF;
    background: #EB9EB8;
    padding: 15px 0;
    border-radius: 56px;
    position: relative;
    line-height: 1;
  }
  section.faq .faq_more a::before {
    content: "";
    width: 19px;
    height: 4px;
    background: url(/products/img/more_btn.svg) no-repeat center center/19px auto;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -2px;
    transition: inherit;
  }
  section.faq .faq_more a:hover {
    opacity: 1;
  }
  section.faq .faq_more a:hover::before {
    right: 10px;
    transition: inherit;
  }
  /* ---------------------SP END----------------------------- */
}/*# sourceMappingURL=products.css.map */