/*! --------------------------------------------------------------
　　このCSSファイルは .scssファイルからコンパイルされたものです。
　　修正する際はscssファイルを編集するように注意してください。
--------------------------------------------------------------- */
.clearfix:after {
  content: "";
  display: block;
  clear: both
}

li {
  list-style: none
}

img {
  max-width: 100%;
  height: auto
}

a {
  color: inherit;
  text-decoration: none
}

.min {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0
}

td input {
  max-width: 100%
}

i,
em {
  font-style: normal
}

.inner {
  width: 100%;
  position: relative
}

@media(min-width: 1200px) {
  .inner {
    max-width: 1120px;
    padding: 0 20px;
    margin: 0 auto
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  .inner {
    padding: 0 5vw
  }
}

@media(max-width: 767px) {
  .inner {
    padding: 0 5%
  }
}

.pc-only {
  display: inherit
}

@media(min-width: 768px)and (max-width: 1199px) {
  .pc-only {
    display: none
  }
}

@media(max-width: 767px) {
  .pc-only {
    display: none
  }
}

.tab-only {
  display: none
}

@media(min-width: 768px)and (max-width: 1199px) {
  .tab-only {
    display: inherit
  }
}

@media(max-width: 767px) {
  .tab-only {
    display: none
  }
}

.sp-only {
  display: none
}

@media(min-width: 768px)and (max-width: 1199px) {
  .sp-only {
    display: none
  }
}

@media(max-width: 767px) {
  .sp-only {
    display: inherit
  }
}

.pctab-only {
  display: inherit
}

@media(min-width: 768px)and (max-width: 1199px) {
  .pctab-only {
    display: inherit
  }
}

@media(max-width: 767px) {
  .pctab-only {
    display: none
  }
}

.tabsp-only {
  display: none
}

@media(min-width: 768px)and (max-width: 1199px) {
  .tabsp-only {
    display: inherit
  }
}

@media(max-width: 767px) {
  .tabsp-only {
    display: inherit
  }
}

a.tellink {
  pointer-events: none
}

@media(max-width: 767px) {
  a.tellink {
    pointer-events: inherit
  }
}

@media(max-width: 767px) {
  :root {
    font-size: 4.26666vw !important
  }
}

html,
body {
  font-size: 1rem;
  line-height: 2;
  color: #000;
  font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif
}

html {
  overflow: auto
}

body {
  overflow: hidden
}

.ibm {
  font-family: "IBM Plex Sans JP", sans-serif
}

.popp {
  font-family: "Poppins", sans-serif
}

header {
  width: 100%;
  height: 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: -120px;
  position: fixed;
  z-index: 3
}

@media(min-width: 768px)and (max-width: 1199px) {
  header {
    height: 60px;
    justify-content: flex-start;
    margin-bottom: -60px
  }
}

@media(max-width: 767px) {
  header {
    height: 16vw;
    justify-content: flex-start;
    margin-bottom: -16vw
  }
}

body.page header {
  margin-bottom: 0
}

header .head_logo {
  width: 22vw;
  background-color: #fff;
  border-radius: 0 0 40px 0;
  z-index: 12
}

@media(min-width: 768px)and (max-width: 1199px) {
  header .head_logo {
    width: 30vw
  }
}

@media(max-width: 767px) {
  header .head_logo {
    width: 66vw;
    height: 20vw
  }
}

header .head_logo a {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset
}

header .head_logo a:hover {
  opacity: .8
}

header .head_logo img {
  width: 18vw
}

@media(min-width: 768px)and (max-width: 1199px) {
  header .head_logo img {
    width: 25vw
  }
}

@media(max-width: 767px) {
  header .head_logo img {
    width: 56.5333333333vw
  }
}

header .gnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

@media(min-width: 1200px) {
  header .gnav {
    height: 68px;
    gap: 0 2vw
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  header .gnav {
    display: none;
    width: 100%;
    background-color: #8414db;
    padding-top: 60px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 11
  }
}

@media(max-width: 767px) {
  header .gnav {
    display: none;
    width: 100%;
    background-color: #8414db;
    padding-top: 26vw;
    position: absolute;
    top: 0vw;
    left: 0;
    z-index: 11
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  header .gnav.open {
    display: block
  }
}

@media(max-width: 767px) {
  header .gnav.open {
    display: block
  }
}

header .gnav .ul_one {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

@media(min-width: 1200px) {
  header .gnav .ul_one {
    gap: 0 1vw
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  header .gnav .ul_one {
    display: block;
    width: 100%;
    border-top: 1px solid #fff
  }
}

@media(max-width: 767px) {
  header .gnav .ul_one {
    display: block;
    width: 100%;
    border-top: 1px solid #fff
  }
}

header .gnav .ul_one>li>a {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  position: relative
}

@media(min-width: 768px)and (max-width: 1199px) {
  header .gnav .ul_one>li>a {
    justify-content: flex-start;
    padding: 1.2rem 6vw;
    border-bottom: 1px solid #fff
  }
}

@media(max-width: 767px) {
  header .gnav .ul_one>li>a {
    height: 8vh;
    justify-content: flex-start;
    padding: .5rem 8vw;
    border-bottom: 1px solid #fff
  }
}

header .gnav .ul_one>li>a:hover {
  transition: .3s ease
}

@media(min-width: 768px)and (max-width: 1199px) {
  .ul_one li:not(.li_parent) a::after {
    content: "";
    font-size: 0.5rem;
    color: #fff;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    right: 6vw;
    transform: translateY(-50%)
  }
}

@media(max-width: 767px) {
  .ul_one li:not(.li_parent) a::after {
    content: "";
    font-size: 0.5rem;
    color: #fff;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    right: 8vw;
    transform: translateY(-50%)
  }
}

header .gnav .ul_one>li>a p {
  font-size: 1rem;
  color: #8414db;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .08em;
  text-align: center;
  position: relative;
  background-color: #fff;
  padding: 4px 20px 4px 20px;
  border-radius: 5rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  header .gnav .ul_one>li>a p {
    color: #fff;
    text-align: left
  }
}

@media(max-width: 767px) {
  header .gnav .ul_one>li>a p {
    /*color:#fff;*/
    text-align: left
  }
}

@media(min-width: 1200px) {
  header .gnav .right {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
  }
}

@media(min-width: 1200px) {
  header .gnav .right .btnwrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  header .gnav .right .btnwrap {
    margin-bottom: 1.2rem
  }
}

@media(max-width: 767px) {
  header .gnav .right .btnwrap {
    margin-bottom: 1.2rem
  }
}

@media(min-width: 768px)and (max-width: 1199px) {
  header .gnav .right .btnwrap .btn_head:not(:last-child) {
    margin-bottom: 1rem
  }
}

@media(max-width: 767px) {
  header .gnav .right .btnwrap .btn_head:not(:last-child) {
    margin-bottom: 1rem
  }
}

header .right_add {
  height: 100%
}

.btn_tel {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .btn_tel {
    margin-inline: auto
  }
}

@media(max-width: 767px) {
  .btn_tel {
    margin-inline: auto
  }
}

.btn_tel a {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.btn_tel a i {
  font-size: 1.75rem;
  margin-right: .2em;
  position: relative;
  top: .1em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .btn_tel a i {
    font-size: 3.125rem
  }
}

@media(max-width: 767px) {
  .btn_tel a i {
    font-size: 3.125rem
  }
}

.btn_tel a p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3
}

@media(min-width: 768px)and (max-width: 1199px) {
  .btn_tel a p {
    font-size: 2.25rem
  }
}

@media(max-width: 767px) {
  .btn_tel a p {
    font-size: 2.25rem
  }
}

.btn_tel a p span {
  display: block;
  font-size: 0.875rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .btn_tel a p span {
    font-size: 1.25rem
  }
}

@media(max-width: 767px) {
  .btn_tel a p span {
    font-size: 1.25rem
  }
}

.btn_tel.large a i {
  font-size: 2.75rem
}

@media(max-width: 767px) {
  .btn_tel.large a i {
    font-size: 2.25rem
  }
}

.btn_tel.large a p {
  font-size: 2.625rem
}

@media(max-width: 767px) {
  .btn_tel.large a p {
    font-size: 2.125rem
  }
}

.btn_tel.large a p span {
  font-size: 1.75rem
}

@media(max-width: 767px) {
  .btn_tel.large a p span {
    font-size: 1.5rem
  }
}

.btn_tel.center {
  margin-inline: auto
}

.btn_head {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%
}

.btn_head a {
  width: 164px;
  height: 68px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

@media(min-width: 768px)and (max-width: 1199px) {
  .btn_head a {
    width: 90vw;
    height: 3rem;
    border-radius: 5px
  }
}

@media(max-width: 767px) {
  .btn_head a {
    width: 90vw;
    height: 3rem;
    border-radius: 5px
  }
}

.btn_head a i {
  font-size: 1.125rem;
  margin-right: .25em
}

.btn_head a p {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3
}

.btn_head.bg_lg a {
  background-color: #2abf16;
  color: #fff
}

.btn_head.bg_lg a:hover {
  background-color: #1b960b;
  transition: .3s ease
}

.btn_head.bg_dp a {
  background-color: #8414db;
  color: #fff
}

.btn_head.bg_dp a:hover {
  background-color: #6c0eb5;
  transition: .3s ease
}

.btn_head.bg_ly a {
  background-color: #ffff71;
  color: #8414db
}

.btn_head.bg_ly a:hover {
  background-color: #e2e24e;
  transition: .3s ease
}

.icn_menu {
  width: 16vw;
  height: 16vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 13
}

@media(min-width: 768px)and (max-width: 1199px) {
  .icn_menu {
    width: 60px;
    height: 60px
  }
}

.icn_menu .menu-trigger,
.icn_menu .menu-trigger span {
  display: inline-block;
  transition: all .4s
}

.icn_menu .menu-trigger {
  width: 100%;
  height: 100%;
  padding: 1rem 1rem;
  position: relative
}

.icn_menu .menu-trigger .spanwrap {
  height: 100%;
  position: relative
}

.icn_menu .menu-trigger .spanwrap span {
  position: absolute;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #8414db
}

.icn_menu .menu-trigger .spanwrap span:nth-of-type(1) {
  top: 0
}

.icn_menu .menu-trigger .spanwrap span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%)
}

.icn_menu .menu-trigger .spanwrap span:nth-of-type(3) {
  bottom: 0
}

.icn_menu .menu-trigger.active {
  background-color: #8414db
}

.icn_menu .menu-trigger.active span {
  background-color: #fff
}

.icn_menu .menu-trigger.active span:nth-of-type(1) {
  width: 100%;
  transform: translateY(-50%) rotate(-45deg);
  top: 50%
}

.icn_menu .menu-trigger.active span:nth-of-type(2) {
  opacity: 0
}

.icn_menu .menu-trigger.active span:nth-of-type(3) {
  width: 100%;
  transform: translateY(-50%) rotate(45deg);
  top: 50%
}

.fix_right {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 6;
  opacity: 0
}

@media(max-width: 767px) {
  .fix_right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: unset;
    top: unset;
    bottom: 0;
    right: 0;
    transform: unset
  }
}

@media(max-width: 767px) {
  .fix_right .btn {
    width: 33.33vw
  }
}

.fix_right .btn a {
  width: 67px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  flex-direction: column;
  border-radius: 10px 0 0 10px;
  padding: 1.2rem 0
}

@media(max-width: 767px) {
  .fix_right .btn a {
    width: 100%;
    height: 14vw;
    flex-wrap: wrap;
    flex-direction: row;
    border: none;
    border-radius: 0;
    padding: .5rem 0
  }
}

.fix_right .btn a i {
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: .3em
}

@media(max-width: 767px) {
  .fix_right .btn a i {
    font-size: 1rem;
    margin: 0 .3em 0 0
  }
}

.fix_right .btn a p {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.33;
  writing-mode: vertical-rl;
  text-orientation: upright
}

@media(min-width: 1200px) {
  .fix_right .btn a p {
    text-align: center
  }
}

@media(max-width: 767px) {
  .fix_right .btn a p {
    font-size: 0.875rem;
    writing-mode: inherit
  }
}

.fix_right .btn.bg_lg a {
  background-color: #2abf16;
  color: #fff
}

.fix_right .btn.bg_lg a:hover {
  background-color: #1b960b;
  transition: .3s ease
}

.fix_right .btn.bg_dp a {
  background-color: #8414db;
  color: #fff
}

.fix_right .btn.bg_dp a:hover {
  background-color: #6c0eb5;
  transition: .3s ease
}

.fix_right .btn.bg_ly a {
  background-color: #ffff71;
  color: #8414db
}

.fix_right .btn.bg_ly a:hover {
  background-color: #e2e24e;
  transition: .3s ease
}

.fix_right.active {
  opacity: .8
}

.main_home {
  width: 100%;
  height: calc(100vh - 0px);
  background: url(https://www.honegori-group.com/mini/hon-atsugi/wp-content/uploads/2024/10/fv_top2.webp) right center/auto 100% no-repeat, url(images/index/bg_main01.svg) left center/auto 100% no-repeat;
  position: relative
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_home {
    height: calc(100vh - 0px);
    background-size: 95vw auto, auto 100%;
    background-position: right bottom, left center
  }
}

@media(max-width: 767px) {
  .main_home {
    height: calc(100vh - 0vw);
    background-size: 119vw auto, auto 100%;
    background-position: right bottom, left center
  }
}

.main_home .poa_main01 {
  display: none;
  width: 506px;
  position: absolute;
  bottom: 0;
  left: 0;
  translate: -25% 10%;
  z-index: 1
}

@media(min-width: 1200px) {
  .main_home .poa_main01 {
    display: block
  }
}

@media(min-width: 1200px)and (max-width: 1399px) {
  .main_home .poa_main01 {
    display: none
  }
}

.main_home .inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

.main_home .inner .txt {
  width: 50%
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_home .inner .txt {
    width: 100%;
    margin-bottom: 30vh
  }
}

@media(max-width: 767px) {
  .main_home .inner .txt {
    width: 100%;
    margin-bottom: 34vh
  }
}

.main_home .logo_main {
  padding-left: 5vw;
  text-align: center;
  margin-bottom: 2vh
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_home .logo_main img {
    width: 50vw
  }
}

@media(max-width: 767px) {
  .main_home .logo_main img {
    width: 60vw
  }
}

.main_home .ttl_main {
  text-align: center
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_home .ttl_main img {
    width: 60vw
  }
}

.main_home .calendar {
  background-color: #ffff71;
  border-radius: 10px 0 0 10px;
  padding: .5rem 2%;
  position: absolute;
  right: 0;
  bottom: 10vh
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_home .calendar {
    display: none
  }
}

@media(max-width: 767px) {
  .main_home .calendar {
    display: none
  }
}

.main_home .calendar .tbl_calendar {
  margin-bottom: .4rem
}

.tbl_calendar {
  border-collapse: separate;
  border-spacing: 0;
  border-bottom: 1px solid #000
}

.tbl_calendar col.tbl_ttl {
  width: 31.25%
}

.tbl_calendar col.tbl_con {
  width: 9.8214285714%
}

.tbl_calendar th,
.tbl_calendar td {
  padding: .4em .1em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .08em
}

@media(max-width: 767px) {

  .tbl_calendar th,
  .tbl_calendar td {
    font-size: 0.8125rem
  }
}

.tbl_calendar thead th {
  border-bottom: 1px solid #000
}

.tbl_calendar thead th:first-child {
  padding-left: 0;
  text-align: left
}

.tbl_calendar tbody th {
  padding-left: 0;
  text-align: left
}

.tbl_calendar tbody th span {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-align: center
}

@media(max-width: 767px) {
  .tbl_calendar tbody th span {
    font-size: 0.5625rem
  }
}

.tbl_calendar tbody td {
  text-align: center
}

.section_cmn {
  padding: 5rem 0
}

@media(max-width: 767px) {
  .section_cmn {
    padding: 3rem 0
  }
}

.section_cmn.t_narrow {
  padding-top: 3.5rem
}

@media(max-width: 767px) {
  .section_cmn.t_narrow {
    padding-top: 2.5rem
  }
}

.section_cmn.b_narrow {
  padding-bottom: 3.5rem
}

@media(max-width: 767px) {
  .section_cmn.b_narrow {
    padding-bottom: 2.5rem
  }
}

.section_cmn.t_wide {
  padding-top: 7.5rem
}

@media(max-width: 767px) {
  .section_cmn.t_wide {
    padding-top: 3.5rem
  }
}

.section_cmn.b_wide {
  padding-bottom: 7.5rem;
  padding-top: 10rem
}

@media(max-width: 767px) {
  .section_cmn.b_wide {
    padding-bottom: 3.5rem;
    padding-top: 6rem
  }
}

.section_cmn.t_exwide {
  padding-top: 12rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .section_cmn.t_exwide {
    padding-top: 7rem
  }
}

@media(max-width: 767px) {
  .section_cmn.t_exwide {
    padding-top: 5rem
  }
}

.section_cmn.t_none {
  padding-top: 0
}

.section_cmn.b_none {
  padding-bottom: 0
}

.ttl_cmn {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: .6em;
  position: relative
}

@media(min-width: 768px)and (max-width: 1199px) {
  .ttl_cmn {
    font-size: 1.5rem
  }
}

@media(max-width: 767px) {
  .ttl_cmn {
    font-size: 1.375rem
  }
}

.ttl_cmn::before,
.ttl_cmn::after {
  content: "";
  width: 34px;
  height: 50px;
  position: absolute;
  top: 50%;
  translate: 0 -50%
}

@media(max-width: 767px) {

  .ttl_cmn::before,
  .ttl_cmn::after {
    width: 5vw;
    height: 7.5vw
  }
}

.ttl_cmn::before {
  right: calc(100% + .4em)
}

.ttl_cmn::after {
  left: calc(100% + .4em)
}

.ttl_cmn.tac {
  text-align: center;
  margin-inline: auto
}

.ttl_cmn.color_w {
  color: #fff
}

.ttl_cmn.color_w::before {
  background: url(images/index/ttlbg_lw.svg) center center/100% auto no-repeat
}

.ttl_cmn.color_w::after {
  background: url(images/index/ttlbg_rw.svg) center center/100% auto no-repeat
}

.ttl_cmn.color_dp {
  color: #8414db
}

.ttl_cmn.color_dp::before {
  background: url(images/index/ttlbg_l.svg) center center/100% auto no-repeat
}

.ttl_cmn.color_dp::after {
  background: url(images/index/ttlbg_r.svg) center center/100% auto no-repeat
}

.ttl_cmn.mb_w {
  margin-bottom: 1.5em
}

.ttl_cmn.mb0 {
  margin-bottom: 0
}

.ttl_cmn2 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: .8em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .ttl_cmn2 {
    font-size: 1.375rem
  }
}

@media(max-width: 767px) {
  .ttl_cmn2 {
    font-size: 1.25rem
  }
}

.ttl_cmn2.regular {
  font-weight: 400
}

.ttl_cmn2.medium {
  font-weight: 500
}

.ttl_cmn2.tac {
  text-align: center
}

.ttl_cmn2.color_dp {
  color: #8414db
}

.ttl_cmn2.color_w {
  color: #fff
}

.ttl_cmn2.large {
  font-size: 2.25rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .ttl_cmn2.large {
    font-size: 1.5rem
  }
}

@media(max-width: 767px) {
  .ttl_cmn2.large {
    font-size: 1.375rem
  }
}

.ttl_cmn2.mdl {
  font-size: 1.3rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .ttl_cmn2.mdl {
    font-size: 1.25rem
  }
}

@media(max-width: 767px) {
  .ttl_cmn2.mdl {
    font-size: 1.1875rem
  }
}

.ttl_cmn2.mdsm {
  font-size: 1.375rem
}

@media(min-width: 768px)and (max-width: 1199px) {
  .ttl_cmn2.mdsm {
    font-size: 1.125rem
  }
}

@media(max-width: 767px) {
  .ttl_cmn2.mdsm {
    font-size: 1.0625rem
  }
}

.ttl_cmn2.small {
  font-size: 1.25rem
}

@media(max-width: 767px) {
  .ttl_cmn2.small {
    font-size: 1rem
  }
}

.ttl_cmn2.mb_w {
  margin-bottom: 1.5em
}

.ttl_cmn2.mb0 {
  margin-bottom: 0
}

.txt_cmn {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.9
}

@media(max-width: 767px) {
  .txt_cmn {
    font-size: 0.875rem
  }
}

.txt_cmn.lh_w {
  line-height: 2.4
}

.txt_cmn.lh_n {
  line-height: 1.75
}

.txt_cmn.tac {
  text-align: center
}

.txt_cmn.tar {
  text-align: right
}

.txt_cmn.medium {
  font-weight: 500
}

.txt_cmn.bold {
  font-weight: 700
}

.txt_cmn.color_w {
  color: #fff
}

.txt_cmn.color_dp {
  color: #8414db
}

.txt_cmn.color_r {
  color: red
}

.txt_cmn.large {
  font-size: 1.125rem
}

@media(max-width: 767px) {
  .txt_cmn.large {
    font-size: 1rem
  }
}

.txt_cmn.mdl {
  font-size: 0.875rem
}

@media(max-width: 767px) {
  .txt_cmn.mdl {
    font-size: 0.75rem
  }
}

.txt_cmn.small {
  font-size: 0.75rem
}

@media(max-width: 767px) {
  .txt_cmn.small {
    font-size: 0.625rem
  }
}

.btn_cmn {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%
}

.btn_cmn a {
  max-width: 100%;
  width: 368px;
  height: 136px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  border-radius: 1.2rem;
  position: relative
}

@media(max-width: 767px) {
  .btn_cmn a {
    width: 90vw;
    height: 4rem;
    border-radius: .6rem
  }
}

.btn_cmn a p {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5
}

@media(max-width: 767px) {
  .btn_cmn a p {
    font-size: 1.25rem
  }
}

.btn_cmn.center {
  margin-inline: auto
}

.btn_cmn.small a {
  width: 326px;
  height: 76px;
  border-radius: 100vmax
}

@media(max-width: 767px) {
  .btn_cmn.small a {
    width: 80vw;
    height: 3rem
  }
}

.btn_cmn.small a p {
  font-size: 1.25rem
}

@media(max-width: 767px) {
  .btn_cmn.small a p {
    font-size: 0.875rem
  }
}

.btn_cmn.bg_lg a {
  background-color: #2abf16;
  color: #fff
}

.btn_cmn.bg_lg a:hover {
  background-color: #1b960b;
  transition: .3s ease
}

.btn_cmn.bg_dp a {
  background-color: #8414db;
  color: #fff
}

.btn_cmn.bg_dp a:hover {
  background-color: #6c0eb5;
  transition: .3s ease
}

.btn_cmn.bg_ly a {
  background-color: #ffff71;
  color: #8414db
}

.btn_cmn.bg_ly a:hover {
  background-color: #e2e24e;
  transition: .3s ease
}

.over_cmn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: unset;
  padding: 0rem calc(50vw - 50%) 0rem 0;
  margin: 0 calc(50% - 50vw);
  position: relative
}

@media(max-width: 767px) {
  .over_cmn {
    padding: 0
  }
}

.over_cmn figure {
  width: calc(100% - 580px);
  text-align: right
}

@media(min-width: 768px)and (max-width: 1199px) {
  .over_cmn figure {
    width: 49.0740740741%
  }
}

@media(max-width: 767px) {
  .over_cmn figure {
    width: 100%;
    margin-bottom: 1rem
  }
}

.over_cmn .txt {
  width: 540px
}

@media(min-width: 768px)and (max-width: 1199px) {
  .over_cmn .txt {
    width: 47.2222222222%
  }
}

@media(max-width: 767px) {
  .over_cmn .txt {
    width: 100%;
    padding: 0 8%
  }
}

@media(max-width: 767px) {
  .over_cmn:not(.reverse) figure {
    margin-right: 8vw
  }
}

.over_cmn.reverse {
  flex-direction: row-reverse;
  padding: 0rem 0 0rem calc(50vw - 50%)
}

@media(max-width: 767px) {
  .over_cmn.reverse {
    padding: 0
  }
}

.over_cmn.reverse figure {
  text-align: left
}

@media(max-width: 767px) {
  .over_cmn.reverse figure {
    margin-left: 8vw
  }
}

.over_cmn.a_start {
  align-items: flex-start
}

.side_cmn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: unset
}

.side_cmn figure {
  width: 46.2962962963%;
  text-align: center
}

@media(max-width: 767px) {
  .side_cmn figure {
    width: 100%;
    margin-bottom: 1rem
  }
}

.side_cmn .txt {
  width: 50%
}

@media(max-width: 767px) {
  .side_cmn .txt {
    width: 100%
  }
}

.side_cmn.reverse {
  flex-direction: row-reverse
}

.side_cmn.a_start {
  align-items: flex-start
}

.side_cmn.alt figure {
  width: 50%
}

@media(max-width: 767px) {
  .side_cmn.alt figure {
    width: 100%
  }
}

.side_cmn.alt .txt {
  width: 46.2962962963%
}

@media(max-width: 767px) {
  .side_cmn.alt .txt {
    width: 100%
  }
}

.bg_wave_cmn {
  position: relative;
  z-index: 1
}

.bg_wave_cmn.t01 {
  aspect-ratio: 1920/450;
  background: url(https://www.honegori-group.com/mini/hon-atsugi/wp-content/uploads/2025/01/wave_2.svg) center center/100% auto no-repeat;
  margin-top: -100px
}

@media(min-width: 768px)and (max-width: 1199px) {
  .bg_wave_cmn.t01 {
    margin-top: -4vh
  }
}

@media(max-width: 767px) {
  .bg_wave_cmn.t01 {
    margin-top: -20vh
  }
}

.bg_wave_cmn.b01 {
  aspect-ratio: 1920/230;
  background: url(images/index/bg_wave_b.svg) center center/100% auto no-repeat;
  margin-bottom: -120px
}

@media(min-width: 768px)and (max-width: 1199px) {
  .bg_wave_cmn.b01 {
    margin-bottom: -4vh
  }
}

@media(max-width: 767px) {
  .bg_wave_cmn.b01 {
    margin-bottom: -6vh
  }
}

.bgtxtwrap {
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden
}

.bgtxtwrap .bg_txt_cmn {
  font-size: 26.25rem;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap
}

@media(min-width: 768px)and (max-width: 1199px) {
  .bgtxtwrap .bg_txt_cmn {
    font-size: 11.25rem
  }
}

@media(max-width: 767px) {
  .bgtxtwrap .bg_txt_cmn {
    font-size: 7.5rem
  }
}

.bgtxtwrap .bg_txt_cmn.color_dp {
  color: rgba(132, 20, 219, .05)
}

.bgtxtwrap .bg_txt_cmn.vt {
  writing-mode: vertical-rl
}

.bgtxtwrap.scroll {
  width: 100%
}

.bgtxtwrap.scroll .inn {
  display: inline-block;
  /*padding-left:100%;*/
  white-space: nowrap;
  animation: animate-text 75s linear infinite;
  padding-bottom: 4rem
}

@keyframes animate-text {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-100%)
  }
}

