@charset "UTF-8";
html body {
  font-family: "Shippori Mincho B1", sans-serif;
}
html body #wrapper {
  /*----------------------------------------------------
      HEADER STYLE
  ----------------------------------------------------*/
}
html body #wrapper > header {
  position: relative;
  width: 100vw;
  height: 100vh;
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: url(../img/pc_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
html body #wrapper > header .header_item {
  position: absolute;
}
html body #wrapper > header .first_logo, html body #wrapper > header .cp_ttl {
  top: 50%;
  left: 17%;
  transform: translate(-50%, -50%);
}
html body #wrapper > header .first_logo {
  width: 364px;
}
html body #wrapper > header .cp_ttl {
  width: 340px;
}
html body #wrapper > header .copy {
  font-family: "Montserrat", sans-serif;
  right: 2.5%;
  bottom: 1%;
  font-size: 0.8rem;
  color: #fff;
  letter-spacing: 1px;
}
html body #wrapper > header .header_item_area {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
html body #wrapper > header {
  /* app_btn */
}
html body #wrapper > header .app_btn {
  position: static;
  transform: none;
  margin-bottom: 20px;
  text-align: center;
  width: 320px;
}
html body #wrapper > header {
  /* app_conductor */
}
html body #wrapper > header .app_conductor {
  position: static;
  transform: none;
  text-align: center;
  width: 290px;
  background-color: #ffffff;
  padding: 30px 15px;
  border-radius: 20px;
}
html body #wrapper > header .app_conductor .app_ttl {
  font-weight: bold;
  margin-bottom: 20px;
}
html body #wrapper > header .app_conductor .app_btn {
  margin-bottom: 20px;
}
html body #wrapper > header .app_conductor .app_qr {
  max-width: 140px;
  margin: 0 auto;
  border: 1px solid #004BAD;
  padding: 0.5rem;
}
html body #wrapper > header .app_conductor .t_main {
  color: black;
}
@media only screen and (max-width: 767px) {
  html body #wrapper > header {
    display: none;
  }
}
html body #wrapper {
  /*----------------------------------------------------
      MAIN STYLE
  ----------------------------------------------------*/
}
html body #wrapper > main#contentsAll h1 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 3rem;
}
html body #wrapper > main#contentsAll h2 {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 3rem;
  padding: 3rem 1.5rem;
}
html body #wrapper > main#contentsAll {
  /*----------------------------------------------------
      BUTTON STYLE
  ----------------------------------------------------*/
}
html body #wrapper > main#contentsAll .btn_wrap {
  padding: 1rem 4rem 0;
}
html body #wrapper > main#contentsAll .footer_btn {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #004BAD;
  text-align: center;
  border-radius: 60px;
  margin: 1rem 0;
  padding: 1rem 0.5rem;
}
html body #wrapper > main#contentsAll .footer_btn a {
  color: white;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
