@charset "UTF-8";

/* -------------
  - *共通
  - *メインビジュアル
  - *バナー一覧
  - *診療案内
  - *歯列矯正
  - *診療案内2
  - *お悩みから探す
  - *お悩みありませんか？
  - *選ばれる6つの理由
  - *ご挨拶
  - *ブログ
  - *お知らせ
  - *トップページ下部画像
------------- */

/*==================================================================

  *共通

==================================================================*/
/* ------ inner ------ */
.home_inner {
  max-width: 1200px;
  margin-inline: auto;
}

@media screen and (max-width: 640px) {
  .home_inner {
    padding-inline: 5%;
  }
}

/* ------ title ------ */
.home_tit {
  text-align: center;
  margin-bottom: 30px;
}
.home_tit_en {
  color: #9cd0d9;
  font-family: "futura-pt", sans-serif;
  font-weight: 600;
  font-size: 90px;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 15px;
}
.home_tit_jp {
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

@media screen and (max-width: 640px) {
  .home_tit_en {
    font-size: clamp(40px, 16vw, 90px);
    margin-bottom: 10px;
  }
  .home_tit_jp {
    font-size: clamp(20px, 6.4vw, 28px);
  }
}

/* ------ main ------ */
@media screen and (max-width: 640px) {
  main {
    font-size: 13px;
    line-height: 1.75;
  }
}

/*==================================================================

  *メインビジュアル

==================================================================*/
.home_mv {
  position: relative;
}

.home_mv .splide,
.home_mv .splide__track,
.home_mv .splide img {
  width: 100%;
  height: 100%;
}

.home_mv .splide::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
}

.home_mv .splide__slide {
  overflow: hidden;
}

.home_mv .splide img {
  -o-object-fit: cover;
  object-fit: cover;
}

.home_mv_catch {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}
.home_mv_catch img {
  max-width: /*676*/565px;
  width: 100%;
}

.home_mv_btn {
  width: 100%;
  display: flex;
  gap: 0 20px;
  position: absolute;
  left: 0;
  bottom: 50px;
}
.home_mv_btn li {
  width: 360px;
}

@media (hover: hover) {
  .home_mv_btn a:hover {
    opacity: 0.8;
  }
}
.home_mv_schedule .office_hour_table {
  background: rgba(107, 180, 193, 0.84);
  padding: 15px 6% 20px;
}
.home_mv_schedule .office_hour_table th,
.home_mv_schedule .office_hour_table td {
  color: #fff !important;
  border-bottom: 1px solid #fff !important;
}
.home_mv_schedule .office_hour_table tr:not(:first-child) th {
  border-right: none;
}

@media print, screen and (min-width: 641px) {
  .home_mv {
    height: 994px;
    overflow: hidden;
  }
  .home_mv_main {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .home_mv_catch {
    padding-top: /*44*/15px;
  }
  .home_mv_btn {
    max-width: 740px;
  }
  .home_mv_schedule {
    width: 424px;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 10px;
  }
  .home_mv_schedule .office_hour_asterisk {
    font-size: 11px;
  }
  .home_mv_schedule .office_hour_table th,
  .home_mv_schedule .office_hour_table td {
    padding: 10px 3px;
  }
  .home_mv_schedule .office_hour_table tr:first-child th,
  .home_mv_schedule .office_hour_table tr:first-child td {
    padding: 5px 3px;
  }
  .home_mv_schedule .office_hour_table th {
    width: 33%;
  }
  .home_mv_schedule .office_hour_note {
    line-height: 1.8;
    margin-top: 15px;
  }
  .home_mv_schedule .office_hour_note p{
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.5);
  }
}

@media screen and (max-width: 640px) {
  .home_mv .splide,
  .home_mv_catch {
    height: calc(100svh - 55px);
  }
  .home_mv .splide {
    overflow: hidden;
  }
  .home_mv_catch,
  .home_mv_main {
    padding-inline: /*5*/15%;
  }
  .home_mv_main {
    padding-block: 20px 0;
  }
  .home_mv_catch{
    top: 30px;
  }
  .home_mv_catch img {
    max-width: /*338*/265px;
    width: 100%;
  }
  .home_mv_btn {
    padding-inline: 3%;
    gap: 0 10px;
    bottom: auto;
    top: calc(100svh - 85px);
    transform: translateY(-100%);
  }
  .home_mv_btn li {
    width: calc((100% - 10px) / 2);
  }
  .home_mv_schedule .office_hour_table {
    padding-top: 10px;
  }
}

/*==================================================================

  *バナー一覧

==================================================================*/
.home_bnr {
  margin-top: 90px;
  margin-bottom: 90px;
}

@media (hover: hover) {
  .home_bnr a:hover {
    opacity: 0.8;
  }
}

