@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------

* システムデフォルト

* --------------------------------------------------------------------------------------------------*/

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/block.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/btn.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/footer.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/frame.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/guide.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/header.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/index.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/main.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/news.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/products.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/shopping.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/sub_function.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/recommend.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/ranking.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/window.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/media-queries.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/flexslider.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/owl.theme.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/owl.carousel.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/owl.transitions.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/new_mypage.css");

@import url("https://emisia.co.jp/user_data/packages/kikuimo/css/captcha.css");

#header-inner {

  background: none !important;

  padding: 10px 24px 0 !important;

}



#header-inner h1 {

  width: 45% !important;

}



#header-inner .header_tel {

  width: 50%;

  position: relative;

  /* width: 45%; */

  padding: 0 0 0;

  transform: translateY(0.4rem);

  margin-right: -0.6rem;

}



#header-inner .header_tel p {

  color: #ec8820;

  text-align: center;

  font-size: 10px;

  letter-spacing: -0.05em;

}



#header-inner .header_tel span {

  position: absolute;

  top: 60%;

  left: 26%;

  color: #88674e;

  text-align: center;

  font-size: 40px;

  display: block;

  font-family: "Anton", sans-serif;

  font-weight: 400;

  font-style: normal;

}



#header ul.h-menu li {

  width: 50%;

  text-align: center;

  /* border-right: 1px solid #663300; */

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

  padding: 20px 0 !important;

  margin: 0;

}

#header ul.h-menu li a {

  font-size: 23px;

}



#header ul.h-menu {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0;

  background-color: #f86200;

  margin-top: 15px;

}



#header ul.h-menu li:first-child {

  /* background: url("../../user_data/images2/common/i-mail.png") 10px 50%; */

  /* background-repeat: no-repeat !important; */

  /* padding: 5px 1em 5px; */

  /* border-left: 1px solid #663300; */

}



/*#header ul.h-menu li:nth-child(2) {



    background: url("../../user_data/images2/common/i-login.png") 10px 50%;



    background-repeat: no-repeat!important;



    padding: 5px 1em 5px 2.5em;



    border-right: 1px solid #663300;



}*/

#header ul.h-menu li:last-child {

  /* background: url("../../user_data/images2/common/i-menber.png") 10px 50%; */

  /* padding: 5px 1em 5px; */

  /* background-repeat: no-repeat !important; */

}

#header ul.h-menu li+li {

    border-left: 1px solid #ffffff;

}

#header a {

    color: #ffffff !important;

    display: block;

    text-align: center;

    text-decoration: none;

}



#lp_footer {

  background: #663300;

  padding: 3em 2em 10em;

  text-align: center;

}



.footer_inner h2.name {

  color: #fff;

  font-size: 2rem;

  font-weight: 500;

  text-align: center;

  margin-bottom: 1em;

}



.footer_inner ul {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}



.footer_inner ul li {

  position: relative;

  padding-right: 1em;

  padding-left: 1em;

  margin-bottom: 1.5em;

}



.footer_inner ul li::after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  border-right: 1px solid #fff;

  height: 100%;

}



.footer_inner ul li:last-child {

  padding-right: 0;

}



.footer_inner ul li:last-child::after {

  display: none;

}



.footer_inner ul li a {

  font-size: 1.2rem;

  color: #fff;

  text-decoration: none;

}



.lp_footer,

.offer,

.faq_content {

  width: 100%;

}



/* ---------------------ここまで必須で読み込まれます ---------------------------------*/

/* ----------------------------------------------------------------------------------------------------

*  SP

* --------------------------------------------------------------------------------------------------*/

/* 共通 */

html {

  font-size: 62.5%;

  overflow-y: scroll;

  scroll-behavior: smooth;

}



#lp {

  font-family: "Zen Old Mincho", system-ui;

  font-weight: 900;

  font-style: normal;

}



.inner-10 {

  padding: 0 10px;

}



.inner-15 {

  padding: 0 15px;

}



.inner-20 {

  padding: 0 20px;

}



.inner-25 {

  padding: 0 25px;

}