html body #wrapper > main#contentsAll .footer_btn a::after {
  content: "";
  position: absolute;
  background: url(../img/footer_btn.png) no-repeat center/contain;
  width: 1.2rem;
  height: 1.2rem;
  right: 0.5rem;
}
html body #wrapper > main#contentsAll button {
  cursor: pointer;
}
html body #wrapper > main#contentsAll {
  /*----------------------------------------------------
      CATCH STYLE
  ----------------------------------------------------*/
  /*----------------------------------------------------
      HR STYLE
  ----------------------------------------------------*/
}
html body #wrapper > main#contentsAll hr {
  border: 2px solid #85C2FF;
  margin: 1.5rem 10rem;
}
html body #wrapper > main#contentsAll .dot {
  border: none;
  border-top: 2px dotted #D9D9D9;
  margin: 1rem 1rem 0;
}
html body #wrapper > main#contentsAll .hr_gray {
  border: 1px solid #D9D9D9;
  margin: 2.5rem 0;
}
html body #wrapper > main#contentsAll .hr_black {
  border: 1px solid black;
  margin: 1rem 0;
}
html body #wrapper > main#contentsAll {
  /*----------------------------------------
      MV
  ----------------------------------------*/
}
html body #wrapper > main#contentsAll .mv {
  background-image: url(../img/mv_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
html body #wrapper > main#contentsAll .mv .mv_head {
  display: flex;
  justify-content: space-between;
  position: relative;
}
html body #wrapper > main#contentsAll .mv .mv_head .mv_logo {
  width: 40%;
  padding: 1rem 1rem 0;
}
html body #wrapper > main#contentsAll .mv .mv_head .menu {
  position: fixed;
  top: 0;
  right: -30%;
  width: 30%;
  height: 100vh;
  background: #fff;
  z-index: 500;
  transition: 0.3s;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* iPhoneで滑らかに */
}
@media screen and (max-width: 767px) {
  html body #wrapper > main#contentsAll .mv .mv_head .menu {
    right: -70%;
    width: 70%;
  }
}
html body #wrapper > main#contentsAll .mv .mv_head .menu ul {
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  html body #wrapper > main#contentsAll .mv .mv_head .menu ul {
    padding: 4rem 1rem 0;
  }
}
html body #wrapper > main#contentsAll .mv .mv_head .menu ul li {
  padding: 1rem 0.5rem;
  border-radius: 5px;
  margin: 0.5rem 0;
}
html body #wrapper > main#contentsAll .mv .mv_head .menu ul li span {
  color: #004BAD;
}
html body #wrapper > main#contentsAll .mv .mv_head .menu ul li a {
  color: #000;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
}
html body #wrapper > main#contentsAll .mv .mv_head .menu.active {
  right: 0;
  background-color: #004BAD;
}
html body #wrapper > main#contentsAll .mv .mv_head .hamburger {
  position: fixed;
  top: 16px;
  right: calc((100vw - 428px) / 2 + 16px);
  width: 30px;
  height: 24px;
  z-index: 600;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  html body #wrapper > main#contentsAll .mv .mv_head .hamburger {
    right: 1.5rem;
  }
}
html body #wrapper > main#contentsAll .mv .mv_head .hamburger span {
  display: block;
  height: 2px;
  background: #000;
  margin: 6px 0;
  transition: 0.3s;
}
html body #wrapper > main#contentsAll .mv .mv_head .hamburger.active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
@media screen and (max-width: 767px) {
  html body #wrapper > main#contentsAll .mv .mv_head .hamburger.active span:nth-child(1) {
    background: white;
  }
}
html body #wrapper > main#contentsAll .mv .mv_head .hamburger.active span:nth-child(2) {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  html body #wrapper > main#contentsAll .mv .mv_head .hamburger.active span:nth-child(2) {
    background: white;
  }
}
html body #wrapper > main#contentsAll .mv .mv_head .hamburger.active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}
@media screen and (max-width: 767px) {
  html body #wrapper > main#contentsAll .mv .mv_head .hamburger.active span:nth-child(3) {
    background: white;
  }
}
html body #wrapper > main#contentsAll .mv .mv_ttl {
  writing-mode: vertical-rl;
  font-size: 1.8rem;
  margin: 0 auto;
  padding: 4rem 0 3rem;
  letter-spacing: 0.3rem;
  line-height: 3rem;
}
html body #wrapper > main#contentsAll .mv .mv_ttl p {
  border: none;
}
html body #wrapper > main#contentsAll .mv .mv_ttl p span {
  display: inline-block;
  border-right: 2px solid #004BAD;
}
html body #wrapper > main#contentsAll .mv .mv_img {
  padding-right: 2rem;
}
html body #wrapper > main#contentsAll .mv .btn {
  padding: 1rem 1.5rem;
}
html body #wrapper > main#contentsAll {
  /*----------------------------------------------------
    CONTENTS STYLE
  ----------------------------------------------------*/
  /* section */
}
html body #wrapper > main#contentsAll .section {
  padding: 3rem 0;
}
html body #wrapper > main#contentsAll .section.s1 .s1_card_list {
  padding: 0 1.5rem;
}
html body #wrapper > main#contentsAll .section.s1 .s1_card_list .s1_card {
  margin-bottom: 1rem;
  padding: 1rem 0;
  text-align: center;
  line-height: 2rem;
  border: 1px solid #004BAD;
}
html body #wrapper > main#contentsAll .section.s1 .s1_card_list .s1_card .s1_card_ttl {
  font-size: 1.4rem;
}
html body #wrapper > main#contentsAll .section.s1 .s1_card_list .s1_card .s1_card_txt {
  font-size: 1.1rem;
}
html body #wrapper > main#contentsAll .section.s1 .s1_foot {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 3rem;
}
html body #wrapper > main#contentsAll .section.s1 .s1_foot span {
  -webkit-text-decoration: underline 1px solid #004BAD;
          text-decoration: underline 1px solid #004BAD;
  text-underline-offset: 8px;
}
html body #wrapper > main#contentsAll .section.s1 .s1_foot img {
  padding: 1.5rem 2rem;
}
html body #wrapper > main#contentsAll .section.s2 .s2_card {
  background-image: url(../img/s2_card_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 90% 100%;
  padding: 1rem 2rem 2rem;
}
html body #wrapper > main#contentsAll .section.s2 .s2_card .s2_card_content {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  gap: 0.5rem;
}
html body #wrapper > main#contentsAll .section.s2 .s2_card .s2_card_content .checkmark {
  width: 1.3rem;
  flex-shrink: 0;
}
html body #wrapper > main#contentsAll .section.s2 .s2_card .s2_card_content .s2_card_txt {
  padding-top: 1rem;
}
html body #wrapper > main#contentsAll .section.s3 .s3_img {
  padding: 0 1rem 2rem;
}
html body #wrapper > main#contentsAll .section.s3 .s3_card_list {
  padding: 1rem;
}
html body #wrapper > main#contentsAll .section.s3 .s3_card_list .s3_card {
  border: 1px solid #D9D9D9;
  margin-bottom: 2rem;
}
html body #wrapper > main#contentsAll .section.s3 .s3_card_list .s3_card .card_ttl {
  font-size: 1.8rem;
  padding: 1.5rem;
  text-align: center;
}
html body #wrapper > main#contentsAll .section.s3 .s3_card_list .s3_card .card_txt {
  display: grid;
  grid-template-columns: 30% 1fr; /* ←左固定、右可変 */
  border-top: 1px solid #D9D9D9;
}
html body #wrapper > main#contentsAll .section.s3 .s3_card_list .s3_card .card_txt .image {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  padding: 0.5rem;
  border-right: 1px solid #D9D9D9;
}
html body #wrapper > main#contentsAll .section.s3 .s3_card_list .s3_card .card_txt .how {
  font-size: 1.2rem;
  padding: 1rem;
}
html body #wrapper > main#contentsAll .section.s3 .s3_foot {
  text-align: center;
  padding-bottom: 2rem;
}
html body #wrapper > main#contentsAll .section.s3 .point {
  background-image: url(../img/s3_foot.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  text-align: center;
  margin-bottom: 3rem;
}
html body #wrapper > main#contentsAll .section.s3 .point .point_ttl {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.6rem;
  padding-top: 5rem;
}
html body #wrapper > main#contentsAll .section.s3 .point .point_txt {
  font-size: 0.9rem;
  font-weight: 300;
  padding: 2rem;
}
html body #wrapper > main#contentsAll .section.s4 {
  background-image: url(../img/bg_img2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
html body #wrapper > main#contentsAll .section.s4 .reason_list {
  padding: 0 1rem;
}
html body #wrapper > main#contentsAll .section.s4 .reason_list .reason {
  margin-bottom: 1.5rem;
}
html body #wrapper > main#contentsAll .section.s4 .reason_list .reason.r1 {
  background-image: url(../img/reason1_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
html body #wrapper > main#contentsAll .section.s4 .reason_list .reason.r2 {
  background-image: url(../img/reason2_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
html body #wrapper > main#contentsAll .section.s4 .reason_list .reason.r3 {
  background-image: url(../img/reason3_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
html body #wrapper > main#contentsAll .section.s4 .reason_list .reason_img {
  width: 35%;
  margin: 0 auto;
  padding-top: 4rem;
}
html body #wrapper > main#contentsAll .section.s4 .reason_list .reason_ttl {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 1rem 0;
}
html body #wrapper > main#contentsAll .section.s4 .reason_list .reason_txt {
  font-size: 0.9rem;
  padding: 1rem 2rem 3rem;
}
html body #wrapper > main#contentsAll .section.s5 .num {
  padding-top: 4rem;
  background-position: top left;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