.home_second {
  background-color: #8414db
}

.home_second .slick-slider {
  line-height: 0
}

.home_second .slick-slider .slick-slide {
  margin-inline: 1vw
}

@media(max-width: 767px) {
  .home_second .slick-slider .slick-slide {
    margin-inline: 2vw
  }
}

.home_second .slick-slider .slick-slide li img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.home_second .slide-dots {
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center
}

.home_second .slide-dots>li {
  display: inline-block;
  margin: 0 10px
}

.home_second .slide-dots>li button {
  min-height: unset;
  position: relative;
  text-indent: -9999px
}

.home_second .slide-dots>li button::before {
  content: "●";
  color: #e8e8e8;
  font-size: 0.75rem;
  text-indent: 0px;
  position: absolute;
  top: 0;
  left: 0
}

.home_second .slide-dots>li.slick-active button::before {
  color: #ffec00
}

.home_news {
  background: url(images/index/bg_news01.svg) top left repeat;
  padding: 5.5rem 0 10rem;
  position: relative
}

.home_news .poa_news01 {
  display: none;
  width: 283px;
  position: absolute;
  bottom: 0;
  left: 0;
  translate: 5% 3%;
  z-index: 2
}

@media(min-width: 1200px) {
  .home_news .poa_news01 {
    display: block
  }
}