.inner-50 {

  padding: 0 50px;

}



.color-red {

  color: #d70101;

  font-weight: bold;

}



.color-gold {

  color: #ae8301;

  font-weight: bold;

}



.color-brown {

  color: #8a6801;

  font-weight: bold;

}



.color-black {

  color: #000;

  font-size: 16px;

  display: inline-block;

  padding-left: 10px;

  font-weight: normal;

  padding-top: 10px;

}



.fontsize-14 {

  font-size: 14px;

}



.fontsize-16 {

  font-size: 16px;

}



.fontsize-18 {

  font-size: 18px;

}



.p_rl {

  position: relative;

}



.text-center {

  text-align: center;

}



#lp {

  text-align: left;

}



p {

  line-height: 1.6;

}



img {

  width: 100%;

}



/* header */

/* mv */

.topifiber {

  /* margin-bottom: 30px; */

}



.cv-title {

  padding: 10px 0;

}



.cv-title img {

  width: 90%;

}



/* アニメーション */

.heartbeat {

  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;

  animation: heartbeat 1.5s ease-in-out infinite both;

}



/* ----------------------------------------------

 * Generated by Animista on 2023-12-8 18:19:19

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info.

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */

/**

 * ----------------------------------------

 * animation heartbeat

 * ----------------------------------------

 */