html body #wrapper > main#contentsAll .section.s5 .num.n1 {
  background-image: url(../img/01.png);
}
html body #wrapper > main#contentsAll .section.s5 .num.n2 {
  background-image: url(../img/02.png);
}
html body #wrapper > main#contentsAll .section.s5 .num.n3 {
  background-image: url(../img/03.png);
}
html body #wrapper > main#contentsAll .section.s5 .num.left {
  margin-right: 1rem;
}
html body #wrapper > main#contentsAll .section.s5 .num.right {
  margin-left: 1rem;
}
html body #wrapper > main#contentsAll .section.s5 .num .num_ttl {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  margin: 1rem 0 0 2rem;
  padding: 0.5rem;
  border: 1px solid black;
}
html body #wrapper > main#contentsAll .section.s5 .num .num_txt {
  font-size: 0.9rem;
  padding: 1rem 2rem;
}
html body #wrapper > main#contentsAll .section.s6 {
  background-image: url(../img/bg_img3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
html body #wrapper > main#contentsAll .section.s6 .s6_card_list {
  padding: 0 1.5rem;
}
html body #wrapper > main#contentsAll .section.s6 .s6_card_list .s6_card {
  border-radius: 10px;
  padding: 2rem 1.5rem;
  margin-bottom: 2rem;
}
html body #wrapper > main#contentsAll .section.s6 .s6_card_list .s6_card .s6_card_ttl {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  padding-bottom: 2rem;
}
html body #wrapper > main#contentsAll .section.s6 .s6_card_list .s6_card .catch {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 2rem 0;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content {
  padding: 0 1rem;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .s7_ttl {
  text-align: center;
  font-size: 1.3rem;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .how {
  font-size: 1.3rem;
  font-weight: 600;
  padding: 1.5rem 0;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .txt {
  font-size: 0.9rem;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .slides {
  display: flex;
  transition: transform 0.3s ease;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .slide {
  min-width: 100%;
  box-sizing: border-box;
  text-align: center;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .slide .slide_img {
  margin: 0;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .dots {
  display: flex;
  justify-content: center;
  gap: 2px;
  margin: 5px 0;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .dot {
  width: 10px;
  height: 10px;
  background: #ccc;
  border-radius: 50%;
  margin: 0.5rem;
  cursor: pointer;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .dot.active {
  background: #6DBE9A;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .arrow.prev {
  left: 0;
  background: url("../img/arrow_left.png") no-repeat center/contain;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .arrow.next {
  right: 0;
  background: url("../img/arrow_right.png") no-repeat center/contain;
}
html body #wrapper > main#contentsAll .section.s7 .s7_content .slider .arrow.hide {
  display: none;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box {
  border: 1px solid black;
  margin: 1rem 1rem 2rem;
  padding: 2rem 1rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .box_ttl {
  font-size: 1.5rem;
  text-align: center;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .box_ttl p {
  padding-top: 1rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .box_ttl .underline {
  font-weight: 500;
  -webkit-text-decoration: underline 1px solid black;
          text-decoration: underline 1px solid black;
  text-underline-offset: 12px;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .box_ttl .small {
  font-size: 1rem;
  padding-top: 0.5rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .box_ttl .sub_ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .box_ttl .sub_ttl p {
  font-size: 1rem;
  padding-top: 0;
  margin-bottom: 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_txt {
  padding: 3rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .s8_card {
  border: 2px solid #D9D9D9;
  margin-top: 2rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .s8_card .s8_card_ttl {
  font-size: 1.5rem;
  text-align: center;
  padding: 1rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .s8_card .hr_gray {
  margin: 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .s8_card .s8_card_txt {
  font-size: 0.9rem;
  padding: 1rem 0.5rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .s8_card .merit {
  text-align: center;
  border-radius: 8rem;
  border: 1px solid #d9d9d9;
  margin: 0 0.5rem;
  padding: 0.5rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .s8_card .merit_content {
  font-size: 0.9rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0.5rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list {
  background-image: url(../img/flow_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 90% auto;
  text-align: center;
  margin-top: 3rem;
  padding: 58% 1rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow {
  border: 1px solid black;
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 1.5rem;
  padding: 0.5rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img {
  border: none;
  padding: 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img .corce_btn {
  width: 100%;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img .corce_btn img {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img .modal .modal_content {
  padding: 0 0.5rem 3rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img .modal .modal_content .modal_flow_ttl {
  padding: 0.5rem 0;
  margin: 0.5rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img .modal .modal_content .modal_img img {
  box-shadow: none;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img .modal .modal_content .small {
  text-align: left;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 1rem 0 2.5rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img .modal .modal_content .attention_list {
  padding: 1rem 1rem 0;
  margin-top: 2rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img .modal .modal_content .attention_list .attention {
  padding-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .flow_list .flow.img .modal .modal_content .attention_list .attention p {
  font-size: 0.9rem;
  font-weight: 600;
  text-align: left;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .corce {
  border-radius: 10px;
  border: 1px solid black;
  margin: 2rem 0;
  padding: 1.5rem 1rem;
  text-align: center;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .corce .corce_ttl {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1rem;
  padding: 1rem 0 0.5rem;
  border: 1px solid #D9D9D9;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .corce .corce_ttl .big {
  font-size: 2rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .corce .corce_ttl .taxinprice {
  font-size: 0.8rem;
  font-weight: 500;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .corce .corce_img {
  padding: 1rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .corce a {
  width: 60%;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .corce_txt {
  padding: 3rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .slides {
  display: flex;
  transition: transform 0.3s ease;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .slide {
  min-width: 100%;
  padding: 0 2rem;
  box-sizing: border-box;
  text-align: center;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .slide .slide_price {
  border: 1px solid #D9D9D9;
  border-radius: 30px;
  margin-bottom: 1rem;
  padding: 0.5rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .slide .slide_price.flower {
  border-radius: 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .slide .slide_img {
  margin: 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .dots {
  display: flex;
  justify-content: center;
  gap: 2px;
  margin: 5px 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .dot {
  width: 10px;
  height: 10px;
  background: #ccc;
  border-radius: 50%;
  margin: 0.5rem;
  cursor: pointer;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .dot.active {
  background: #6DBE9A;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .arrow.prev {
  left: 0;
  background: url("../img/arrow_left.png") no-repeat center/contain;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .arrow.next {
  right: 0;
  background: url("../img/arrow_right.png") no-repeat center/contain;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .slider .arrow.hide {
  display: none;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_list {
  padding-top: 3rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_list .plan {
  text-align: center;
  padding: 1.5rem;
  border-radius: 10px;
  margin-bottom: 2rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_list .plan.purple {
  border: 3px solid #B6ADD2;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_list .plan.blue {
  border: 3px solid #8BAEC9;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_list .plan.red {
  border: 3px solid #E7A99A;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_list .plan.green {
  border: 3px solid #A1B7A3;
  margin-bottom: 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_list .plan .plan_img {
  width: 35%;
  margin: 0 auto;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_list .plan .plan_ttl {
  font-size: 1.8rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .plan_list .plan .price {
  font-size: 1.3rem;
  padding-bottom: 1.5rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .need_list {
  padding-top: 2rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .need_list .need_content {
  width: 100%;
  display: flex;
  justify-content: left;
  margin-top: 1.5rem;
  gap: 1rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .need_list .need_content .need {
  width: 50%;
  display: flex;
  align-items: center;
  border: 1px solid black;
  gap: 0.5rem;
  padding: 0.7rem 0.5rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .need_list .need_content .need img {
  width: 0.7rem;
  height: 0.7rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .need_content2 {
  padding: 1rem 0 3rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .need_content2 .need2 {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid black;
  gap: 0.5rem;
  padding: 0.7rem 0.5rem;
  margin-top: 1.5rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .need_content2 .need2 img {
  width: 0.7rem;
  height: 0.7rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .deco_txt {
  display: flex;
  font-size: 0.9rem;
  margin-top: 1rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 1000;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal.active {
  display: block;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .corce_txt {
  font-size: 0.9rem;
  font-weight: 500;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_inner {
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 310px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_inner {
    top: 46%;
    max-width: 428px;
  }
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_content {
  width: 100%;
  max-height: 500px;
  overflow-y: auto;
  padding: 0 0.5rem;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
  html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_content {
    max-width: 428px;
    max-height: 750px;
  }
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_content .modal_page {
  border: 1px solid #D9D9D9;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_content .modal_page .corce_ttl {
  border-bottom: 1px solid #d9d9d9;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_content .modal_page .modal_ttl {
  border: 1px solid #D9D9D9;
  border-radius: 30px;
  margin: 1rem 0.5rem;
  padding: 0.5rem 0;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_content .modal_page .modal_img {
  margin: 0 0.5rem;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_content .modal_page .modal_img_list {
  display: flex;
  justify-content: center;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .modal .modal_close {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 20;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #4C4948;
  display: flex;
  align-items: center;
  justify-content: center;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box body.modal_open {
  overflow: hidden;
}
html body #wrapper > main#contentsAll .section.s8 .s8_box .corce_btn {
  background: none;
}
html body #wrapper > main#contentsAll .section.s9 .step_list {
  padding: 0 1rem;
}
html body #wrapper > main#contentsAll .section.s9 .step_list .step {
  display: flex;
  border: 1px solid #D9D9D9;
}
html body #wrapper > main#contentsAll .section.s9 .step_list .step .step_content {
  padding: 1rem;
}
html body #wrapper > main#contentsAll .section.s9 .step_list .step .step_content .step_ttl {
  font-size: 1.2rem;
  font-weight: 700;
}
html body #wrapper > main#contentsAll .section.s9 .step_list .step .step_content .step_txt {
  font-size: 0.9rem;
}
html body #wrapper > main#contentsAll .section.s9 .step_list .downarrow {
  width: 25%;
  margin: 0 auto;
}
html body #wrapper > main#contentsAll .section.s9 .step_list .downarrow img {
  display: block;
}
html body #wrapper > main#contentsAll .section.s10 {
  background-image: url(../img/bg_img4.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
html body #wrapper > main#contentsAll .section.s10 .s10_card_list {
  padding: 0 1rem;
}
html body #wrapper > main#contentsAll .section.s10 .s10_card_list .s10_card {
  border: 1px solid #D9D9D9;
  padding: 1rem 0.5rem;
  margin: 1rem 0;
}
html body #wrapper > main#contentsAll .section.s10 .s10_card_list .s10_card .question {
  display: flex;
  align-items: center;
  gap: 1rem;
}
html body #wrapper > main#contentsAll .section.s10 .s10_card_list .s10_card .question .questionmark {
  width: 10%;
}
html body #wrapper > main#contentsAll .section.s10 .s10_card_list .s10_card .question .question_txt {
  font-size: 1.1rem;
  font-weight: 600;
}
html body #wrapper > main#contentsAll .section.s10 .s10_card_list .s10_card .answer {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
html body #wrapper > main#contentsAll .section.s10 .s10_card_list .s10_card .answer .answermark {
  width: 2.5rem;
  flex-shrink: 0;
}
html body #wrapper > main#contentsAll .section.s10 .s10_card_list .s10_card .answer .answer_txt {
  font-size: 0.9rem;
}
html body #wrapper > main#contentsAll .section.s11 .s11_content {
  padding: 1rem;
}
html body #wrapper > main#contentsAll .section.s11 .s11_content .adress {
  padding-top: 2rem;
  font-size: 1.3rem;
  font-weight: 600;
}
html body #wrapper > main#contentsAll .section.s11 .s11_content .googlemap {
  font-size: 1.3rem;
  font-weight: 600;
}
html body #wrapper > main#contentsAll .section.s11 .s11_content .access {
  padding: 1rem 0;
  font-weight: 600;
}
html body #wrapper > main#contentsAll .section.s11 .s11_content .qr_map p {
  padding: 1rem 0;
}
html body #wrapper > main#contentsAll .section.s11 .s11_content .qr_map img {
  display: block;
  margin: 0 auto;
}
html body #wrapper > main#contentsAll .section.s11 .s11_content .btn {
  padding-top: 2rem;
}
html body #wrapper > main#contentsAll {
  /*----------------------------------------------------
    FOOTER STYLE
  ----------------------------------------------------*/
}
html body #wrapper > main#contentsAll footer .logo {
  padding: 3rem 8rem 0;
}
html body #wrapper > main#contentsAll footer .copyright {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8rem;
  color: #004BAD;
  text-align: center;
  padding: 1rem 6rem 10rem;
}
html body #wrapper > main#contentsAll .btn.fixed {
  padding: 1rem 2rem;
}
html body #wrapper > main#contentsAll .btn.fixed.fixed {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  max-width: 428px;
  position: fixed;
  bottom: 0;
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  padding-top: 1rem;
  z-index: 1000;
}
html body #wrapper > main#contentsAll .btn.fixed.fixed.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}/*# sourceMappingURL=style.css.map */