@media(min-width: 1200px)and (max-width: 1399px) {
  .home_news .poa_news01 {
    display: none
  }
}

.home_news ul {
  max-width: 860px;
  border-top: 1px solid #c9a4e5;
  margin-inline: auto;
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .home_news ul {
    margin-bottom: 2rem
  }
}

.home_news ul li {
  padding: 1rem 0;
  border-bottom: 1px solid #c9a4e5
}

@media(max-width: 767px) {
  .home_news ul li {
    padding: .5rem 0
  }
}

.home_news ul li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch
}

.home_news ul li a time,
.home_news ul li a .ttl01 {
  padding: 1em 0
}

@media(max-width: 767px) {

  .home_news ul li a time,
  .home_news ul li a .ttl01 {
    padding: .4em 0
  }
}

.home_news ul li a time {
  width: 25%;
  text-align: center
}

@media(max-width: 767px) {
  .home_news ul li a time {
    width: 100%;
    text-align: left
  }
}

.home_news ul li a .ttl01 {
  width: 75%;
  padding-left: 1.8em;
  border-left: 1px solid #c9a4e5
}

@media(max-width: 767px) {
  .home_news ul li a .ttl01 {
    width: 100%;
    padding-left: 0;
    border-left: unset
  }
}

.home_hone {
  background-color: #ffff71;
  position: relative
}