@-webkit-keyframes heartbeat {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  10% {

    -webkit-transform: scale(0.91);

    transform: scale(0.91);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  17% {

    -webkit-transform: scale(0.98);

    transform: scale(0.98);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  33% {

    -webkit-transform: scale(0.87);

    transform: scale(0.87);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  45% {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

@keyframes heartbeat {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  10% {

    -webkit-transform: scale(0.91);

    transform: scale(0.91);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  17% {

    -webkit-transform: scale(0.98);

    transform: scale(0.98);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  33% {

    -webkit-transform: scale(0.87);

    transform: scale(0.87);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  45% {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

}

.emisia-icon {

  position: absolute;

  top: 3%;

  left: 2%;

  width: 22%;

  height: auto;

  z-index: 5;

}



.topifiber-mv {

  position: relative;

  z-index: 4;

}



.topifiber-cv {

  width: 100%;

  position: relative;

  z-index: 2;

  padding-left: 2rem;

  box-sizing: border-box;

}



.tel_btn {

  width: 100%;

  text-align: center;

  position: relative;

}



.tel_btn a {

  display: inline-block;

  color: #fff;

}



.tel_btn-no {

  position: absolute;

  top: 68%;

  left: 35%;

  background: none !important;

  font-size: 60px;

  color: #da0004;

  font-family: "Konkhmer Sleokchher", system-ui;

  font-family: "Anton", sans-serif;

  font-weight: 400;

  font-style: normal;

}



.tel_btn-no img {

  max-width: 40px;

  margin-right: 5px;

}



.tel_btn .tel_btn_img {

  width: 98%;

  padding-top: 5px;

}



/* ボタンアニメーション */

/*.animation2 {

  animation-timing-function: ease-in-out;

  animation-iteration-count: infinite;

  animation-direction: alternate;

  animation-duration: 1.5s;

}*/



.keyframe5 {

  animation-name: anim_sc;

  transform: scale(0.85, 0.85);

}



@keyframes anim_sc {

  100% {

    transform: scale(1, 1);

  }

}

/* about */

.recomend {

  padding: 2rem 0 0 2.4rem;

}



.topifiber-about {

  background: transparent url(https://emisia.co.jp/user_data/202410/kikuimo/pc/images/bg_topifiber.webp) no-repeat scroll center top/cover;

  padding: 20px 40px 40px;

}



.topifiber-about-text {

    position: relative;

    line-height: 1.6;

    background-color: #fff;

    border-radius: 20px 20px 0 0;

    padding: 30px 30px;

    font-size: 28px;

    font-weight: 600;

    color: #000;

    font-family: "Noto Sans JP", sans-serif;

    margin: 20px 0 0;

}



/* doctor */

.doctor-picture.doctor01 {

  /* padding-left: 52px; */

}

.doctor-picture.doctor02 {

  /* padding-right: 52px; */

}



.doctor-text {

    padding: 0 50px;

    margin-bottom: 25px;

    font-size: 30px;

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 600;

    color: #000;

}

.doctor-text .color-red {

  font-family: "Noto Sans JP", sans-serif;

  color: #c7000b;

  /* display: block; */

  line-height: 1.3846;

  /* font-size: 37px; */

}

.doctor-text .fontsize-16 {

  display: block;

  font-size: 20px;

  letter-spacing: 0;

}



.doctor-message img {

  margin-bottom: 25px;

}



.doctor-message .inner-15 {

    margin-bottom: 0;

    padding-bottom: 80px;

}



.doctor-message .inner-15 .fontsize-14 {

  display: inline-block;

  padding-top: 20px;

  line-height: 1.2;

}



/* interview */

.kikuimo-interview-content {

  /* padding-top: 10px; */

  background-color: #fcf7e5;

}

.interview-content-img {

  margin-bottom: 20px;

}



.interview-content-text {

  margin-bottom: 30px;

}



.kikuimo-interview-content .fontsize-16 {

    /* margin-bottom: 40px; */

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 400;

    font-size: 28px;

    color: #462D13;

    padding-bottom: 80px;

}



.kikuimo-interview-content .fontsize-16 .fontsize-14 {

  display: inline-block;

  padding-top: 20px;

  line-height: 1.2;

  font-size: 20px;

  letter-spacing: 0;

}



/* voice */

.kikuimo-voice-bg {

    margin-bottom: 5px;

    padding: 50px 20px 30px;

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 400;

    background-color: #f4f4f4;

}



.kikuimo-voice-title {

  margin-bottom: 20px;

  padding: 0 30px;

}

.kikuimo-voice {

  padding-top: 20px;

  padding-bottom: 20px;

}

.kikuimo-voice > div {

  /* border-radius: 15px; */

  /* border: 1px solid #66391f; */

  background-color: #fff;

  margin-bottom: 20px;

}

.kikuimo-voice input.check {

  display: none !important;

}



.kikuimo-voice-box {

  margin-bottom: 30px;

  padding: 30px 0px 40px 15px;

  background-color: transparent;

  font-size: 1.6rem;

  line-height: 1.5;

}



.kikuimo-voice-box .kikuimo-voice-lead {

  margin-bottom: 20px;

  color: #66391f;

  font-weight: bold;

  font-size: 16px;

}



.kikuimo-voice-text1 {

  padding-right: 15px;

  font-size: 16px;

}



/* アコーディオン */

.check {

  display: none;

}



/* 通常時表示されるテキスト */

.label {

  display: block;

  padding: 20px 30px 20px 10px;

  color: #f86200;

  font-weight: bold;

  font-size: 25px;

  position: relative;

  line-height: 1;

  display: flex;

}

.label:before {

  content: "";

  display: block;

  width: 40px;

  height: 40px;

  border-radius: 200px;

  /* background-color: #66391f; */

  position: absolute;

  top: calc((100% - 40px) / 2);

  right: 13px;

}

.label span {

  font-size: 23px;

  line-height: 1;

}



/* クリック時に表示されるテキスト */

.kikuimo-voice-text {

  padding: 0 24px;

  background-color: transparent;

  align-items: center;

  /*通常時は見えなくする*/

  overflow: hidden;

  /*  通常時は高さ0を指定  */

  height: 0;

  font-size: 25px;

  transition: all 0.3s;

  position: relative;

}

.kikuimo-voice-text:before {

  content: "";

  display: block;

  width: calc(100% - 30px);

  height: 1px;

  background-color: transparent;

  border-bottom: 1px dotted #66391f;

  position: absolute;

  top: 1px;

  left: 15px;

}



/* クリック時のスタイル */

.check:checked + .label + .kikuimo-voice-text {

  height: auto;

  padding: 15px 24px 20px 24px;

  font-size: 25px;

}



/* プラスボタン */

.label span::after,

.label span::before {

    content: "";

    position: absolute;

    right: 1.4em;

    top: 1.9em;

    top: calc((100% - 1em) / 2);

    width: 2px;

    height: 1em;

    background-color: #f86200;

    transition: all 0.3s;

}



.label span::after {

  transform: rotate(90deg);

}



.check:checked + .label:before {

  background-color: #fff;

  /* border: 1px solid #66391f; */

}



.check:checked + .label span + .kikuimo-voice-text {

  max-height: 500px;

  transition: all 1.5s;

}



.check:checked + .label span::before {

  transform: rotate(90deg) !important;

  background-color: #f86200;

}



.check:checked + .label span::after {

  background-color: #f86200;

}



/* detail */

.kikuimo-detail {

  margin-bottom: 100px;

  /* margin-top: 80px; */

}



.kikuimo-detail .fontsize-18 {

  margin-bottom: 10px;

  padding-top: 15px;

  font-weight: bold;

  line-height: 1.2;

}



.detail-title {

  width: 100%;

  min-height: 210px;

  padding-top: 120px !important;

  color: #66391f;

  margin-bottom: 20px;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

  font-style: normal;

  font-weight: 700;

  font-size: 40px;

  background-color: transparent;

  background-repeat: no-repeat;

  background-attachment: scroll;

  background-position: 0 0;

  background-size: 100% auto;

  box-sizing: border-box;

}

.detail-title.detail-title01 {

  /* background-image: url(../lp/images/pc/about/ttl_sub01.webp); */

  /* margin-top: 24px; */

  margin-bottom : 30px;

  padding-top: 20px !important;

  color: #a8853e;

  min-height: auto;

}

.detail-title.detail-title02 {

  /* background-image: url(../lp/images/pc/about/ttl_sub02.webp); */

  margin-bottom: 30px;

  padding-top: 40px !important;

  color: #a8853e;

  min-height: auto;

}

.detail-title.detail-title03 {

  /* background-image: url(../lp/images/pc/about/ttl_sub03.webp); */

  margin-bottom: 30px;

  padding-top: 40px !important;

  color: #a8853e;

  min-height: auto;

}



.bg-map {

  /* background: transparent url(../lp/images/pc/about/map.webp) no-repeat scroll right bottom/100% auto; */

  padding-bottom: 40px;

}



.detail-text {

  font-size: 28px;

}



.detail-mg40 {

  margin-bottom: 20px;

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 600;

}



.detail-mg60 {

  margin-bottom: 30px;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 600;

}



/* reason */

.kikuimo-reason {

  background-color: #faf7f2;

  padding-bottom: 10px;

}





.kikuimo-reason-num {

  margin-bottom: 15px;

  padding-top: 25px;

}



.kikuimo-reason-img {

  padding-top: 20px;

}



.reason-text {

  /* margin-top: 20px; */

  font-size: 28px;

  background-color: #fff;

  margin: 65px 30px 30px;

  padding: 480px 30px 50px;

  position: relative;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 600;

}

.reason-text figure {

  float: right;

  width: 33%;

  margin-top: -100px;

  margin-left: 20px;

  margin-bottom: 100px;

  position: relative;

  z-index: 1;

}



/* media */

.kikuimo-media {

  margin-bottom: 5px;

  background-color: #faf7f2;

  padding-bottom: 100px;

}





/* graph */

.graph {

  padding-top: 2.4rem;

  text-align: center;

}

.graph img {

  width: 90%;

}



/* faq */

#faq {

  padding-top: 60px;

}

#faq .faq-title {

  padding: 0 150px;

  margin: 50px 0;

}



.announce-wrapper .kikuimo-announce {

  display: inline-block;

  padding: 25px 50px;

  color: #4e461a;

  line-height: 1.6;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

  font-style: normal;

  font-weight: 700;

  color: #66391f;

  font-size: 28px;

  font-weight: bold;

  text-align: left;

}



.faq-content {

  width: calc(100% - 100px);

  padding-top: 20px;

  padding-bottom: 20px;

  padding: 0 2%;

  /* border-radius: 15px; */

  /* border: 1px solid #66391f; */

  background-color: #f2ebd9;

  margin: 0 auto;

  margin-bottom: 20px;

  box-sizing: border-box;

}



/* アコーディオン */

.faq-content .faq-check {

  display: none;

}



/* 通常時表示されるテキスト */

.faq_label {

  display: block;

  padding: 20px 34px 20px 44px;

  color: #66391f;

  font-weight: bold;

  font-size: 28px;

  line-height: 1.3;

  position: relative;

}



.faq_label span {

  display: block;

  position: relative;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

  font-style: normal;

  color: #66391f;

}



.faq_label span::before {

  content: "Q";

  position: absolute;

  top: 50%;

  left: -4px;

  background: none;

  color: #66391f;

  font-size: 32px;

  font-weight: bold;

  font-family: "Zen Kaku Gothic Antique", sans-serif;

  transform: translate(-32px, -50%);

}



.faq_label span::after {

  content: "";

  display: block;

  width: 40px;

  height: 40px;

  border-radius: 200px;

  /* background-color: #66391f; */

  position: absolute;

  top: calc((100% - 40px) / 2);

  right: -34px;

  z-index: 0;

}



/* クリック時に表示されるテキスト */

.faq-text-box {

  position: relative;

  margin-bottom: 0;

  font-size: 28px;

  background: #f2ebd9;

  align-items: center;

  /*通常時は見えなくする*/

  overflow: hidden;

  /*  通常時は高さ0を指定  */

  height: 0;

  color: #66391f;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

  font-style: normal;

  padding: 0px 20px 0px 44px;

  transition: all 0.3s;

  box-sizing: border-box;

}



.faq-text-box::before {

  content: "A";

  position: absolute;

  top: 36px;

  left: 55px;

  width: auto;

  height: auto;

  background: none;

  color: #66391f;

  font-size: 32px;

  font-weight: bold;

  font-family: "Zen Kaku Gothic Antique", sans-serif;

  transform: translate(-45px, -21%);

}



/* クリック時のスタイル */

.faq-check:checked + .faq_label + .faq-text-box {

  height: auto;

  padding: 15px 20px 30px 44px;

}

.faq-check:checked + .faq_label + .faq-text-box:after {

  content: "";

  display: block;

  width: calc(100% - 30px);

  height: 1px;

  background-color: #66391f;

  position: absolute;

  top: 1px;

  left: 15px;

}



/* プラスボタン */

.faq_label::after,

.faq_label::before {

  content: "";

  position: absolute;

  right: 18px;

  top: calc((100% - 26px) / 2);

  width: 4px;

  height: 26px;

  background-color: #66391f;

  transition: all 0.3s;

  z-index: 1;

}



.faq_label::after {

  transform: rotate(90deg);

}



.faq-check:checked + .faq_label + .faq-text-box {

  max-height: 500px;

  transition: all 1.5s;

}



.faq-check:checked + .faq_label::before {

  transform: rotate(90deg) !important;

}



/* バナー */

#flowting_banner {

  position: fixed;

  bottom: 0;

  z-index: 9999;

  width: 100%;

  display: none;

}



/* 追記 */

/*/////////////////////////////////////////////////////*/

.offer {

  /* background: transparent url("../lp/images/pc/cv/bg01.webp") no-repeat scroll center 0/cover; */

  position: relative;

  z-index: 2;

  padding-bottom: 20px;

  /* padding: 54px; */

  box-sizing: border-box;

}

.offer_inner > p {

  margin-bottom: 40px;

}

.offer_inner .course-half {

  background-color: #fff;

  border: 2px solid #66391f;

  padding: 2rem;

  border-radius: 6px;

  position: relative;

}

.offer_inner .course-half a {

  display: block;

  border-radius: 300px;

  background-color: #c7000b;

  color: #fff;

  height: 100px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 33px;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

  font-style: normal;

  font-weight: 700;

  width: 90%;

  position: absolute;

  left: 5%;

  bottom: 50px;

}



.tab01 ul {

  display: flex;

  justify-content: space-between;

}



.tab01 ul li {

  width: 48%;

}

.tab01 ul li .tab {

  margin-top: -68px;

  margin-bottom: 1rem;

}



.tab01 ul li.grain .tab p {

  padding: 1rem;

  text-align: center;

  border: 2px solid #006934;

  background-color: #fff;

  position: relative;

}

.tab01 ul li.grain .tab p:before {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border: 20px solid transparent;

  border-top-color: #006934;

  position: absolute;

  bottom: -40px;

  left: calc((100% - 40px) / 2);

  z-index: -1;

}

.tab01 ul li.grain .tab p img {

  height: 56px;

  width: auto;

}



.tab01 ul li.stick .tab p {

  padding: 1rem;

  text-align: center;

  border: 2px solid #c86224;

  background-color: #fff;

  position: relative;

}

.tab01 ul li.stick .tab p:before {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border: 20px solid transparent;

  border-top-color: #c86224;

  position: absolute;

  bottom: -40px;

  left: calc((100% - 40px) / 2);

  z-index: -1;

}

.tab01 ul li.stick .tab p img {

  height: 56px;

  width: auto;

}



.offer_select .image {

  width: 100%;

  position: relative;

}



.offer_select .image > div {

  position: absolute;

  top: 0;

  left: 0;

  display: none;

}



.offer_select .image > div.active {

  display: block;

  position: relative;

}



.offer_area {

  margin-top: 50px;

}



.offer_area > div {

  display: none;

}



.offer_area > div.active {

  display: block;

}



.tab02 ul {

  display: flex;

  justify-content: space-between;

}



.tab02 ul li {

    width: 31%;

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 400;

    font-style: normal;

    position: relative;

    font-size: 16px;

    line-height: 1.2;

    text-align: center;

    /* border-left: 2px solid #66391f; */

    /* border-right: 2px solid #66391f; */

    /* border-top: 2px solid #66391f; */

    background-color: #ffffff;

    color: #66391f;

    border-radius: 10px 10px 0 0;

    padding-top: 0.8rem;

    padding-bottom: 0.6rem;

    margin-bottom: -2px;

    z-index: 2;

}

.tab02 ul li span {

  display: block;

  font-size: 20px;

  font-weight: 900;

  position: relative;

}

.tab02 ul li span:before {

  /* content: "";

  display: block;

  width: 80%;

  height: 1px;

  background-color: #66391f;

  position: absolute;

  bottom: -0.5rem;

  left: 10%; */

}

.tab02 ul li.active {

  color: #fff;

  background-color: #88674e;

}



.tab02 ul li .tag {

  position: absolute;

  top: -55px;

  right: -30px;

}

.tab02 ul li .tag img {

  width: 140px;

  object-fit: contain;

  aspect-ratio: 193/71;

}



.offer_content {

  position: relative;

  z-index: 2;

  box-sizing: border-box;

}



.offer_content ul {

  position: relative;

}



.offer_content ul li {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  display: none;

  padding: 0 0 20px;

  box-sizing: border-box;

  /* border: 2px solid #66391f; */

  z-index: 1;

}



.offer_content ul li.active {

  display: block;

  position: relative;

}



.offer_content ul li .tel_btn,

.offer_content ul li .anchor_btn {

    display: block;

    border-radius: 300px;

    /* background-color: #c7000b; */

    color: #fff;

    /* height: 100px; */

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 33px;

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 400;

    font-style: normal;

    font-weight: 700;

    width: 90%;

    margin: 50px auto 0;

    /* position: absolute; */

    /* left: 5%; */

    /* bottom: 50px; */



}



.offer_content ul li .anchor_btn {

  margin-bottom: 20px;

}



.offer_content ul li .tel_text {

  display: block;

  width: 86%;

  margin: 0 auto 0;

}



.offer_content ul li .type_text {

  display: block;

  width: 88%;

  margin: 0 auto 5px;

}



.offer_content ul li.course4 .type_text {

  width: 88.5%;

}



.offer_content ul li button {

  border: none;

  background-color: transparent;

}



.offer_content ul li .type_btn_flex {

  width: 88%;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: start;

}



.offer_content ul li .type_btn_flex button {

  display: block;

  width: calc((100% - 3.3%) / 2);

}



.offer_content ul li>.type_btn {

  display: block;

  width: 88%;

  margin: 10px auto 0;

}



.grain .offer_content {

  box-sizing: border-box;

  /*border-radius: 8px 8px 0 0;*/

  background-color: #fff;

}



.stick .offer_content {

  box-sizing: border-box;

  border-radius: 8px 8px 0 0;

  background-color: #fff;

}



.offer_content .offer_campaign {

  margin: 10px;

  padding: 10px;

  border: 1px solid #000;

  text-align: center;

}



.offer_content .offer_campaign .offer_campaign_first {

  position: relative;

  display: inline-block;

  color: #fff;

  width: 80%;

  font-size: 28px;

  font-weight: 600;

  line-height: 30px;

  padding: 8px 30px 10px;

  background-color: #cc0000;

  margin: 0 auto 10px;

  text-align: center;

  overflow: hidden;

}



.offer_content .offer_campaign .offer_campaign_first:before,

.offer_content .offer_campaign .offer_campaign_first:after {

  content: "";

  display: inline-block;

  border-style: solid;

  position: absolute;

  top: 0;

}



.offer_content .offer_campaign .offer_campaign_first:before {

  border-width: 24px 0 24px 24px;

  border-color: transparent transparent transparent #fff;

  left: 0;

}



.offer_content .offer_campaign .offer_campaign_first:after {

  border-width: 24px 24px 24px 0;

  border-color: transparent #fff transparent transparent;

  right: 0;

}



.offer_content .offer_campaign .offer_campaign_second {

  display: inline-block;

  font-size: 1.6rem;

  line-height: 2rem;

  color: #cc0000;

  text-align: center;

  position: relative;

  margin: 0 auto 12px;

}



.offer_content .offer_campaign .offer_campaign_second:before {

  content: "";

  width: 100%;

  height: 10px;

  background-color: #f8f744;

  position: absolute;

  bottom: -5px;

  left: 0;

  z-index: -1;

}



.offer_content .offer_campaign .offer_campaign_att {

  font-size: 1.2rem;

  line-height: 1.6rem;

  text-align: center;

}



.offer_content .offer_campaign .offer_campaign_att .under_line {

  text-decoration: underline;

}



.offer_payment_wrap {

  /* margin-bottom: 20px; */

  background-color: #fff;

  border-radius: 0 0 8px 8px;

}



.offer_payment {

  padding: 0 5px 10px;

  margin: 0 10px;

  border: 1px solid #999;

  border-radius: 5px;

  position: relative;

  text-align: center;

}



.offer_payment .offer_payment_h1 {

  display: inline-block;

  padding: 4px;

  font-size: 1.7rem;

  font-weight: 600;

  line-height: 2rem;

  text-align: center;

  background-color: #fff;

  position: relative;

  top: -14px;

}



.offer_payment .offer_payment_list {

  display: flex;

  flex-flow: row wrap;

}



.offer_payment .offer_payment_list p {

  width: 50%;

}



.offer_normal {

  padding: 20px 3px 40px;

  text-align: center;

}



/*.my-anime-01 {

  animation: my-anime 1s infinite alternate;

  transform-origin: bottom right;

}



@keyframes my-anime {

  0% {

    transform: rotate(3deg);

  }

  13% {

    transform: rotate(-3deg);

  }

  25% {

    transform: rotate(3deg);

  }

  33% {

    transform: rotate(-3deg);

  }

  34% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(0deg);

  }

}

.animated_pulse {

  animation-iteration-count: infinite;

  animation-duration: 1s;

  animation-fill-mode: both;

  -webkit-animation-name: pulse;

  animation-name: pulse;

}



@-webkit-keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}

@keyframes pulse {

  0% {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

  50% {

    -webkit-transform: scale3d(1.05, 1.05, 1.05);

    transform: scale3d(1.05, 1.05, 1.05);

  }

  to {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

  }

}*/

#lp-info {

  width: 650px;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

  font-style: normal;

  margin: 30px auto 40px;

  border-radius: 15px;

  padding: 20px;

  background: #ddd;

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

  text-align: left;

  border-radius: 10px;

  font-size: 21px;

  line-height: 1.8;

  box-sizing: border-box;

  /* border: 1px solid #000; */

}







/*

// 追記　240911

*/

/* header  header.css */

#one_maincolumn div#header {

  width: 100% !important;

  height: 195px !important;

}



/* form  lp.css */

/* footer  footer.css */

#lp_footer .footer_inner {

  width: 100% !important;

}



body #one_maincolumn div#header,

#lp

{

  width: 750px !important;

  margin: 0 auto;

  box-sizing: border-box;

}



#lp_footer,

#footer,div#lpshoppingcolumn{

	width: 920px!important;

}







body #lpshoppingcolumn textarea {

  padding-right: 0;

}



/*body #lpshoppingcolumn .lp_submit_area li {

  width: 380px;

}*/



#pagetop {

  display: none;

}



#footer {

  display: none;

}



