/* Source: https://housekoubou-shiga.com/assets/css/settings.css */
@charset "utf-8";

/**
 * ************************************************************
 * CSS変数（背景色や三角シェープの色）
 * ************************************************************
*/
:root {
	/* 色 */
	--base-color: #000000;
	--base-inverted-color: #ffffff; /* --global-parts-bgに合わせる */
	--primary-color: #bbd8eb;
	--secondary-color: #599ecc;

	--base-font: var(--base-color);
	--base-inverted-font: var(--base-color); /* または --base-inverted-color */
	--news-txt-color: var(--secondary-color);
	--global-parts-font: var(--base-color);
	--global-parts-bg: #fdfdfc;
	--container-bg: #fdfdfc;
	--primary-divider-shape-bg: var(--primary-color);
	--secondary-divider-shape-bg: var(--secondary-color);
	--sns-icn-fill: var(--base-color);  /* または --base-inverted-color */
}

/**************************************************************
* フォームリセット
**************************************************************/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  font-weight: bold;
  border: 1px solid transparent;
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill:read-only,
textarea:-webkit-autofill:read-only,
select:-webkit-autofill:read-only,
input[type="text"]:not(#acceptance):read-only,
input[type="tel"]:not(#acceptance):read-only,
input[type="email"]:not(#acceptance):read-only,
textarea:not(.privacy-textarea):read-only {
  font-weight: bold;
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}


/* //MEMO
    特定の入力フォームのデザインを変更する場合は、以下のCSSを使用してフォームの入力部分をカスタマイズします。
.c-form-control__input,
.c-form-control__textarea {
  color: #000000 !important;
  background: #ffffff !important;
}
*/



/**
 * ************************************************************
 * 背景画像の指定
 * ************************************************************
*/

.free-btn-icn {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/tel_icn.svg");
}

/**　common
************************************************************ */

/* footer */
.footer-logo__link {
	background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/footer_logo_bg.svg");
}

/**　concept
************************************************************ */
.concept {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/picto_1_bg.svg"), url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/picto_2_bg.svg");
}

.specialities-list > li:nth-child(1) .speciality-item::after {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/kodawari_1_bg.jpg");
}
.specialities-list > li:nth-child(2) .speciality-item::after {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/kodawari_2_bg.jpg");
}
.specialities-list > li:nth-child(3) .speciality-item::after {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/kodawari_3_bg.jpg");
}

@media screen and ( min-width: 768px ) {
  .specialities-list > li::after {
    background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/kirakira_bg.svg");
  }
}

/** menu
************************************************************ */
.menu {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/vertical_picto_1_bg.svg"), url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/vertical_picto_2_bg.svg");
}

/** freespace (フリースペース エリア)
************************************************************ */
.freespace__outer::before {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/picto_1_bg-1.svg");
}
.freespace__outer > div::before {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/picto_2_bg-1.svg");
}

@media screen and ( min-width: 1024px ) {
  .freeSpace-list .list__item[class*="--picto-kirakira"]::after {
    background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/kirakira_bg.svg");
  }

	.freespace-special-item[class*="--picto-kirakira"]::after {
    background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/kirakira_bg.svg");
  }
}

/** news
************************************************************ */
.news {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/vertical_picto_1_bg.svg"), url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/vertical_picto_2_bg.svg");
}

/** access
************************************************************ */
.access {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/vertical_picto_1_bg.svg"), url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/vertical_picto_2_bg.svg");
}

.access-contents__block-2::after {
  background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/access_bg.jpg");
}

/* Source: https://housekoubou-shiga.com/assets/css/customize.css */
/*****************
* HEADER
*****************/
.header-logo {
    width: 20rem;
    height: auto;
}
@media screen and (max-width: 1023px) {
    .header-logo {
        top: 2rem;
        width: 13rem;
    }
}

/*****************
* concept
*****************/
.c-lead.--lv1 {
    letter-spacing: 0.25em;
}

.concept .c-txt-wrap > p {
    line-height: 2.1875;
    letter-spacing: 0.2em;
}

/*****************
* サービス内容
*****************/
.specialities-list > li:nth-child(4) .speciality-item::after {
    background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/kodawari_4_bg.jpg");
}

@media screen and (max-width: 767px) {
    .speciality-data > dt {
        font-size: 1.6rem;
    }
}

/*****************
* example
*****************/
.menu-list.--layout-1 {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
    .c-head.--lv3 {
        font-size: 1.6rem;
    }
}
@media (max-width: 767px){
    .menu {
        padding-bottom: 20rem;
    }
}

/*****************
* MERITS
*****************/
.c-head-txt {
    font-size: 2.6rem;
}

@media screen and (max-width: 767px) {
    .c-head-txt {
        font-size: 1.7rem;
    }
}

.freespace {
    padding-bottom: 8.5rem;
}
.freeSpace-list .item__name {
        letter-spacing: 0.1rem;
    }
    .freeSpace-list .item__des {
        letter-spacing: 0.1rem;
        line-height: 1.8;
    }
@media screen and (max-width: 767px) {
    .freeSpace-list .item__name {
        font-size: 1.8rem;
    }

    .freeSpace-list .item__des {
        font-size: 1.3rem;
    }
}

/*****************
* INSTAGRAM
*****************/
@media (max-width: 1023px) {
  .instagram {
    padding-top: 20.8vmax;
}
}

/*****************
* COMPANY
*****************/
.access {
    padding-top: 25rem;
}
@media screen and (max-width: 767px) {
    .access {
        padding-top: 13rem;
    }
}
@media screen and (max-width: 767px) {
    .access-contents__logo > figure > img {
        width: 12rem;
        height: auto;
    }
}

/*****************
* FOOTER
*****************/
.footer-logo__link {
    background-image: url("https://housekoubou-shiga.jp/wp-content/uploads/2026/07/logo02.svg");
    width: 12rem;
}