.home_hone .inner {
  z-index: 1
}

.home_hone .ttl01 {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .home_hone .ttl01 {
    margin-bottom: 1.2rem
  }
}

.home_hone .bgtxtwrap {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0
}

.home_recom {
  background-color: #fdfbec;
  position: relative
}

.home_recom .poa_recom01 {
  display: none;
  width: 292px;
  position: absolute;
  bottom: 0;
  left: 0;
  translate: -28% 6%;
  z-index: 1
}

@media(min-width: 1200px) {
  .home_recom .poa_recom01 {
    display: block
  }
}

@media(min-width: 1200px)and (max-width: 1399px) {
  .home_recom .poa_recom01 {
    display: none
  }
}

.home_recom ul li {
  position: relative
}

.home_recom ul li:not(:last-child) {
  margin-bottom: 4rem
}

@media(max-width: 767px) {
  .home_recom ul li:not(:last-child) {
    margin-bottom: 2.5rem
  }
}

.home_recom ul li figure {
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%
}

@media(max-width: 767px) {
  .home_recom ul li figure img {
    width: 20vw
  }
}

.home_recom ul li .txt {
  background-color: #fff;
  border: 3px solid #8414db;
  border-radius: 1.2rem;
  padding: 1rem 2% 1rem 120px;
  box-shadow: 0 3px 0px #8414db;
  margin-left: 44px
}

