@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =================================================
   共通
================================================= */
.en_ft {
  font-family: "ZCOOL XiaoWei", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.jp_ft {
  font-family: "Shippori Mincho", serif;
  font-weight: 500!important;
  font-style: normal;
}

@media screen and (max-width: 767px) {
.txt-left {
    text-align: left;
}
.sp_br {
  display: none;
}
}


/* ===============================
   ヘッダー
=============================== */
.l-header .l-container {
    max-width: 1780px;
    margin: 0 auto;
    padding: 0 3vw;
}
.-series .l-header__logo {
    min-width: 180px;
    margin: 50px 1vw 0 0;
    padding: 0;
}
.-series-right .l-header__inner {
    padding-bottom: 15px;
}
.c-gnav {
    margin-top: 60px;
    height: 40px;
    position: relative;
}
.c-gnav > .menu-item > a .ttl {
    font-size: 1.1em;
    letter-spacing: 1.5px;
}
.c-gnav > .menu-item > a::after {
    background: none;
}

/* ナビの電話・お問い合わせの位置調整 */
.c-gnav li.tel,.c-gnav li.contact {
    position: absolute;
    top: -50px;
}

/* 電話 */
.c-gnav li.tel {
    right: 190px;
}
.c-gnav li.tel a {
    background: url(https://hazakura.famimare.jp/wp-content/uploads/2026/01/h-tel.svg) no-repeat left center / 24px 24px !important;
    padding-left: 30px;
    letter-spacing: 0.1rem;
}
.c-gnav li.tel a .ttl {
    font-size: 2rem;
}

/* お問い合わせ */
.c-gnav li.contact {
    right: 0;
    height: auto;
}
.c-gnav li.contact a {
    background-color: var(--color_main);
    color: #fff;
    padding: 12px 20px;
    margin-left: 15px;
    transition: 0.2s;
    font-size: 20px;
    letter-spacing: 0.1rem;
    border-radius: 30px;
}
.c-gnav li.contact a .ttl {
    font-size: 1.3rem;
}

/* 追従 */
.l-fixHeader .l-container {
    max-width: 1780px;
    margin: 0 auto;
    padding: 0 3vw;
}
.l-fixHeader__logo {
    margin-right: 1vw;
    min-width: 160px;
    margin-top: 40px;
}

@media screen and (max-width: 959px) {
.-series-right .l-header__inner {
  padding-bottom: 0 !important;
}
.-series .l-header__logo {
   margin: 0;
}
.dis_n {
  display: none !important;
}
}

/* ===============================
   コンテンツタイトル
=============================== */
h1.c-pageTitle {
    color: #333;
    font-family: "Shippori Mincho", serif;
    font-weight: 500 !important;
    font-style: normal;
    font-size: clamp(14px,3vw,16px);
    text-shadow: none;
}
small.c-pageTitle__subTitle {
    font-family: "ZCOOL XiaoWei", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: clamp(24px,5vw,32px);
    opacity: 1;
    margin-left: 0;
}
.c-pageTitle {
  display: flex;
  flex-direction: column-reverse;
}

@media screen and (min-width: 1280px) {
.l-topTitleArea {
  min-height: 360px;
}
}
/* ===============================
   MOREボタン
=============================== */
.main-btn a {
  position: relative;
  align-items: center;
  display: inline-flex;
  gap: 18px;
  background: none;
  box-shadow: none;
  color: #333;
  text-decoration: none;
  padding: 0;
  font-size: 16px;
}

/* 円 */
.main-btn a::before {
  content: "";
  width: 70px;
  height: 70px;
  border: 1px solid currentColor;
  border-radius: 50%;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

/* 矢印（円の中央に固定） */
.main-btn a::after {
    content: "";
    position: absolute;
    left: 25px;
    top: 50%;
    width: 18px;
    height: 15px;
    transform: translateY(-50%);
    background: url(https://hazakura.famimare.jp/wp-content/uploads/2026/01/btn-arrow1.svg) no-repeat center / 18px 15px;
    pointer-events: none;
}

/* hover：円だけ拡大 */
.main-btn a:hover::before {
  transform: scale(1.15);
}


/* =================================================
   タイトル
================================================= */
.h2_ttl .en_ttl {
  font-family: "ZCOOL XiaoWei", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
}
.h2_ttl .en_ttl::before {
  content: url(https://hazakura.famimare.jp/wp-content/uploads/2026/01/en-ttl.svg);
}

.h2_ttl .jp_ttl {
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(24px, 4vw, 32px);
    display: block;
}

/* =================================================
   お問い合わせ
================================================= */
.swell-block-fullWide.contact-area {
    padding-left: 1em;
    padding-right: 1em;
}

.contact-area .wp-block-cover {
    max-width: 1800px;
    margin: 0 auto;
    border-radius: 50px;
    padding-right: 1em;
    padding-left: 1em;
}

.contact-area .swell-block-columns {
    max-width: 1280px;
    margin: 0 auto;
    padding: 1em;
}

.contact-btn a {
    position: relative;
    color: #fff;
    height: 200px;
    width: 200px !important;
    border-radius: 100px;
    transition: transform 0.4s ease; /* ← 追加 */
    border: 1px solid #fff;
    background-color: unset;
}

.contact-btn a:hover {
    transform: scale(1.15); /* ← 大きくする倍率 */
}
.contact-btn a::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 70%;
    width: 18px;
    height: 15px;
    transform: translateX(-50%);
    background: url(https://hazakura.famimare.jp/wp-content/uploads/2026/01/arrow2.svg) no-repeat center / 18px 15px;
}

.contact-area .wp-block-buttons {
    justify-content: right;
}
@media screen and (max-width: 767px) {
.contact-btn a {
    height: 150px;
    width: 150px !important;
}
.contact-area .wp-block-buttons {
    justify-content: center;
}
}

/* =================================================
   フッター
================================================= */
.l-footer__widgetArea {
    padding-bottom: 1em;
    padding-top: 5em;
}
.footer-list .wp-block-list {
    list-style: none;
    font-weight: 500;
}
.footer-list li {
    margin: .75em 0;
}
.footer-list li:last-of-type {
    margin-bottom: 0;
}
.footer-list li a {
  position: relative;
  display: inline-block;
  transition: transform 0.3s ease;
}

.footer-list li a:hover {
  transform: translateX(4px);
}

.l-footer .copyright {
    font-family: "ZCOOL XiaoWei", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-align: right;
}