#lpshoppingcolumn .use_payarea table {

    

    line-height: 1.7!important;

}



/*

// 追記　241031

*/

.content08 {

    background-color: #faf7f2;

    padding: 35px;

}

.content08 .special-price {

    padding: 0px 100px;

    margin: 50px 0;

}

.topifiber-about-text .red {

    color: #c7000b;

}

.topifiber-about .graph-bar {

    background-color: #fff;

    border-radius: 0 0 30px 30px;

    padding-bottom: 35px;

}

.topifiber-about .comments-topifiber {

    font-family: "Noto Sans JP", sans-serif;

    font-size: 17px;

    font-weight: 600;

    color: #000;

    padding: 20px 0 0;

}

.doctor-message {

    background-color: #eef0ee;

}

label .voice-icon {

    width: auto;

    height: 50px;

}

.detail-text .bold-text {

  color: #a8853e;

  font-weight: 900;

}

.reason-title-img {

  position: absolute;

  top: -30px;

  left: -21px;

}

.store-info {

  background: url(https://emisia.co.jp/user_data/202410/kikuimo/pc/images/bg_shop.webp) no-repeat scroll center 0 / cover;

  margin: 50px auto;

  width: 650px;

}

.store-info .store-info-inner {

  padding: 45px 30px;

}

.store-info .store-title {

  text-align: center;

  color: #86664d;

  font-family: "Noto Sans JP", sans-serif;

  font-size: 30px;

  font-weight: 800;

}

.store-info .store-title:after {

  content: "";

  display: block;

  background-color: #86664d;

  height: 2px;

  width: 50px;

  margin: 20px auto 30px;

}

.store-info .store-text {

  color: #86664d;

  font-family: "Noto Sans JP", sans-serif;

  font-size: 24px;

  line-height: 40px;

  font-weight: 600;

  margin-bottom: 40px;

}

.store-info .access {

  color: #86664d;

  font-family: "Noto Sans JP", sans-serif;

  font-size: 22px;

  font-weight: 600;

  line-height: 33px;

  display: flex;

  gap: 20px;

  margin: 25px 0 0;

}







/*add*/



.topifiber-mv{

	position: relative;

}





.topifiber-mv .mv-icon{

	position: absolute;

	top:68px;

	right: 0px;

}







/* アニメーション用のスタイル */

  @keyframes slideIn {

    from {

      transform: translateX(100%); /* 左端の外側から */

      opacity: 0; /* 初めは透明 */

    }

    to {

      transform: translateX(0); /* 元の位置にスライドイン */

      opacity: 1; /* 完全に表示 */

    }

  }



.topifiber-mv .mv-ttl{

	position: absolute;

	top:80px;

	right: 0px;

	 overflow: hidden; /* 画像が一時的に飛び出すのを隠す */

}







  /* 画像のスタイル */

.topifiber-mv .mv-ttl img {

    width: 650px; 

    height: auto;

    animation: slideIn 1.5s ease-out forwards; 

  }