@media(max-width: 767px) {
  .home_recom ul li .txt {
    padding: 1rem 2% 1rem 12vw;
    margin-left: 10vw
  }
}

.home_reason {
  background-color: #ffff71
}

.home_reason ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 5rem 2.7777777778%
}

@media(max-width: 767px) {
  .home_reason ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem 4%
  }
}

.home_reason ul li {
  background-color: #fff;
  border: 3px solid #8414db;
  border-radius: 1.2rem;
  padding: 5rem 3% 1.5rem;
  position: relative
}

@media(max-width: 767px) {
  .home_reason ul li {
    padding: 3rem 3% 1rem
  }
}

.home_reason ul li .num {
  display: grid;
  place-content: center;
  place-items: center;
  width: 102px;
  height: 102px;
  background-color: #8414db;
  border-radius: 100vmax;
  font-size: 2.25rem;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%
}

@media(max-width: 767px) {
  .home_reason ul li .num {
    width: 16vw;
    height: 16vw;
    font-size: 1.5rem
  }
}

.home_reason ul li figure {
  text-align: center;
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .home_reason ul li figure {
    margin-bottom: 1rem
  }
}

@media(max-width: 767px) {
  .home_reason ul li figure img {
    width: 24vw
  }
}

@media(max-width: 767px) {
  .home_reason ul li h3.ttl_cmn2 {
    font-size: 1rem
  }
}