@media print, screen and (min-width: 641px) {
  .home_bnr {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  .home_bnr li {
    width: 580px;
  }
  .home_bnr .home_bnr_wide {
    width: 595px;
    margin-left: -15px;
  }
}

@media screen and (max-width: 640px) {
  .home_bnr {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .home_bnr li {
    text-align: center;
  }
  .home_bnr li:not(:last-child) {
    margin-bottom: 15px;
  }
}

/*==================================================================

  *診療案内

==================================================================*/
.home_medical {
  background: url(../images/home/medical_bg.jpg) left top/10px auto;
  padding-top: 115px;
}
.home_medical_list {
  display: flex;
  justify-content: space-between;
}
.home_medical_item {
  width: 580px;
}
.home_medical_item a {
  display: block;
}
@media (hover: hover) {
  .home_medical_item a:hover {
    opacity: 0.8;
  }
}
.home_medical_item_box {
  background: linear-gradient(-18deg, #75cbd9 0%, #319eb1 100%);
  border-radius: 40px;
  padding: 50px 0 55px;
  color: #fff !important;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 500;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.home_medical_item_box > * {
  position: relative;
}
.home_medical_item_bg {
  width: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
.home_medical_item_head {
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  font-size: 27px;
  letter-spacing: 0.1em;
  line-height: 1.9;
  margin-bottom: 55px;
}
.home_medical_item_head span {
  color: #f7f2a3;
}
.home_medical_item_tit {
  font-size: 55px;
  letter-spacing: 0.1em;
  line-height: 1.4;
  display:flex;
  justify-content: center;
  align-items: center;
  background: url(../images/arrow.png) no-repeat right 115px center / 33px auto;
  transition: all 0.2s;
}
@media (hover: hover) {
.home_medical_item a:hover .home_medical_item_tit{
  background-position: right 105px center;
}
}

.home_medical_item_feature {
  width: -moz-fit-content;
  width: fit-content;
  color: #18707f;
  font-size: 24px;
  letter-spacing: 0.04em;
  line-height: 1.8;
  margin: 65px auto 0;
}
.home_medical_item_feature > * {
  background: rgba(249, 245, 241, 0.8);
  padding-inline: 30px;
  border-radius: 40px;
}
.home_medical_item_feature > *:not(:last-child) {
  margin-bottom: 16px;
}
.home_medical_item_text {
  margin-top: 40px;
}
.home_medical_item:nth-child(even) .home_medical_item_box {
  background: linear-gradient(-18deg, #8f99d7 0%, #7179ac 100%);
}
.home_medical_item:nth-child(even) .home_medical_item_feature {
  color: #4f5cac;
}

@media (hover: hover) {
  .home_feature_item .btn01 a:hover {
    background: var(--main-color)!important;
  }
}

@media print, screen and (min-width: 641px) {
  .home_medical .home_tit {
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 640px) {
  .home_medical {
    padding-top: 40px;
  }
  .home_medical_list {
    margin-inline: -4%;
  }
  .home_medical_item {
    width: 49%;
  }
  .home_medical_item_box {
    border-radius: 20px;
    padding: 15px 0;
  }
  .home_medical_item_head {
    font-size: clamp(12px, 3.2vw, 19px);
    margin-bottom: 5px;
  }
  .home_medical_item_tit {
    font-size: clamp(18px, 5.3vw, 55px);
    background-size: 15px auto;
    background-position: right 24px center;
  }

  .home_medical_item_feature {
    font-size: clamp(12px, 3.2vw, 18px);
    line-height: 1.5;
    padding-inline: 2%;
    margin-top: 10px;
  }
  .home_medical_item_feature > * {
    min-height: 3.4em;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0.2em 1em;
  }
  .home_medical_item_feature > *:not(:last-child) {
    margin-bottom: 5px;
  }
  .home_medical_item_text {
    margin-top: 10px;
  }
}

/*==================================================================

  *歯列矯正

==================================================================*/
.home_orthodontics {
  background: url(../images/home/orthodontics_bg.jpg) left top/10px auto;
  padding-top: 150px;
  padding-bottom: 230px;
  margin-top: 120px;
  overflow: hidden;
}
.home_orthodontics_tit {
  font-size: 48px;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 175px;
}
.home_orthodontics_tit_blue {
  color: #41a8ba;
}
.home_orthodontics_tit_purple {
  color: #7179ac;
}
.home_orthodontics_item {
  background: #99cca0;
  border-radius: 20px;
}
.home_orthodontics_item_head {
  background: url(../images/home/orthodontics_child_bg.jpg) left top/23px auto;
  border-radius: 20px 20px 0 0;
  padding: 1px 0 60px;
}
.home_orthodontics_item_head_tit {
  max-width: 502px;
  margin: -100px auto 10px;
}
.home_orthodontics_item_head_text {
  width: -moz-fit-content;
  width: fit-content;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center;
  background-image: url(../images/home/orthodontics_child_text_dec_l.png), url(../images/home/orthodontics_child_text_dec_r.png);
  background-size: 32px auto;
  background-repeat: no-repeat;
  background-position: left top, right top;
  padding-inline: 50px;
  margin-inline: auto;
}
.home_orthodontics_item_head_text span {
  color: #479776;
}
.home_orthodontics_item_btm {
  padding-top: 1px;
  padding-bottom: 45px;
}
.home_orthodontics_item_flex {
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 35px;
}
.home_orthodontics_item_img {
  flex-shrink: 0;
  width: 264px;
  margin-top: -26px;
}
.home_orthodontics_item_img img {
  border-radius: 50%;
}
.home_orthodontics_item_tit {
  color: #fff;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-size: 72px;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
.home_orthodontics_item_tit span:not(.home_orthodontics_item_tit_spacing) {
  font-size: 79%;
}
.home_orthodontics_item_tit_spacing {
  letter-spacing: -0.06em;
}
.home_orthodontics_item_catch {
  color: #0d794d;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 15px;
}
.home_orthodontics_item_text {
  margin-bottom: 25px;
}
.home_orthodontics_item_btn,
a.home_orthodontics_item_btn {
  color: #fff;
}
.home_orthodontics_item_btn {
  max-width: 360px;
  width: 100%;
  display: block;
  background: url(../images/arrow.png) #479776 right 25px center/24px auto no-repeat;
  border-radius: 20px;
  font-size: 18px;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  padding: 14px 50px;
  margin: auto auto 0;
}
@media (hover: hover) {
  .home_orthodontics_item_btn {
    transition: background-position .2s;
  }
  .home_orthodontics_item_btn:hover {
    background-position: right 15px center;
  }
}
.home_orthodontics_item_btn span {
  display: block;
}
.home_orthodontics_item_btn_en {
  font-size: 78%;
  margin-bottom: 3px;
}
.home_orthodontics_item.home_orthodontics_item-adult {
  background: #8fc8ce;
}
.home_orthodontics_item.home_orthodontics_item-adult .home_orthodontics_item_head {
  background-image: url(../images/home/orthodontics_adult_bg.jpg);
}
.home_orthodontics_item.home_orthodontics_item-adult .home_orthodontics_item_head_text {
  background-image: url(../images/home/orthodontics_adult_text_dec_l.png), url(../images/home/orthodontics_adult_text_dec_r.png);
}
.home_orthodontics_item.home_orthodontics_item-adult .home_orthodontics_item_head_text span {
  color: #319eb1;
}
.home_orthodontics_item.home_orthodontics_item-adult .home_orthodontics_item_catch {
  color: #136877;
}
.home_orthodontics_item.home_orthodontics_item-adult .home_orthodontics_item_btn {
  background-color: #319eb1;
}
.home_orthodontics_consultation {
  text-align: center;
  padding: 1px 0 70px;
  margin-top: 130px;
  position: relative;
}
.home_orthodontics_consultation::before, .home_orthodontics_consultation::after {
  display: block;
  content: "";
  width: 1650px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.home_orthodontics_consultation::before {
  background-color: #fff;
}
.home_orthodontics_consultation::after {
  background-image: url(../images/home/consultation_bg_l.jpg), url(../images/home/consultation_bg_r.jpg);
  background-position: left top, right top;
  background-repeat: no-repeat;
  background-size: 414px auto;
}
.home_orthodontics_consultation > * {
  position: relative;
  z-index: 1;
}
.home_orthodontics_consultation_en {
  color: #9cd0d9;
  font-size: 90px;
  font-family: "futura-pt", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-top: -0.5em;
  margin-bottom: 45px;
}
.home_orthodontics_consultation_tit {
  color: #42a9bb;
  font-size: 60px;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  padding-bottom: 30px;
  background: url(../images/home/consultation_tit_dec.png) center bottom/auto 16px no-repeat;
  margin-bottom: 25px;
}
.home_orthodontics_consultation_text {
  margin-bottom: 30px;
}
.home_orthodontics_consultation address {
  max-width: 740px;
  padding: 20px 40px;
  background: #e3f2f4;
  border-radius: 60px;
  margin-inline: auto;
}
.home_orthodontics_consultation address a {
  color: #42a9bb;
  font-size: 49px;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
}
.home_orthodontics_consultation address a span {
  font-size: 59%;
}
.home_orthodontics_invisalign {
  text-align: center;
  margin-top: 110px;
}
@media (hover: hover) {
  .home_orthodontics_invisalign a:hover {
    opacity: 0.8;
  }
}
.home_orthodontics_invisalign img {
  border-radius: 20px;
}

@media print, screen and (min-width: 641px) {
  .home_orthodontics_list {
    display: flex;
    justify-content: space-between;
  }
  .home_orthodontics_item {
    display: flex;
    flex-flow: column;
    width: 580px;
  }
  .home_orthodontics_item_btm {
    flex: 1;
    display: flex;
    flex-flow: column;
  }
  .home_orthodontics_item_flex {
    padding-left: 30px;
  }
  .home_orthodontics_item_catch {
    padding-inline: 30px;
  }
  .home_orthodontics_item_text {
    line-height: 2.2;
    padding-inline: 60px;
  }
  .home_orthodontics_item.home_orthodontics_item-adult .home_orthodontics_item_flex {
    gap: 0 22px;
  }
  .home_orthodontics_consultation_text {
    font-size: 18px;
    line-height: 2.2;
  }
}

@media screen and (max-width: 640px) {
  .home_orthodontics {
    padding-top: 40px;
    padding-bottom: calc(18% + 20px);
    margin-top: 40px;
  }
  .home_orthodontics_tit {
    font-size: clamp(20px, 5.3vw, 30px);
    margin-bottom: calc(20px + 17%);
  }
  .home_orthodontics_item:not(:last-child) {
    margin-bottom: calc(17% + 15px);
  }
  .home_orthodontics_item_head {
    padding-bottom: 6%;
  }
  .home_orthodontics_item_head_tit {
    max-width: 68%;
    margin: -17% auto 0;
  }
  .home_orthodontics_item_head_text {
    font-size: clamp(15px, 4vw, 22px);
    background-size: 1.2em auto;
    padding-inline: 1.2em;
  }
  .home_orthodontics_item_btm {
    padding: 1px 3% 20px;
  }
  .home_orthodontics_item_flex {
    align-items: flex-end;
    justify-content: center;
    gap: 0 15px;
    margin-bottom: 10px;
    margin-top: -3%;
  }
  .home_orthodontics_item_img {
    width: 24%;
    margin-top: 0;
  }
  .home_orthodontics_item_tit {
    font-size: clamp(22px, 6.4vw, 40px);
  }
  .home_orthodontics_item_catch {
    font-size: clamp(15px, 4vw, 22px);
    margin-bottom: 10px;
  }
  .home_orthodontics_item_text {
    font-size: clamp(12px, 3.2vw, 14px);
    margin-bottom: 10px;
  }
  .home_orthodontics_item_btn {
    width: -moz-fit-content;
    width: fit-content;
    font-size: clamp(15px, 4vw, 18px);
    padding: 10px 45px;
    background-position: right 15px center;
  }
  .home_orthodontics_consultation {
    padding-bottom: 30px;
    margin-top: 40px;
  }
  .home_orthodontics_consultation::before, .home_orthodontics_consultation::after {
    width: 112%;
  }
  .home_orthodontics_consultation::after {
    background-size: 36% auto;
    opacity: 0.4;
  }
  .home_orthodontics_consultation_en {
    font-size: clamp(36px, 12.8vw, 48px);
    margin-bottom: 15px;
  }
  .home_orthodontics_consultation_tit {
    font-size: clamp(26px, 8vw, 30px);
    padding-bottom: calc(0.3em + 5px);
    background-size: auto 0.3em;
    margin-bottom: 15px;
  }
  .home_orthodontics_consultation_text {
    margin-bottom: 15px;
  }
  .home_orthodontics_consultation address {
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 20px;
  }
  .home_orthodontics_consultation address a {
    font-size: clamp(26px, 8vw, 30px);
  }
  .home_orthodontics_invisalign {
    margin-top: 30px;
  }
}

@media screen and (max-width: 640px) and (hover: hover) {
  .home_orthodontics_item_btn:hover {
    background-position: right 10px center;
  }
}


/*==================================================================

  *診療案内2

==================================================================*/
.home_medical2 {
  background: #f9f8f1;
  padding-top: 1px;
  padding-bottom: 130px;
}
.home_medical2_head {
  max-width: 494px;
  margin-inline: auto;
  margin-top: -132px;
}
.home_medical2_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.home_medical2_item {
  width: 285px;
  text-align: center;
}
.home_medical2_item a {
  display: flex;
  flex-flow: column;
  height: 100%;
  background: #e3f2f4;
  border-radius: 20px;
  color: var(--text-color);
  padding: 30px 10px 40px;
}
.home_medical2_item_icon {
  margin-bottom: 8px;
}
.home_medical2_item_icon img {
  width: auto;
  max-height: 86px;
}
.home_medical2_item_tit {
  font-size: 24px;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-bottom: 10px;
}
.home_medical2_item_text {
  margin-bottom: 20px;
}
.home_medical2_item_btn {
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  border-radius: 40px;
  padding: 0 40px 0 18px;
  margin: auto auto 0;
  background: url(../images/arrow.png) #6bb4c1 right 6px center/24px auto no-repeat;
}
@media (hover: hover) {
  .home_medical2_item_btn {
    transition: background-color .3s;
  }
  .home_medical2_item a:hover .home_medical2_item_btn {
    background-color: var(--sub-color);
  }
}
.home_medical2_aesthetics {
  text-align: center;
  margin-top: 110px;
}
@media (hover: hover) {
  .home_medical2_aesthetics a:hover {
    opacity: 0.8;
  }
}
.home_medical2_aesthetics img {
  border-radius: 20px;
}

@media print, screen and (min-width: 641px) {
  .home_medical2_item_text {
    line-height: 1.9;
  }
}

@media screen and (max-width: 640px) {
  .home_medical2 {
    padding-bottom: 40px;
  }
  .home_medical2_head {
    width: 60%;
    margin-top: -20%;
  }
  .home_medical2_list {
    gap: 10px;
  }
  .home_medical2_item {
    width: calc((100% - 10px) / 2);
  }
  .home_medical2_item a {
    padding: 10px 3px 15px;
  }
  .home_medical2_item_icon img {
    max-height: 60px;
  }
  .home_medical2_item_tit {
    font-size: clamp(15px, 4.3vw, 18px);
  }
  .home_medical2_item_text {
    margin-bottom: 10px;
  }
  .home_medical2_item_btn {
    font-size: clamp(12px, 3.5vw, 14px);
    padding: 3px calc(2em + 6px) 3px 1em;
    background-size: 1.5em auto;
  }
  .home_medical2_aesthetics {
    margin-top: 30px;
  }
}

/*==================================================================

  *お悩みから探す

==================================================================*/
.home_search {
  background: url(../images/home/search_bg_t_l.png) left top no-repeat, url(../images/home/search_bg_t_r.png) right top no-repeat, url(../images/home/search_bg.jpg) left top/10px auto;
  padding-top: 145px;
  padding-bottom: 160px;
}
.home_search .home_tit_en,
.home_search .home_tit_jp, .home_search_text {
  color: #fff;
}
.home_search .home_tit_jp {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 8px 8px;
  margin-inline: auto;
  position: relative;
}
.home_search .home_tit_jp::before, .home_search .home_tit_jp::after {
  display: block;
  content: "";
  width: 1px;
  height: 44px;
  background: currentColor;
  position: absolute;
  bottom: 0;
  transform-origin: left bottom;
}
.home_search .home_tit_jp::before {
  left: 0;
  transform: rotate(-30deg);
}
.home_search .home_tit_jp::after {
  right: 0;
  transform: rotate(30deg);
}
.home_search_text {
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-size: 48px;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 90px;
}
.home_search_text span {
  color: #f7f2a3;
}
.home_search_list {
  max-width: 1080px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 40px;
  margin-inline: auto;
}
.home_search_item {
  width: 240px;
  text-align: center;
}
.home_search_item a {
  display: flex;
  flex-flow: column;
  height: 100%;
  background: #fff;
  border-radius: 40px;
  outline: solid rgba(107, 180, 193, 0.48);
  color: var(--text-color);
  padding: 30px 0 40px;
}
.home_search_item_icon {
  max-width: 105px;
  aspect-ratio: 1;
  background: #6bb4c1;
  border-radius: 50%;
  margin: 0 auto 25px;
}
.home_search_item_tit {
  font-size: 24px;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-bottom: 35px;
}
.home_search_item_tit span {
  color: #319eb1;
  font-size: 108%;
}
.home_search_item_btn {
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  border-radius: 40px;
  padding: 0 40px 0 18px;
  margin: auto auto 0;
  background: url(../images/arrow.png) #6bb4c1 right 6px center/24px auto no-repeat;
}
.home_search_item:nth-child(8n-1) .home_search_item_icon, .home_search_item:nth-child(8n-3) .home_search_item_icon, .home_search_item:nth-child(8n-4) .home_search_item_icon, .home_search_item:nth-child(8n-6) .home_search_item_icon {
  background: #99cca0;
}
.home_search_item:nth-child(8n-1) .home_search_item_tit span, .home_search_item:nth-child(8n-3) .home_search_item_tit span, .home_search_item:nth-child(8n-4) .home_search_item_tit span, .home_search_item:nth-child(8n-6) .home_search_item_tit span {
  color: #81ac87;
}
.home_search_item:nth-child(8n-1) .home_search_item_btn, .home_search_item:nth-child(8n-3) .home_search_item_btn, .home_search_item:nth-child(8n-4) .home_search_item_btn, .home_search_item:nth-child(8n-6) .home_search_item_btn {
  background-color: #99cca0;
}

@media (hover: hover) {
  .home_search_item_icon {
    transition: transform .3s;
  }
  .home_search_item a:hover .home_search_item_icon {
    transform: translateY(-6px);
  }
  .home_search_item_btn {
    transition: background-color .3s;
  }
  .home_search_item a:hover .home_search_item_btn {
    background-color: var(--sub-color);
  }
}

@media print, screen and (min-width: 641px) {
  .home_search .home_tit {
    margin-bottom: 55px;
  }
}

@media screen and (max-width: 640px) {
  .home_search {
    background-size: 40% auto, 40% auto, 10px auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .home_search .home_tit_jp {
    padding-bottom: 5px;
  }
  .home_search .home_tit_jp::before, .home_search .home_tit_jp::after {
    height: calc(1.4em + 5px);
  }
  .home_search_text {
    font-size: 18px;
    font-size: clamp(16px, 4.8vw, 22px);
    margin-bottom: 20px;
  }
  .home_search_list {
    gap: 10px;
  }
  .home_search_item {
    width: calc((100% - 10px) / 2);
  }
  .home_search_item a {
    padding: 10px 3px;
    border-radius: 20px;
  }
  .home_search_item_icon {
    width: 44%;
    margin-bottom: 10px;
  }
  .home_search_item_tit {
    font-size: clamp(14px, 4vw, 18px);
    margin-bottom: 10px;
  }
  .home_search_item_btn {
    font-size: clamp(12px, 3.5vw, 14px);
    padding: 3px calc(2em + 6px) 3px 1em;
    background-size: 1.5em auto;
  }
}

/*==================================================================

  *お悩みありませんか？

==================================================================*/
.home_trouble_head {
  padding-top: 40px;
  padding-bottom: 25px;
  box-shadow: 0 31px 46px rgb(51 51 51 / .16);
  position: relative;
}
.home_trouble_head, .home_trouble_head::before {
  background: #319eb1;
}
.home_trouble_head::before {
  display: block;
  content: "";
  width: 118px;
  aspect-ratio: 118/52;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.home_trouble .home_tit_en {
  color: #fff;
  opacity: 0.12;
  text-align: center;
}
.home_trouble_tit {
  max-width: 794px;
  margin-inline: auto;
}
.home_trouble_content {
  background: url(../images/home/trouble_bg_t_l.png) left top no-repeat, url(../images/home/trouble_bg.jpg) left top/10px auto;
  padding-top: 110px;
  padding-bottom: 160px;
}
.home_trouble_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 80px 60px;
}
.home_trouble_item {
  width: 254px;
}
.home_trouble_item a {
  display: block;
}
.home_trouble_item_tit {
  display: flex;
  flex-flow: column;
  justify-content: center;
  min-height: calc(2.1em + 16px);
  color: #fff;
  font-size: 23px;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  padding: 8px 0;
  border-radius: 40px;
  margin-bottom: -15%;
  position: relative;
  z-index: 1;
}
.home_trouble_item_tit, .home_trouble_item_tit::before {
  background: #319eb1;
}
.home_trouble_item_tit::before {
  display: block;
  content: "";
  width: 12px;
  aspect-ratio: 12/16;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.home_trouble_item_tit span {
  display: block;
}
.home_trouble_item_tit > span span {
  font-size: 65%;
}
.home_trouble_item_img {
  max-width: 230px;
  background: #f2f0d8;
  border-radius: 50%;
  margin-inline: auto;
  position: relative;
}
.home_trouble_item_img::before {
  display: block;
  content: "";
  max-width: 40px;
  width: 18%;
  aspect-ratio: 1;
  background: url(../images/home/trouble_arrow.png) center center/100% auto no-repeat;
  position: absolute;
  bottom: -5px;
  right: 16%;
}

@media (hover: hover) {
  .home_trouble_item_img::before {
    transition: right .3s;
  }
  .home_trouble_item a:hover .home_trouble_item_img::before {
    right: calc(16% - 10px);
  }
}

@media print, screen and (min-width: 641px) {
  .home_trouble_item:nth-child(1) {
    margin-left: 159px;
  }
  .home_trouble_item:nth-child(3) {
    margin-right: 159px;
  }
}

@media screen and (max-width: 640px) {
  .home_trouble_head::before {
    width: 80px;
  }
  .home_trouble_content {
    background-size: 50% auto, 10px auto;
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .home_trouble_list {
    padding: 0;
    gap: 20px 6px;
  }
  .home_trouble_item {
    width: calc((100% - 6px) / 2);
  }
  .home_trouble_item a {
    display: block;
  }
  .home_trouble_item_tit {
    min-height: calc(2.1em + 10px);
    font-size: clamp(12px, 3.7vw, 20px);
    letter-spacing: 0.05em;
    padding: 5px 0;
  }
  .home_trouble_item_img {
    width: 90%;
  }
  .home_trouble_item:nth-last-child(-n+3) {
    width: calc((100% - 12px) / 3);
  }
  .home_trouble_item:nth-last-child(-n+3) .home_trouble_item_tit {
    letter-spacing: 0;
  }
}

/*==================================================================

  *選ばれる6つの理由

==================================================================*/
.home_feature {
  background: url(../images/home/feature_bg.jpg) left top/15px auto;
  counter-reset: feature_num 0;
  padding-bottom: 130px;
  overflow: hidden;
}
.home_feature_tit {
  text-align: center;
  margin-bottom: 130px;
}
.home_feature_tit img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home_feature_text {
  font-size: 18px;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 500;
  text-align: center;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
  padding: 98px 0;
  margin-bottom: 130px;
  position: relative;
}
.home_feature_text, .home_feature_text::after {
  background-color: #eee3b6;
}
.home_feature_text::before, .home_feature_text::after {
  display: block;
  content: "";
  clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.home_feature_text::before {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: #fff;
}
.home_feature_text::after {
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  background-image: url(../images/home/feature_text_circle.png), url(../images/home/feature_text_circle.png), url(../images/home/feature_text_circle.png), url(../images/home/feature_text_circle.png);
  background-repeat: no-repeat;
  background-position: left 6px top 6px, right 6px top 6px, left 6px bottom 6px, right 6px bottom 6px;
  background-size: 10px auto;
}
.home_feature_text p {
  position: relative;
  z-index: 1;
}
.home_feature_item {
  counter-increment: feature_num;
}
.home_feature_item_num {
  width: -moz-fit-content;
  width: fit-content;
  font-family: "futura-pt", sans-serif;
  font-weight: 600;
  line-height: 1;
  position: relative;
  padding-left: 32px;
}
.home_feature_item_num::before {
  content: counter(feature_num, decimal-leading-zero);
  color: #6bb4c1;
  font-size: 140px;
  letter-spacing: 0.02em;
}
.home_feature_item_num::after {
  content: "Feature";
  font-size: 20px;
  letter-spacing: 0.08em;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.home_feature_item_tit {
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 30px;
}
.home_feature_item_tit span {
  display: block;
}
.home_feature_item_tit span:first-child {
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  background-image: url(../images/home/feature_text_circle.png), url(../images/home/feature_text_circle.png);
  background-repeat: no-repeat;
  background-position: left 16px center, right 16px center;
  background-size: 10px auto, 10px auto, 10px auto, 10px auto;
  background-color: #6bb4c1;
  clip-path: polygon(24px 0, calc(100% - 24px) 0, 100% 50%, calc(100% - 24px) 100%, 24px 100%, 0 50%);
  padding: 7px 50px;
  margin: 0 auto 25px;
}
.home_feature_item_text {
  font-size: 17px;
}
.home_feature_item_text span {
  color: #e1ac67;
  font-weight: bold;
}
.home_feature_item .btn01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 20px;
  text-align: center;
  margin-top: 40px;
}
.home_feature_item .btn01 a {
  font-size: 100%;
  background-color: #6bb4c1;
  padding-block: 12px;
}
.home_feature_item.green .home_feature_item_num::before {
  color: #99cca0;
}
.home_feature_item.green .home_feature_item_tit span:first-child,
.home_feature_item.green .btn01 a {
  background-color: #99cca0;
}
.home_feature_item.purple .home_feature_item_num::before {
  color: #a4abd7;
}
.home_feature_item.purple .home_feature_item_tit span:first-child,
.home_feature_item.purple .btn01 a {
  background-color: #a4abd7;
}
.home_feature_item.pink .home_feature_item_num::before {
  color: #e5a798;
}
.home_feature_item.pink .home_feature_item_tit span:first-child,
.home_feature_item.pink .btn01 a {
  background-color: #e5a798;
}
.home_feature_item.orange .home_feature_item_num::before {
  color: #e1ac67;
}
.home_feature_item.orange .home_feature_item_tit span:first-child,
.home_feature_item.orange .btn01 a {
  background-color: #e1ac67;
}
.home_feature_item.blue .home_feature_item_num::before {
  color: #6fa8d9;
}
.home_feature_item.blue .home_feature_item_tit span:first-child,
.home_feature_item.blue .btn01 a {
  background-color: #6fa8d9;
}
.home_feature_end {
  font-size: 28px;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 2.4;
  text-align: center;
  border-width: 3px 0 3px 0;
  border-color: #319eb1 #fff #7179ac #fff;
  border-style: solid;
  margin-top: 75px;
  position: relative;
}
.home_feature_end::before {
  display: block;
  content: "";
  width: calc(100% + 28px);
  height: 100%;
  background-image: url(../images/home/feature_end_bdr_l.png), url(../images/home/feature_end_bdr_r.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: 32px auto;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.home_feature_end_blue {
  color: #41a8ba;
}
.home_feature_end_orange {
  color: #e1ac67;
}
.home_feature_end_purple {
  color: #7179ac;
}

@media print, screen and (min-width: 641px) {
  .home_feature_tit {
    height: 490px;
  }
  .home_feature_item_tit span:first-child {
    min-width: 380px;
  }
  .home_feature_item_text {
    max-width: 530px;
    margin-inline: auto;
  }
  .home_feature_item_text span {
    font-size: 112%;
  }
  .home_feature_item .btn01 a {
    min-width: 200px;
  }
  .home_feature_list1 .home_feature_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .home_feature_list1 .home_feature_item:not(:last-child) {
    margin-bottom: 100px;
  }
  .home_feature_list1 .home_feature_item_img {
    width: 670px;
    flex-shrink: 0;
    position: relative;
  }
  .home_feature_list1 .home_feature_item_num {
    position: absolute;
    right: 18px;
    top: 28px;
  }
  .home_feature_list1 .home_feature_item_textArea {
    width: 540px;
    margin-left: -10px;
  }
  .home_feature_list1 .home_feature_item:nth-child(even) {
    flex-direction: row-reverse;
  }
  .home_feature_list1 .home_feature_item:nth-child(even) .home_feature_item_num {
    right: auto;
    left: 5px;
  }
  .home_feature_list1 .home_feature_item:nth-child(even) .home_feature_item_textArea {
    margin-left: 0;
    margin-right: -10px;
  }
  .home_feature_list2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 108px 0;
    margin-top: 75px;
  }
  .home_feature_list2 .home_feature_item {
    width: 568px;
  }
  .home_feature_list2 .home_feature_item_img {
    margin-bottom: 50px;
  }
  .home_feature_list2 .home_feature_item_img img {
    max-width: 486px;
    margin-left: 25px;
  }
  .home_feature_list2 .home_feature_item_img img.large {
    max-width: 538px;
    margin-left: 0;
  }
  .home_feature_list2 .home_feature_item_num {
    margin-left: -25px;
    margin-bottom: -20px;
  }
  .home_feature_list2 .home_feature_item_tit span:first-child {
    min-width: 472px;
  }
  .home_feature_list2 .home_feature_item .btn01 {
    margin-top: 30px;
  }
  .home_feature_end {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 297px;
  }
}

@media screen and (max-width: 640px) {
  .home_feature {
    padding-bottom: 40px;
  }
  .home_feature_tit {
    width: 136%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 25px;
  }
  .home_feature_text {
    font-size: 100%;
    padding: 30px 20px;
    margin-bottom: 30px;
  }
  .home_feature_list1:not(:last-child), .home_feature_item:not(:last-child) {
    margin-bottom: 25px;
  }
  .home_feature_item_img {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
  }
  .home_feature_item_num {
    padding-left: 15px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .home_feature_item_num::before {
    font-size: clamp(60px, 19vw, 100px);
  }
  .home_feature_item_num::after {
    font-size: clamp(13px, 3.7vw, 18px);
  }
  .home_feature_item_img img {
    width: 86%;
  }
  .home_feature_item_tit {
    font-size: clamp(15px, 4.3vw, 18px);
    margin-bottom: 15px;
  }
  .home_feature_item_tit span:first-child {
    padding-inline: 35px;
    margin-bottom: 10px;
  }
  .home_feature_item_text {
    font-size: 100%;
  }
  .home_feature_item .btn01 {
    margin-top: 15px;
  }
  .home_feature_end {
    font-size: 100%;
    padding: 20px 6%;
    margin-top: 30px;
  }
}

/*==================================================================

  *ご挨拶

==================================================================*/
.home_greeting {
  padding-top: 145px;
  padding-bottom: 160px;
  overflow: hidden;
}
.home_greeting img {
  position: relative;
  z-index: 1;
}
.home_greeting_name {
  font-size: 17px;
  background: rgba(107, 180, 193, 0.22);
  padding: 90px 0 60px 30px;
  margin-top: -55px;
}
.home_greeting_name p {
  position: relative;
}
.home_greeting_name_fsL {
  font-size: 129%;
  line-height: 1.5;
}
.home_greeting_name_fsS {
  font-size: 94%;
}
.home_greeting_catch {
  font-size: 48px;
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.8;
  margin-bottom: 1.5em;
}
.home_greeting_catch span {
  color: #6bb4c1;
}
.home_greeting_flex .home_greeting_img {
  max-width: 546px;
  width: 97%;
  margin-left: auto;
  position: relative;
}
.home_greeting_flex .home_greeting_img::before {
  display: block;
  content: "";
  max-width: 360px;
  width: 66%;
  aspect-ratio: 1;
  background: url(../images/home/greeting_img_bg.png) left top/100% auto no-repeat;
  pointer-events: none;
  position: absolute;
  right: -16%;
  bottom: -98px;
}
.home_greeting_flex .home_greeting_textArea {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10%;
}
.home_greeting_flex .home_greeting_textArea_img {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 214px;
  width: 38%;
  flex-shrink: 0;
  pointer-events: none;
}
.home_greeting_flex .home_greeting_textArea_img img:first-child {
  width: calc(100% - 10px);
}
.home_greeting_flex .home_greeting_text {
  flex: 1;
  padding-top: 40px;
}
.home_greeting_flex .home_greeting_text p {
  padding-bottom: 100px;
}
.home_greeting_flex2 {
  display: flex;
  gap: 0 105px;
}
.home_greeting_flex2 .home_greeting_img {
  width: 296px;
  flex-shrink: 0;
  position: relative;
}
.home_greeting_flex2 .home_greeting_img::before {
  display: block;
  content: "";
  width: 204px;
  aspect-ratio: 1;
  background: url(../images/home/greeting_dec.png) left top/100% auto no-repeat;
  pointer-events: none;
  position: absolute;
  left: -176px;
  top: -33px;
}
.home_greeting_flex2 .home_greeting_text {
  flex: 1;
  max-width: 656px;
  padding-top: 25px;
}

@media print, screen and (min-width: 641px) {
  .home_greeting .home_tit {
    margin-bottom: 110px;
  }
  .home_greeting_name {
    max-width: 320px;
  }
  .home_greeting_text p {
    line-height: 2.1;
  }
  .home_greeting_flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    gap: 0 5.4%;
  }
  .home_greeting_flex .home_greeting_imgArea {
    max-width: 568px;
    width: 48%;
    flex-shrink: 0;
  }
  .home_greeting_flex .home_greeting_textArea {
    flex: 1;
    position: relative;
  }
  .home_greeting_flex .home_greeting_textArea_img {
    height: 100%;
    padding-top: 14px;
    position: absolute;
    left: -10%;
    top: 0;
    z-index: 1;
    transform: translateX(-100%);
  }
}

@media print, screen and (min-width: 641px) and (max-width: 1680px) {
  .home_greeting_catch {
    font-size: clamp(32px, 2.5vw, 48px);
  }
  .home_greeting_flex .home_greeting_imgArea {
    width: 32%;
  }
  .home_greeting_flex .home_greeting_textArea_img {
    position: static;
    transform: none;
  }
  .home_greeting_flex2 {
    padding-left: 50px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 640px) {
  .home_greeting {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .home_greeting .home_inner {
    padding: 0;
  }
  .home_greeting_name {
    width: calc(100% - 20px);
    padding: 90px 20px 20px 20px;
    margin-top: -70px;
  }
  .home_greeting_catch {
    font-size: clamp(18px, 5.3vw, 48px);
  }
  .home_greeting_flex .home_greeting_imgArea {
    padding-inline: 5%;
  }
  .home_greeting_flex .home_greeting_textArea {
    gap: 0 4%;
    padding-right: 5%;
    margin-top: 20px;
  }
  .home_greeting_flex .home_greeting_textArea_img {
    width: 28%;
  }
  .home_greeting_flex .home_greeting_textArea_img img:first-child {
    margin-bottom: 20px;
  }
  .home_greeting_flex .home_greeting_text {
    padding-top: 1em;
  }
  .home_greeting_flex .home_greeting_text p {
    padding-bottom: 1em;
  }
  .home_greeting_flex2 {
    align-items: flex-start;
    flex-direction: row-reverse;
    gap: 0 4%;
    padding-left: 5%;
    margin-top: 20px;
  }
  .home_greeting_flex2 .home_greeting_img {
    max-width: 296px;
    width: 28%;
  }
  .home_greeting_flex2 .home_greeting_img::before {
    max-width: 204px;
    width: 69%;
    left: -20px;
    top: -20px;
  }
  .home_greeting_flex2 .home_greeting_text {
    padding-top: 1em;
  }
}

/*==================================================================

  *ブログ

==================================================================*/
.home_blog {
  padding-top: 130px;
  padding-bottom: 80px;
  background: url(../images/home/blog_bg.jpg) left top/20px auto;
}

.home_blog button {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  border: none;
}

.home_blog .splide {
  overflow: hidden;
}

.home_blog .splide__list {
  align-items: flex-start;
  width: 100%;
}

/* ----- 矢印 ----- */
.home_blog .splide__arrows {
  display: flex;
  justify-content: flex-end;
  gap: 0 14px;
  margin-top: 15px;
}

.home_blog .splide__arrow {
  width: 32px;
  height: 32px;
  background: url(../images/home/prev.png) center/100% auto no-repeat;
  cursor: pointer;
  overflow: hidden;
  transform: translateZ(0);
  transition: background 0.2s, color 0.2s;
}

.home_blog .splide__arrow:hover {
  opacity: 0.8;
}

.home_blog .splide__arrow--next {
  background-image: url(../images/home/next.png);
}

/* ----- ページネーション ----- */
.home_blog .splide__pagination {
  margin-top: 25px;
}

.home_blog .splide__pagination li {
  flex: 1;
  background-color: #fff;
  transition: background 0.2s;
}

.home_blog .splide__pagination li:not(:has(.is-active) ~ li) {
  background: var(--main-color);
}

.home_blog .splide__pagination__page {
  display: block;
  width: 100%;
  height: 2px;
}

/* ----- コラム個別 ----- */
.home_blog_item {
  font-family: "zen-maru-gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.6;
}

.home_blog_item a {
  display: block;
  color: var(--text-color);
}

.home_blog_item_thum {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  overflow: hidden;
}

.home_blog_item_thum img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 340/215;
  transition: transform 0.4s;
}

.home_blog_item a:hover .home_blog_item_thum img {
  transform: scale(1.1);
}

.home_blog_item:nth-child(-n+4) .home_blog_item_thum::before {
  content: "NEW";
  display: block;
  width: 88px;
  height: 72px;
  padding: 12px 0 0 10px;
  background: #fb8976;
  font-family: "futura-pt", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  font-size: 17px;
  line-height: 1;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 2;
}

.home_blog_item_date {
  margin-bottom: 12px;
}

.home_blog_item_category {
  display: flex;
  flex-flow: wrap;
  gap: 10px;
}

.home_blog_item_category li {
  min-width: 80px;
  padding: 2px 15px;
  background: var(--main-color);
  color: #fff;
  text-align: center;
}

.home_blog_item_category li:nth-child(even) {
  background: #6f9474;
}

.home_blog_item_tit {
  font-size: 106%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 15px;
}

@media print, screen and (min-width: 641px) {
  .home_blog_inner {
    display: flex;
    justify-content: space-between;
    padding-left: calc((100% - 1200px) / 2);
  }
  .home_blog_head {
    width: 348px;
    flex-shrink: 0;
    padding-top: 10px;
  }
  .home_blog .home_tit {
    text-align: left;
  }
  .home_blog .home_tit_en {
    font-size: 60px;
  }
  .home_blog_head .btn01 a {
    min-width: 200px;
    font-size: 100%;
    padding-block: 12px;
  }
  .home_blog .splide {
    flex: 1;
  }
  .home_blog .splide__pagination,
  .home_blog .splide__arrows {
    max-width: 850px;
  }
}

@media screen and (max-width: 640px) {
  .home_blog {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .home_blog_inner {
    padding-inline: 5%;
  }
  .home_blog_head {
    margin-bottom: 30px;
  }
  .home_blog .btn01 {
    text-align: center;
  }
}

/*==================================================================

  *お知らせ

==================================================================*/
.home_news {
  padding-top: 130px;
  padding-bottom: 130px;
}

.home_news_list > li:not(:last-child) {
  margin-bottom: 30px;
}
.home_news_list > li > a {
  display: flex;
  align-items: center;
  gap: 0 20px;
  background: rgba(156, 208, 217, 0.8);
  border-radius: 50px;
  color: var(--text-color);
  line-height: 1.5;
  padding: 15px 55px 15px 20px;
  position: relative;
}
@media (hover: hover) {
  .home_news_list > li > a:hover {
    background: #e3f2f4;
  }
}
.home_news_list > li > a::after {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../images/home/news_arrow.png) center/100% auto no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.home_news_list > li > a > span,
.home_news_list > li > a > em {
  flex-shrink: 0;
}
.home_news_list > li > a > em {
  min-width: 120px;
  border-radius: 20px;
  font-size: 94%;
  text-align: center;
  padding: 3px 15px;
}
.home_news_list > li > a > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media print, screen and (min-width: 641px) {
  .home_news .home_inner {
    display: flex;
    justify-content: space-between;
  }
  .home_news_head {
    flex: 1;
  }
  .home_news .home_tit {
    text-align: left;
  }
  .home_news .home_tit_en {
    font-size: 60px;
    margin-top: -0.2em;
  }
  .home_news_head .btn01 a {
    min-width: 200px;
    font-size: 100%;
    padding-block: 12px;
  }
  #mpcloud_news {
    width: 852px;
  }
}

@media screen and (max-width: 640px) {
  .home_news {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .home_news_head {
    margin-bottom: 30px;
  }
  .home_news .btn01 {
    text-align: center;
  }
  .home_news_list > li:not(:last-child) {
    margin-bottom: 15px;
  }
  .home_news_list > li > a {
    flex-wrap: wrap;
    gap: 10px 15px;
    padding-right: 45px;
  }
  .home_news_list > li > a::after {
    right: 10px;
  }
  .home_news_list > li > a > em {
    min-width: auto;
    font-size: 100%;
  }
  .home_news_list > li > a > p {
    width: 100%;
  }
}

/*==================================================================

  *トップページ下部画像

==================================================================*/
.home_btm {
  text-align: center;
}