.home_reason ul li h3.ttl_cmn2 b {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  background-color: #8414db;
  padding: .2em .4em;
  margin-inline: auto
}

@media(max-width: 767px) {
  .home_reason ul li h3.ttl_cmn2 b {
    padding: 0 .2em
  }
}

.home_reason ul li h3.ttl_cmn2 b:not(:last-child) {
  margin-bottom: .3em
}

.home_trouble {
  position: relative
}

.home_trouble .poa_trouble01 {
  display: none;
  width: 282px;
  position: absolute;
  bottom: 0;
  right: 0;
  translate: 32% 10%;
  z-index: 2
}

@media(min-width: 1200px) {
  .home_trouble .poa_trouble01 {
    display: block
  }
}

@media(min-width: 1200px)and (max-width: 1399px) {
  .home_trouble .poa_trouble01 {
    display: none
  }
}

.home_trouble ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2.5rem 1.8518518519%
}

@media(max-width: 767px) {
  .home_trouble ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem 4%
  }
}

.home_trouble ul li {
  background-color: #fff;
  border: 3px solid #8414db;
  box-shadow: 3px 3px 6px #8414db;
  border-radius: 1.2rem;
  padding: 1rem 7% 2rem;
  position: relative;
  text-align: justify
}

.home_trouble ul li figure {
  text-align: center;
  margin-bottom: 1rem;
  position: relative
}

@media(max-width: 767px) {
  .home_trouble ul li figure {
    margin-bottom: 1rem
  }
}

.home_trouble ul li figure figcaption {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%
}

.home_reserv {
  background: url(images/index/bg_reserv01.svg) center center repeat
}

.home_reserv .btnwrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem 2.5rem
}

.home_price {
  background-color: #fdfbec;
  position: relative
}

.home_price .poa_price01 {
  display: none;
  width: 235px;
  position: absolute;
  bottom: 0;
  left: 0;
  translate: -7% 0%;
  z-index: 1
}

@media(min-width: 1200px) {
  .home_price .poa_price01 {
    display: block
  }
}

@media(min-width: 1200px)and (max-width: 1399px) {
  .home_price .poa_price01 {
    display: none
  }
}

.home_price .poa_price02 {
  display: none;
  width: 330px;
  position: absolute;
  bottom: 0;
  right: 0;
  translate: 20% 0%;
  z-index: 1
}

@media(min-width: 1200px) {
  .home_price .poa_price02 {
    display: block
  }
}

@media(min-width: 1200px)and (max-width: 1399px) {
  .home_price .poa_price02 {
    display: none
  }
}

.home_price .box01,
.home_price .box02 {
  max-width: 980px;
  background-color: #fff;
  border: 4px solid #8414db;
  border-radius: 1.2rem;
  padding: 1.5rem 3% 1rem;
  margin-inline: auto
}

.home_price .box01:not(:last-child),
.home_price .box02:not(:last-child) {
  margin-bottom: 2rem
}

.home_price .box01 .ttl01 {
  width: -moz-fit-content;
  width: fit-content;
  background-color: red;
  border-radius: 100vmax;
  padding: .4em 1em;
  margin-inline: auto
}

.home_price .box01 .multi {
  max-width: 840px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  margin-bottom: 1.2rem
}

@media(max-width: 767px) {
  .home_price .box01 .multi {
    flex-direction: column;
    gap: .6rem 0rem
  }
}

.home_price .box01 .multi .txt11 {
  background-color: rgba(132, 20, 219, .1);
  border-radius: 5px;
  padding: .5em 2em
}

@media(min-width: 768px)and (max-width: 1199px) {
  .home_price .box01 .multi .txt11 {
    font-size: 1rem;
    padding: .4em .8em
  }
}

@media(max-width: 767px) {
  .home_price .box01 .multi .txt11 {
    padding: .4em .5em
  }
}

.home_price .box01 .multi .cross {
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1
}

@media(max-width: 767px) {
  .home_price .box01 .multi .cross {
    font-size: 1.125rem
  }
}

.home_price .box01 .price01 {
  text-align: center;
  margin-bottom: 1rem
}

.home_price .box02 .ttl01 {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #8414db;
  border-radius: 100vmax;
  padding: .4em 1em;
  margin-inline: auto
}

.home_price .box02 p.txt03 {
  margin-bottom: 1em
}

.home_price .box02 p.txt03 b {
  color: red
}

.home_price .box02 .unit:not(:last-child) {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .home_price .box02 .unit:not(:last-child) {
    margin-bottom: 1.8rem
  }
}

.home_price .box02 .unit .ttlline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  background-color: #8414db
}

.home_price .box02 .unit .ttlline .ttl_cmn2,
.home_price .box02 .unit .ttlline .rightwrap {
  width: 50%;
  display: grid;
  place-content: center;
  place-items: center;
  padding: 1.2rem 2% .8rem
}

@media(max-width: 767px) {

  .home_price .box02 .unit .ttlline .ttl_cmn2,
  .home_price .box02 .unit .ttlline .rightwrap {
    width: 100%
  }
}

.home_price .box02 .unit .ttlline .rightwrap p.price {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
  text-align: center
}

@media(max-width: 767px) {
  .home_price .box02 .unit .ttlline .rightwrap p.price {
    font-size: 1rem
  }
}

.home_price .box02 .unit .ttlline .rightwrap p.price em {
  font-size: 1.875rem;
  line-height: 1
}

@media(max-width: 767px) {
  .home_price .box02 .unit .ttlline .rightwrap p.price em {
    font-size: 1.375rem
  }
}

.home_price .box02 .unit .ttlline .rightwrap p.price span {
  font-size: 0.875rem
}

@media(max-width: 767px) {
  .home_price .box02 .unit .ttlline .rightwrap p.price span {
    font-size: 0.75rem
  }
}

.home_price .box02 .unit .content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.2rem 3%;
  background-color: #fff;
  border: 7px solid #8414db;
  padding: 1.2rem 2%
}

@media(max-width: 767px) {
  .home_price .box02 .unit .content {
    border: 3px solid #8414db
  }
}

.home_price .box02 .unit .content .lump {
  background-color: rgba(132, 20, 219, .1);
  border-radius: 5px;
  padding: 1rem 4% 1.2rem
}

.home_price .box02 .unit .content .lump figure {
  margin-bottom: .5rem
}

.home_price .box02 .unit .content .lump figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.home_price .box02 .txt_sub {
  margin-top: -2em;
  margin-bottom: 2em
}

.home_price .box02 .ttl03 {
  background-color: #8414db;
  border-radius: 1rem;
  padding: .4em 2%;
  font-size: 2rem;
  color: #ffec00;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 1em
}

@media(max-width: 767px) {
  .home_price .box02 .ttl03 {
    font-size: 1.125rem
  }
}

.home_flow .over_cmn:not(:last-child) {
  margin-bottom: 3.8rem
}

@media(max-width: 767px) {
  .home_flow .over_cmn:not(:last-child) {
    margin-bottom: 2rem
  }
}

.home_flow .over_cmn .ttlwrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  position: relative
}

@media(max-width: 767px) {
  .home_flow .over_cmn .ttlwrap {
    margin-bottom: 1.2rem
  }
}

.home_flow .over_cmn .ttlwrap::before {
  content: "";
  width: 92%;
  height: 100%;
  background-color: #8414db;
  border-radius: 0 100vmax 100vmax 0;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0% -50%;
  z-index: -1
}

.home_flow .over_cmn .ttlwrap .num {
  font-size: 3.125rem;
  color: #8414db;
  font-weight: 600;
  line-height: 1;
  margin-right: 1.5em;
  position: relative
}

@media(min-width: 768px)and (max-width: 1199px) {
  .home_flow .over_cmn .ttlwrap .num {
    font-size: 2.25rem
  }
}

@media(max-width: 767px) {
  .home_flow .over_cmn .ttlwrap .num {
    font-size: 1.875rem;
    margin-right: 1.2em
  }
}

.home_flow .over_cmn .ttlwrap .num::before {
  content: "";
  width: 129px;
  height: 85px;
  background: url(https://www.honegori-group.com/mini/hon-atsugi/wp-content/uploads/2024/11/heart.svg) center center/100% auto no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: -1
}

@media(min-width: 768px)and (max-width: 1199px) {
  .home_flow .over_cmn .ttlwrap .num::before {
    width: 13vw;
    height: 8.5vw
  }
}

@media(max-width: 767px) {
  .home_flow .over_cmn .ttlwrap .num::before {
    width: 19.5vw;
    height: 12.8vw
  }
}

.home_flow .over_cmn .ttlwrap .ttl_cmn2 {
  padding-top: .4em;
  padding-bottom: .2em
}

@media(min-width: 1200px) {
  .home_flow .over_cmn .txt {
    padding-top: 3.5rem
  }
}

.home_flow .over_cmn .txt p.txt01 span {
  font-size: 0.75rem
}

@media(max-width: 767px) {
  .home_flow .over_cmn .txt p.txt01 span {
    font-size: 0.625rem
  }
}

.home_flow .over_cmn .txt p.txt02 {
  margin-top: 1em
}

.home_voice {
  background-color: #ffff71
}

.home_voice ul li figure {
  margin-bottom: 1.5rem
}

@media(max-width: 767px) {
  .home_voice ul li figure {
    margin-bottom: .8rem
  }
}

.home_voice ul li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.home_voice ul li .ttl_cmn2 {
  line-height: 1.35;
  margin-bottom: .3em
}

.home_voice ul li p.txt01 {
  margin-bottom: 1em
}

.home_voice .slick-slider {
  line-height: 0
}

.home_voice .slick-slider .slick-slide {
  margin-inline: 1.5vw
}

@media(max-width: 767px) {
  .home_voice .slick-slider .slick-slide {
    margin-inline: 2vw
  }
}

.home_voice .slick-slider .slick-slide li img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.home_access .dl_cmn {
  margin-bottom: 3rem
}

@media(max-width: 767px) {
  .home_access .dl_cmn {
    margin-bottom: 1.8rem
  }
}

dl.dl_cmn div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.2rem 0;
  border-bottom: 1px dashed #c6c6c6
}

@media(max-width: 767px) {
  dl.dl_cmn div {
    padding: .8rem 0
  }
}

dl.dl_cmn div dt,
dl.dl_cmn div dd {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: .08em
}

@media(min-width: 768px)and (max-width: 1199px) {

  dl.dl_cmn div dt,
  dl.dl_cmn div dd {
    font-size: 0.875rem;
    letter-spacing: 0
  }
}

@media(max-width: 767px) {

  dl.dl_cmn div dt,
  dl.dl_cmn div dd {
    font-size: 0.75rem;
    letter-spacing: 0
  }
}

dl.dl_cmn div dt {
  width: 25%
}

@media(min-width: 1200px) {
  dl.dl_cmn div dt {
    padding-left: 1em
  }
}

dl.dl_cmn div dd {
  width: 75%
}


.subscription {
  background-color: #ffff71;
  text-align: center;
}

.txt01 span {
  color: #8713D6;
}

.subscription .ttl_cmn,
.u-24 .ttl_cmn {
  font-size: 3.886rem;
}

.conditions {
  display: inline;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 25px;
  background-color: #8713D6;
  padding: .5em 2em;
  color: white;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.9;
}

.box03,
.box04 {
  max-width: 980px;
  background-color: #fff;
  border: 4px solid #8414db;
  border-radius: 1.2rem;
  padding: 1.5rem 3% 1rem;
  box-shadow: 4px 4px #8414db;
  position: relative;
  text-align: center;
  font-size: 0;
  margin-inline: auto;
}

.box03 {
  margin-top: 25px;
}

.box03:before {
  content: "";
  position: absolute;
  left: -100px;
  top: 40px;
  width: 200px;
  height: 267px;
  background-image: url("/mini/fuchinobe/wordpress/wp-content/uploads/2025/08/chara_01.svg");
  background-size: 200px;
  background-repeat: no-repeat;
}

.box03 .price02,
.box04 .price03 {
  text-align: center;
  margin-bottom: 1rem;
}

.box03 .price02 img {
  width: 440px;
}

.u-24.section_cmn.b_narrow {
  background-color: #F6F5FA;
  padding-bottom: 10.81rem;
}

.ttl {
  text-align: center;
  font-size: 1.03rem;
}

.box04:after {
  content: "";
  position: absolute;
  right: -195px;
  bottom: -120px;
  width: 308px;
  height: 304px;
  background-image: url("/mini/fuchinobe/wordpress/wp-content/uploads/2025/08/honegori_mini_03.svg");
  background-size: 308px;
  background-repeat: no-repeat;
}

.box04 .price03 img {
  width: 361px;
}

.box04.sub01 {
  width: 352px;
  height: 127px;
  border-radius: 21px;
  box-shadow: none;
  background: #FDFBEC;
  padding: 15px 15px 0 15px;
  margin-bottom: 23px;
  display: inline-block;
  vertical-align: top;
}

.box04.sub01:after {
  display: none;
}

.box04.sub01 .ttl {
  font-size: 1rem;
  color: #8414db;
  margin-bottom: 16.5px;
}

.box04.sub01:last-of-type .ttl {
  font-size: 1rem;
  color: #8414db;
  margin-bottom: 10px;
}

.price04,
.price05 {
  text-align: center;
}

.box04.sub01:last-of-type {
  margin-left: 20px;
}

.box04.sub01 .price04 img {
  width: 223px;
}

.box04.sub01 .price05 img {
  width: 271px;
}

.adjust {
  display: none;
}

@media (min-width: 768px) and (max-width: 1199px) {

  .subscription .ttl_cmn,
  .u-24 .ttl_cmn {
    font-size: 1.5rem;
  }

  .ttl {
    font-size: 1rem;
  }

  .box04.sub .ttl {
    font-size: 0.8rem;
  }

  .conditions li {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1rem;
    padding: .4em .8em;
  }

  .u-24.section_cmn.b_narrow {
    padding-bottom: 3.5rem;
  }

  .box03:before,
  .box04:after {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 867px) {
  .box04.sub01 {
    width: 100%;
    display: block;
    margin: 0 auto 23px;
  }

  .box04.sub01:last-of-type {
    margin-left: auto;
  }

}

@media (max-width: 767px) {

  .subscription .ttl_cmn,
  .u-24 .ttl_cmn {
    font-size: 1.375rem;
  }

  .conditions li {
    font-size: 1rem;
    display: block;
    margin: 0 auto;
    padding: .4em;
    max-width: 420px;
  }

  .conditions li:first-of-type {
    margin-bottom: 10px;
  }

  .box03:before,
  .box04:after {
    display: none;
  }

  .u-24.section_cmn.b_narrow {
    padding-bottom: 2.5rem;
  }

  .box04.sub01 {
    width: 100%;
    display: block;
    margin: 0 auto 15px;
  }

  .box04.sub01:last-of-type {
    margin-left: auto;
  }

  .box04.sub01 .price04 img {
    width: 67%;
    min-width: 220px;
  }

  .box04.sub01 .price05 img {
    width: 80%;
    min-width: 275px;
  }

  .adjust {
    display: block;
  }

  .txt_cmn.tac {
    text-align: left;
  }

  .box04.sub01 {
    height: auto;
    padding: 15px;
  }

  .box04.sub01 .ttl {
    line-height: 1.4;
    margin-bottom: 15px;
  }

  .box04.sub01:last-of-type .ttl {
    line-height: 1.4;
    margin-bottom: 15px;
  }
}

/*# sourceMappingURL=style.css.map */