@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
*/

/********************************************************************
** サイト全体
********************************************************************/
body {
	/*font-family: "Montserrat", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;*/
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
	font-weight: 400;
}
p {
	line-height: 1.8;/* 行間 */
	letter-spacing: 0.11rem;/*　文字間　*/
	text-align: justify;
    word-break: break-all;
    overflow-wrap: break-word;
}

/* フォント */
:root {
	--swl-letter_spacing: 0.08em;/*　文字間　*/
	--color_border--table: #f0f0f1;/*テーブルの線*/
}

/* リンク　指カーソル */
a { cursor:pointer; }

/*　リスト　行間　*/
.post_content li {
    margin: 0.5em 0;
}

/*　テーブル　*/
table {
	letter-spacing: 0.1em;
	font-size: 95%;
}
.post_content th {
	
}
:root {
    --color_border--table: rgba(0,0,0,.1);
	--swl-text_color--black: var(--color_text);
}
@media (max-width: 960px){
	table {/*スマホでの文字サイズ*/
			font-size: 90%;
	}
}




/********************************************************************
** SWELL
********************************************************************/
/* --------------------------------------
// 　カラム　影
-------------------------------------- */
.is-style-clmn-shadow>.swell-block-columns__inner>.swell-block-column {
	box-shadow: 0 2px 10px rgba(0,0,0,.05), 0 10px 10px -10px rgba(0,0,0,.1);
}

/* --------------------------------------
// 　背景を白にした場合の基本文字色
-------------------------------------- */
.has-white-background-color {
	color: var(--color_text);
}


/* --------------------------------------
// 　ボタン
-------------------------------------- */
.is-style-btn_normal a {
	transition: letter-spacing .26s;
}
.is-style-btn_normal a:hover {
	 opacity: 0.8;
	 transition: .25s;
	 letter-spacing: .15em;
}
/* リスト 背景塗りつぶし　ホバー */
.swell-block-linkList.-fill .swell-block-linkList__link:hover {
	background-color: #fff;
}


/* --------------------------------------
// 　ボタン　黒背景
-------------------------------------- */
.btn_black a {
	background-color: var(--color_text);
}

/* --------------------------------------
// 　ボタン　文字左　　アイコン右
-------------------------------------- */
.btn_justify .swell-block-button__link[data-has-icon]  {
	justify-content: space-between;
}

/* --------------------------------------
// 　ブログパーツ下余白削除
-------------------------------------- */
.p-blogParts.post_content {
    margin-bottom: 0;
}


/* --------------------------------------
// 　角丸　画像
-------------------------------------- */
.wp-block-image.is-style-rounded img {
    border-radius: 0.5em;
}
/*　画像　角丸　*/
.img_kadomaru img {
	border-radius: 0.5em;
}


/* --------------------------------------
// 　タブ　黒-赤
-------------------------------------- */
/* タブボタン　基本 */
button.c-tabList__button {
	font-weight: bold;
}
/* タブボタン　未選択時 */
.is-style-balloon.balloon_black>.c-tabList .c-tabList__button {
    background: #534741;
	 color: #fff;
	 border-radius: 0.5em;
}
/* タブボタン 選択時　ホバー */
.is-style-balloon.balloon_black>.c-tabList .c-tabList__button:hover,
.is-style-balloon.balloon_black>.c-tabList .c-tabList__button[aria-selected=true] {
    background-color: var(--color_main);
    color: #fff;
}



/* --------------------------------------
// 　リンク　リスト　線あり
-------------------------------------- */
.swell-block-linkList.-border .swell-block-linkList__item:first-child {
    border-top: 1px solid #F0F3F5;
}
.swell-block-linkList.-border .swell-block-linkList__item {
    border-bottom: 1px solid #F0F3F5;
}

/* --------------------------------------
// 　リンク　> 右向き　矢印アイコン
-------------------------------------- */
.list_chevron-right li:before {
	content: "\e921";
	color: #9fb5cb;
}



/* --------------------------------------
// 　アコーディオン 続き　more コンパクト
-------------------------------------- */
.more-accordion .swell-block-accordion__title {
	padding: 0.3em 1em;
  border-radius: 50px;
  font-size: .9em;
}
.more-accordion p {
	text-align:justify
}


/* --------------------------------------
// スクロールバー 横 SWELL
-------------------------------------- */
#yoko-scroll .swell-block-columns__inner::-webkit-scrollbar {
	margin-top: 2em;
	background-color: #fff;
	height: 10px;
	/*border-radius: 50px;*/
}
#yoko-scroll .swell-block-columns__inner::-webkit-scrollbar-thumb {
	background-color: var(--color_text)!important;
	/*border-radius: 50px;*/
}
@media (min-width: 960px){
	#yoko-scroll .c-scrollHint {
		display: none;
		color: var(--color_text);
	}
}
/* コンテンツとスクロール間の余白 */
.swell-block-columns[data-scrollable]>.swell-block-columns__inner {
    padding-bottom: 1.8em;
}


/* --------------------------------------
// リスト
-------------------------------------- */
/* デフォルト */
.wp-block-list li::marker {
	color: #2da039;
}


/* アイコン右余白 */
.is-style-bad_list li, .is-style-check_list li, .is-style-good_list li, .is-style-triangle_list li {
    padding-left: 1.8em;
}
/*　アイコン　太さ　*/
.is-style-bad_list li:before, .is-style-check_list li:before, .is-style-good_list li:before, .is-style-triangle_list li:before {
	 font-weight: bold;
}
/*　アイコン　オレンジ　*/
.__icon-orange li:before {
	 color: #ffb932;
}
/*　下線（点線）　*/
.-list-under-dashed>li, .border_bottom>li {
    border-bottom: 2px dashed #faf8f4;
}

/* --------------------------------------
// 吹き出し（枠線なし）角丸に変更
-------------------------------------- */
.is-style-balloon_box {
	border-radius: 50px;
}






/********************************************************************
** グローバルナビ
********************************************************************/

/* --------------------------------------
// 横幅いっぱい
-------------------------------------- */
/* スクロール前 */
.l-header__inner {
	max-width: 100%;
    padding-right: 0;
}
/* スクール後 */
.l-fixHeader__inner {
    height: 70px;
    max-width: 100%;
    padding-right: 0;
	background-color: #fff;
}

/* --------------------------------------
// ロゴ
-------------------------------------- */
@media (min-width: 960px) {
    .-series .l-header__logo {
        padding: 14px 0;
    }
}

/* --------------------------------------
// 文字
-------------------------------------- */
.c-gnav>.menu-item>a .ttl {
	font-size: 16px;
	font-weight: bold;
}

/* --------------------------------------
// ホバー
-------------------------------------- */
.c-gnav > li:hover > a::after, .c-gnav > .-current > a::after {
    height: 8px;
}
.c-gnav>.menu-item>a:after {
    bottom: 70%;
    width: 8px;
    border-radius: 50px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
}

/* --------------------------------------
// サブメニュー
-------------------------------------- */
.c-gnav .sub-menu a {
	font-weight: bold;
}

/* メイン内 サブメニューアイコン */
.g-menu_icon.menu-item {
    display: inherit;
    position: relative;
    align-items: flex-end;
}

/* メイン内 サブメニューアイコン */
.c-gnav {
    display: flex;
    align-items: center;
}
.c-gnav>.g-menu_icon.menu-item>a .ttl {
    display: flex;
    /*font-size: 16px;*/
    align-items: center;
    justify-content: center;
}
.g-menu_icon.menu-item span:after {
    font-family: icomoon!important;
    content: "\e910";
    color: #d6cec5;
    position: absolute;
    font-size: .8em!important;
    bottom: -1.5em;
	 /*display: grid;
    align-content: end;
    align-items: center;
    justify-content: center;*/
}

/* 展開　サブメニュー
-------------------------------------- */
/* 影　非表示 */
.-body-solid .l-fixHeader {
	box-shadow: none;
}

/*　サブメニュー 横幅　*/
.c-gnav .sub-menu {
    width: 20em;
    border-radius: .5em;
    color: var(--color_text);
    padding: 1em;
    border: solid 3px #fbf9f7;
    margin-top: .5em;
    box-shadow: none;
}
/* サブメニュー　下アイコン非表示 */
.g-menu_icon .sub-menu span:after {
	display: none;
}
/* サブメニューアイコン */
.c-gnav .sub-menu a:before, .c-listMenu a:before {
	font-family: icomoon!important;
    content: "\e921";
	content: "\e93b";
    display: inline-block;
    color: #8ec01f;
	color: var(--color_main);
    font-weight: unset;
    margin-right: 0.5em;
}
/* サブメニュー　タイトル */
.c-gnav .sub-menu .ttl {
	top: -2px;
}
/* サブメニューホバー */
.c-gnav .sub-menu a:hover {
    background-color: rgb(3 3 3 / 0%);
    color: var(--color_main);
}


/* --------------------------------------
// TEL
-------------------------------------- */

/*　上部サブテキスト　*/
.pc_g-menu  p.sub-txt {
	margin-bottom: -5px;
}

/* TELエリア */
p.has-text-align-center.pc_g-menu_tel__tel {
	font-family: "Oswald", sans-serif;
   margin-bottom: -8px;
	font-size: 1.5em;
}
/* TELアイコン */
.pc_g-menu_tel__tel span.swl-inline-icon {
    font-size: .8em;
    color: #ffffff;
    opacity: .7;
}

/* 営業時間 */
.pc_g-menu p.open {
    border-left: solid 1px #ffffff33;
    padding: 0.2em 1em;
    display: flex;
    align-items: center;
    margin-left: 1em;
}
/* スクロール後 */
#fix_header .w-header.pc_ {
    font-size: .85em;
}

@media (min-width: 960px){
.-series-right .w-header {
	 color: #fff;
    margin-left: 12px;
    background-color: #2da039;
    padding-left: 1em;
	 min-width: max-content!important;
	}
}

/* 1200px以下で営業時間削除（はみ出るため） */
@media (max-width: 1200px){
	.pc_g-menu p.open {	 display: none;	}
	.-series-right .w-header { padding-right: 1em; }
	.pc_g-menu.__right { font-size: .85em; }
}



/* --------------------------------------
// 見積り＆LINE追加版
-------------------------------------- */
/* 全体 */
@media (min-width: 960px) {
.-series-right .w-header {
	height: 100%;
	background-color: #603713;
	padding-left: 0;
	}
}
.pc_g--menu {
	min-height: 70px;
	align-items: center;
}

/* 左コンテンツ*/
.pc_g--menu .__left {
	max-width: 140px;
	background-color: #fff;
}
.pc_g--menu .__left .swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
	padding: .8em;
}

/* 右コンテンツ */
.pc_g--menu .__right {
    padding: 0.5em 1em;
}
/* TEL */
.pc_g--menu .pc_g-menu {
	 align-items: center;
}

/*ホバー*/
@media (hover: hover) {
	.pc_g--menu .__left .swell-block-box-menu.is-style-fill .has-link a:hover {
        /*color: #ffffff;
        background-color: #603713 !important;*/
        color: #2da039 !important;
        background-color: #e1f7c8 !important;
    }
	.pc_g--menu .__left .swell-block-box-menu.is-style-fill .has-link:hover {
        box-shadow: none;
        opacity: 1;
    }
}



/* --------------------------------------
// スクロール後
-------------------------------------- */
#fix_header .w-header.pc_ {
    font-size: .85em;
}
#fix_header .c-gnav>.menu-item>a .ttl {
	font-size: .9em;
}
#fix_header .w-header.pc_ .pc_g--menu .__left .swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
	height: 34.5px;
	font-size: 1.1em !important;
}




/********************************************************************
** ページトップへ戻るボタン
********************************************************************/
#pagetop {
    /*border-radius: 5px 0 0 5px;
    border: solid 1px var(--color_text);
    border-right: none;*/
	opacity: 1;
	width: 50px;
}
.c-fixBtn {/* 目次 */
    color: var(--color_text);
    border: 1px solid var(--color_text);
}
@media (min-width: 960px){
.hov-bg-main:hover {
    background-color: var(--color_text) !important;
    color: #fff!important;
	}
}





/********************************************************************
** CTA前 共通フッターメニュー
********************************************************************/

/* ブログパーツ間の余白削除 */
.c-widget .textwidget>:not(:last-child) {
	margin-bottom: 0em;
}

/* 上部 余白 */
#custom_html-3 #f_pickup-menu {
	padding-top: 5.5em !important;
}

/* リストメニュー */
#f_pickup-menu .box-menu_step-top .swell-block-box-menu[data-direction=horizontal] .swell-block-box-menu__figure {
	width: 2.5em;
    height: 2.5em;
}
#f_pickup-menu a {
	padding: .8em 1em;
}
#f_pickup-menu .box-menu_step-top .swell-block-box-menu__text {
	font-weight: bold;
}



/********************************************************************
** CTA フッター前
********************************************************************/
/*　CTA上余白　*/
.w-beforeFooter {
    margin: 0em auto 3em;
}
/* コンテンツ余白 */
div#f--cta {
    padding-bottom: 4.5em !important;
    padding-top: 3em !important;
}

/*　見出し　*/
.f-cta_midashi {
	border-bottom: solid 1px #fff;
}
/* ボタンエリア */
.cta-box_bg {
	border-radius: 1em;
	background-image: url(https://hayariku.com/wp-content/uploads/2023/12/hayariku_cta_bg.png);
	background-size: cover;
	box-shadow: 0 5px 20px 5px rgb(211 29 40 / 35%);
}
#f--cta .box-shadow2 {
    box-shadow: 7px 7px 0px 0 rgb(0 44 23 / 33%);
}
@media (min-width: 800px) {
.f-cta .wp-block-group.hirome-box2 {
	padding: 4em 2em;
	}
}
@media (max-width: 960px) {
  .cta-box_bg {
	background-size: contain;
	}
	.f-cta_tel p {
	font-size: 0.9em;
	}
}

/* --------------------------------------
// ボタン TEL
-------------------------------------- */
.f-cta_tel {
    border-top: solid 1px var(--color_text);
    border-bottom: solid 1px var(--color_text);
    background-color: #ffffff;
    padding: .8em !important;
	 margin-top: 1.5em !important;
}
/* お急ぎの方〜 */
.f-cta_tel p {
	padding: .5em;
}
/* 番号＆時間 */
.swell-block-column.swl-has-mb--s.f-cta_tel-tel {
    background-color: #fff;
}
/*　画像　*/
.f-cta_tel figure {
	width: 100%;
   max-width: 240px;
   padding: .5em;
   transition-duration: .3s;
}
.f-cta_tel figure:hover {
  transform: scale(1.05);
}

@media (max-width: 960px) {
	.swell-block-column.swl-has-mb--s.f-cta_tel-tel {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
	}
  .f-cta_tel-txt {
    padding: 0.2em 0 0 0 !important;
	}
}
@media (max-width: 600px) {
	 .f-cta_tel-tel .wp-block-group.is-row {
	  display: grid;
     justify-content: center;
	  gap: 0;
	}
	.f-cta_tel figure {
		padding-bottom: 0;
	}
	.f-cta_tel .cta-time {/*　時間　*/
		 text-align: center;
		 padding-top: .8em;
		 padding-bottom: 1.5em;
	}
}


/* --------------------------------------
// ボタン 見積り＆LINE
-------------------------------------- */
/*　ボタン　*/
.f-cta_box-menu .swell-block-box-menu.is-style-fill .has-link {
	/*box-shadow: 0 5px 0 rgb(0, 0, 0, 0.3);*/
	position: relative;
	top: 0px;
	transition: .25s all;
	border-radius: 50px;
}
.f-cta_box-menu .swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
   padding: 0.6em 1.2em;
	border-radius: 10px;
}
/* ホバー */
@media (hover: hover){
.f-cta_box-menu .swell-block-box-menu.is-style-fill .has-link:hover {
    box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
    opacity: 1;
	 top: 5px;
	}
}
/* アイコン */
.f-cta_box-menu .swell-block-box-menu__figure {
	/*background-color: #FFE200;*/
   padding: .8em;
	border-radius: 50px;
}
/* txt */
.f-cta_box-menu .swell-block-box-menu__text {
    font-weight: 500;
    font-size: 1.2em;
}
/* LINE */
.f-cta_box-menu .__line-btn .swell-block-box-menu__figure {
	/*background-color: #06C755;*/
	color: #fff;
}

/* ウィジェット下余白 */
.c-widget+.c-widget {
    margin-top: 0em;
}


/* 中間に配置する際の簡略板CTA */
#main_content #f--cta {
	 font-size: .9em! important;
}
.mini-cta .f-cta_box-menu .swell-block-box-menu.is-style-fill .has-link {
	 font-size: .9em! important;
}



/********************************************************************
** フッターメニュー
********************************************************************/
/* フッター下 余白削除 */
.swell-block-fullWide.pc-py-0.sp-py-0.alignfull.site-map.f_main-menu.pc_only {
	  margin-bottom: 0;
}
/* CTAとフッター間の余白削除 */
@media (min-width: 960px){
div#block-12 {
    margin-top: 0;
	}
}

/* --------------------------------------
// 左エリア
-------------------------------------- */

/* 縦並びボタン */
.swell-block-linkList.-fill.f-menu_cta .swell-block-linkList__link {
	color: var(--color_text);
	font-weight: bold;
    margin-inline: auto;
}

.swell-block-linkList.is-style-default .swell-block-linkList__link:hover {
    color: var(--color_text);
    opacity: .5;
}
/* TEL画像 */
.f_main-menu .__tel-img {
    max-width: 250px;
    margin-inline: auto;
}

@media (max-width: 430px) {
.f_main-menu .__logo-img {
	max-width: 70%;
	margin-inline: auto;
	}

}


/* --------------------------------------
// メインメニュー（右）
-------------------------------------- */

/* リストメニューエリア 
.f-menu_right .list-content {
    border-bottom: solid 1px #d6cec5a6;
	 padding-bottom: 3em;
}*/
/*　 リストメニュー　*/
.f-menu_right .list-content a {
   opacity: .8;
}

/*　アイコン非表示　*/
.list-content .__none-icon svg {
    display: none;
}

/*　タイトル　*/
.f-menu_ttl {
    line-height: normal;
    color: var(--color_text);
}


/* --------------------------------------
// フッター（ PC ）1　に設定した場合
-------------------------------------- */
/* 余白削除 */
.l-footer__foot, .l-footer__widgetArea {
    padding-bottom: 0;
    padding-top: 0;
}

@media (min-width: 960px){
	.w-footer {/*　コンテンツのずれ修正　*/
    display: block;
	}
	.w-footer__box {/*コンテンツ上下の余白削除*/
    padding: 0;
	}
}
@media not all and (min-width: 960px){
	.w-footer__box {
    padding: 0;
    }
}



/* --------------------------------------
// コピーライト周り
-------------------------------------- */
/*　メニュー　*/
@media (min-width: 600px){
	.l-footer__nav a {
    border-right: 1px solid #d6cec5a6;
	}
	.l-footer__nav li:first-child a {/* 左*/
    border-left: none;
	}
	.l-footer__nav li:last-child a {/*右*/
    border-right: none;
	}
}
.l-footer__nav {
    padding: 1em 0 1em;
    margin-top: 0.5em;
}

/* コピーライト */
.l-footer .copyright {
	opacity: .7;
	 padding-bottom: 1.5em;
}
/* 上部に線追加 */
.l-footer__foot {
	border-top: solid 1px #d6cec5a6;
}



/********************************************************************
** スマホ 上部メニュー
********************************************************************/
@media (max-width: 960px){
.-img .c-headLogo__link {
    display: block;
    padding: 7px 0;
	}
}



/********************************************************************
** スマホスライドメニュー
********************************************************************/
/* 上部余白 */
.p-spMenu__bottom {
    margin-top: 0.5em;
}
/*　背景　*/
.p-spMenu__inner::before {
    background: #fbf9f7;
    opacity: 1;
}
/* × 閉じるボタン */
.p-spMenu__closeBtn .c-iconBtn__icon {
    font-size: 20px;
}
/* menu 見出し　非表示 */
.c-widget__title.-spmenu {
    display: none;
}
/* 横スクロール非表示 */
.p-spMenu__body {
    overflow-x: hidden;
}


/* --------------------------------------
// CTAエリア
-------------------------------------- */

/* リスト メニュー*/
.f_main-menu-sp .swell-block-linkList.is-style-default .swell-block-linkList__icon {
    color: var(--color_text);
    opacity: .3;
}


.f_main-menu-sp .f-cta_box-menu .swell-block-box-menu.is-style-fill .has-link {
	border-radius: 10px;
}
.f_main-menu-sp .f-cta_box-menu .swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
   border-radius: 8px;
	padding-bottom: 1em;
}
.f_main-menu-sp .f-cta_box-menu .swell-block-box-menu__figure  {
	width: fit-content;
    margin-inline: auto;
}


/* --------------------------------------
// スマホのみ
-------------------------------------- */
/* アコーディオン */
.is-style-border.accordion-menu>.swell-block-accordion__item {
    border: 0px solid var(--color_border);
    background-color: #fff;
    border-radius: 0.5em;
}
.is-style-border.accordion-menu .swell-block-accordion__body{/*展開後の横線*/
		border-top: 1px solid #5347410d;
}
.accordion-menu details.swell-block-accordion__item{
    margin-bottom: -1px;
}
.accordion-menu .swell-block-linkList__icon {
		font-size: 1em;
}


@media (max-width: 960px){
/* リスト（アコーディオンなし） */
	.f_main-menu-sp .list-content .swell-block-linkList__link {
		padding: 0.8em 0;
	}
	.f_main-menu-sp .list-content .swell-block-linkList__item:first-child {
    border-top: 1px solid #666;
	}
	.f_main-menu-sp .list-content .swell-block-linkList__item {
    border-bottom: 1px solid #666;
	}
	 .f_main-menu-sp .list-content .swell-block-linkList__icon {
    color: #ffffff;
	 opacity: .6;
	}
/*　アコーディオン用　*/
	.f_main-menu-sp .list-content.swell-block-accordion__item {
    margin-bottom: 0.5em;
	}

/* リスト（アコーディオン用）
.f_main-menu-sp .swell-block-accordion.is-style-default {
    background-color: #333333;
    margin-bottom: -1px;
}
.f_main-menu-sp .swell-block-accordion__title {
    align-items: center;
    background: #d21e28;
    display: flex;
    justify-content: space-between;
    padding: 1em;
    position: relative;
    border: solid 2px #333;
    margin-bottom: 0;
	  border-radius: 0.5em;
}
.f_main-menu-sp .sp_f_menu-list li {
    margin: 0 auto;
    width: 100%;
    background-color: #333333;
    padding: .8em 0;
    border-bottom: solid 1px #474747;
}*/
}




/********************************************************************
** 　スマホ　フッター固定ボタン
********************************************************************/
/* 影なし */
#fix_bottom_menu {
    box-shadow: none;
	
}

/* 余白 */
#fix_bottom_menu .menu-item {
	padding: 0.5em 1em;
}

/*　上部　白線　非表示 */
#fix_bottom_menu::before {
    background: #ffffff;
    opacity: 0;
}

/* アイコン　横並びに */
#fix_bottom_menu .menu-item a {
    display: flex;
	 align-items: center;
}

/*　テキスト　*/
#fix_bottom_menu span {
   font-size: 15px;
	margin-top: 0;
}

/* アイコン */
#fix_bottom_menu .menu-item i {
	font-size: 24px;
    height: 25px;
	line-height: inherit;
	margin-right: .5em;
}


/* 見積り */
#fix_bottom_menu .menu-item-3668,
#fix_bottom_menu .menu-item-169 {
    color: #603713;
    background-color: #FDEE23;
    height: 50px;
    align-content: center;
    display: grid;
    font-weight: bold;
	position: relative;
	width: auto;
	justify-content: center;
}
#fix_bottom_menu .icon-mitsumori i:before {
    font-family: "Font Awesome 6 Free";
    content: "\f1ec";
    font-style: normal;
    font-size: 22px;
}

/* LINE */
#fix_bottom_menu .menu-item-169 {
	color: #fff;
    background-color: #2da039;
	/*border-left: solid 1px #fbf9f7;*/
}

/* ページのTOPへ */
@media (max-width: 959px){
#fix_bottom_menu .pagetop_btn {
    background-color: #006837;
	background-image: url(https://kenshokougyo.com/wp-content/uploads/2023/10/go-to-top_icon3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    width: 50px!important;
    flex-basis: 100px;
}

	#fix_bottom_menu .pagetop_btn i {
		display: none;
	}
}



/********************************************************************
** パンくずリスト
********************************************************************/
/* 共通設定*/
div#breadcrumb {
    /* background: #fff; */
    color: var(--color_text);
    z-index: inherit;
    padding: 1em;
    border-top: solid 1px #d6cec5a6;
    border-bottom: solid 1px #d6cec5a6;
}
#breadcrumb a.p-breadcrumb__text {
    color: var(--color_text);
}
/* 固定ページ　画像あり */
.p-breadcrumb.-bg-on {
    box-shadow: none;
    background: #fff;
}
/* リンクなし */
.p-breadcrumb__item {
    opacity: .8;
}
/* テキスト　リンク */
a.p-breadcrumb__text {
	color: #299EA7;
}
/* 長いタイトル折り返し */
.p-breadcrumb__list {
  display: block;
}
.p-breadcrumb__text {
  white-space: initial;
}

/* 記事タイトル 表示 */
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
    display: block;
}
/* アイコン非表示 */
.p-breadcrumb__text .__home:before {
	display: none;
}
/*　>　*/
.p-breadcrumb__item:after {
    opacity: .4;
    margin-right: 0.5em;
}



/********************************************************************
** 投稿ページ（一覧）
********************************************************************/

/* --------------------------------------
// 統一設定
-------------------------------------- */

/* 　h1
-------------------------------------- */
.archive.category .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
    border-bottom: none;
    float: none;
    margin-bottom: -1px;
    padding: 0.25em 0.5em;
}
/* サブタイトル 非表示 */
.c-pageTitle__subTitle {
	display: none;
}
/* 下線 非表示 */
.archive.category .c-pageTitle[data-style=b_bottom] {
    border-bottom: none;
}
/* 記事がない場合のテキスト */
.c-tabBody__item p {
    text-align: center;
}


/* カテゴリ（統一）
-------------------------------------- */
.archive.category .p-postList__cat  {
    background-color: #0171bc;
    padding: 2px 3px;
    color: #fff;
}
.archive.category .icon-folder:before {
    display: none;
}
.c-categoryList__link, .c-tagList__link, .tag-cloud-link {
    padding: 6px 10px;
}
/* h1下 カテゴリ一覧 アイコン非表示 */
.c-categoryList:before {
    display: none;
}

/* サムネ
-------------------------------------- */
.p-pickupBanners__item .c-bannerLink, .p-postList__thumb {
	 box-shadow: 0 2px 8px rgb(83 71 65 / 13%), 0 4px 4px -4px rgb(83 71 65 / 13%);
	box-shadow: none;
   border-radius: 0.5em !important;
}



/* --------------------------------------
// 記事一覧（施工事例）
-------------------------------------- */

/* 大タイトル下　カテゴリ
-------------------------------------- */
.l-topTitleArea .c-categoryList__link.-current {
	border: none;
	font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
    background-color: var(--color_main);
    padding: .5em .7em;
}
.l-topTitleArea .p-termNavigation {
    margin-top: 2em;
}
.l-topTitleArea .c-categoryList__link {
    border: 1px solid var(--color_text);
	background-color: #fff;
	margin-right: 5px;
	border-radius: 0.3em;
	padding: .5em;
    font-size: 1.1em;
}
.l-topTitleArea .c-categoryList__link, .l-topTitleArea .c-tagList__link {
    color: var(--color_text);
}

/* > 非表示 */
.c-categoryList__separation:after {
	display: none;
}


/* リスト（交互背景色）
-------------------------------------- */
/* 線削除 */
.p-postList.-type-simple {
	   border-top: none;
}
.-type-simple .p-postList__link {
    border-bottom: none;
}
/* リスト（交互背景色） */
.p-postList.-type-simple li {
    background-color: #fff;
    padding: 0.5em 1.5em;
    transition: all .15s;
    margin-bottom: 5px;
    border-radius: 0.5em;
}
/*
.p-postList.-type-simple li:nth-child(odd){
	 background-color: #f7f7f7;
}*/
/* ホバー */
.p-postList.-type-simple li:hover  {
	 color: var(--color_main);
}
.-type-simple .p-postList__link:hover {
    background-color: #f7f7f700;
}
/* 600px以下 */
@media (max-width: 600px){
.p-postList.-type-simple li {
    padding: 0.5em 1.2em;
	}
}


/* 日付エリア
-------------------------------------- */
/* 上余白 */
.-type-thumb .p-postList__meta, .c-widget .p-postList__meta {
    margin-top: 8px;
}
/* 日付アイコン */
.c-postTimes__modified, .c-postTimes__posted {
    margin-right: 0.4em;
    color: var(--color_text);
    opacity: .8;
	letter-spacing: .1em;
}
.p-postList__meta :before {
    display: none;
}

/* カテゴリ
-------------------------------------- */
.c-categoryList__link {
    background-color: var(--color_main);
    color: #fff;
    border: solid 1px;
	border-radius: 0.5em;
}
/* アイコン非表示 */
.archive.category .p-postList.-type-simple  .p-postList__cat {
	display: none;
}
/* カテゴリ */
span.p-postList__cat.u-thin.icon-folder {
    background-color: #ffffff00;
    border-radius: 0;
    border: solid 1px #534741;
    padding: 3px 6px 2px 6px;
    color: #534741;
    font-size: .9em;
    opacity: .7;
    border-radius: 0.3em;
}


/* タグ
-------------------------------------- */
/*　アイコン非表示　*/
.c-tagList:before {
	display: none;
}
.c-tagList {
	padding-left: 0.5em;
}
/* 個別に#追加 */
.c-tagList__link {
    background: #ffffff;
    color: var(--color_text);
    /*border: solid 1px #D6CEC5;*/
	border-radius: 0.5em;
}
.c-tagList__link:before {
    content: "#";
    color: #D6CEC5;
    /* opacity: .6; */
}
.hov-flash-up:hover {
    box-shadow: none;
}


/* ページネーション
-------------------------------------- */
[class*="page-numbers"] {
    color: var(--color_main);
    background-color: #ffffff;
    border: solid 1px var(--color_main);
}



/********************************************************************
** 投稿ページ（詳細）
********************************************************************/

/* --------------------------------------
// タイトル周り
-------------------------------------- */
/*　h1　*/
.c-postTitle__ttl {
	margin-bottom: .5em;
}
/*　投稿日・更新日　*/
.c-postTimes {
	font-weight: 300;
	color: var(--color_text);
}
.p-articleMetas__termList{
	margin: 0;
}



/* --------------------------------------
// 目次
-------------------------------------- */
#main_content .p-toc {
    border-radius: 1em;
}

.p-toc.-border .p-toc__ttl {
    font-weight: bold;
}
.p-toc.-border {
    border: none;
    background-color: #fff;
}
.p-toc__ttl:before {
	display: none;
}

/* --------------------------------------
// 次の記事 前の記事
-------------------------------------- */
/* 共通 */
.p-pnLinks__item {
    background: #fff;
	 border-radius: 1em;
}
/* 右 */
.p-pnLinks .-next .p-pnLinks__link {
	 padding: 1.5em 3em 1.5em 2em;
}
.p-pnLinks__item.-next:before {/* アイコン */
	color: var(--color_main);
	 margin-right: 1em;
}
/*　左　*/
.p-pnLinks .-prev .p-pnLinks__link {
	padding: 1.5em 2em 1.5em 3em;
}
.p-pnLinks__item.-prev:before {/* アイコン */
	color: var(--color_main);
	 margin-left: .8em;
}
/* 600px以下　回り込み */
@media screen and (max-width: 600px){
	.p-pnLinks {
    display: block;
	}
	.p-pnLinks__item {
    width: 100%;
    margin-bottom: 1em;
	}
}

/* --------------------------------------
// 関連記事
-------------------------------------- */
.l-articleBottom__section {
	margin-top: 6em;
    background-color: #fff;
    border-radius: .5em;
    padding: 1.5em;
}
.c-secTitle {
    color: var(--color_main);
    text-align: center;
    border-left: none;
    font-size: 1.5em;
    margin: .5em auto .7em auto;
    /*padding: 0.3em 0;
    border-bottom: solid 2px #f9f6f4;*/
}

/* 左右に線
.c-secTitle {
	color: var(--color_main);
    position: relative;
    display: block;
    padding: 0 65px;
    text-align: center;
    border-left: none;
    margin-inline: auto;
    width: fit-content;
	font-size: 1.3em;
}
.c-secTitle:before, .c-secTitle:after {
    position: absolute;
    top: calc(50% - 1px);
    width: 40px;
    height: 1px;
    content: '';
    border-top: solid 1px var(--color_main);
	opacity: .5;
}

.c-secTitle:before {
  left: 0;
}
.c-secTitle:after {
  right: 0;
}*/

/* 記事タイトル（サイドバー共通） */
.-type-card .p-postList__title, .-type-list .p-postList__title, .-type-list2 .p-postList__title {
	font-size: 3.3vw;
}
@media (min-width: 600px) {
    .-type-card .p-postList__title, .-type-list .p-postList__title, .-type-list2 .p-postList__title {
        font-size: 16px;
    }
}


/* --------------------------------------
// サイドバー
-------------------------------------- */

/* 各項目 背景あり
-------------------------------------- */
#sidebar div#swell_new_posts-3,
#sidebar div#categories-3,
#sidebar div#archives-3,
#sidebar div#tag_cloud-3 {
    background-color: #fff;
    border-radius: .5em;
    padding: 1.3em;
}
#sidebar .c-widget+.c-widget {
	margin-top: 1.5em;
}

/* 見出し
-------------------------------------- */
.c-widget__title.-side {
    padding: 0.3em 0;
	padding-left: .3em;
    margin-bottom: 1em;
    color: var(--color_main);
    font-size: 1.3em;
    border-bottom: solid 2px #f9f6f4;
}
/* 見出しアイコン */
.c-widget__title.-side::before, .c-widget__title.-side::after {
	display: none;
}


/* カテゴリ
-------------------------------------- */
.widget_categories>ul>.cat-item>a:before {
	color: #ccc;
    opacity: .7;
    font-family: icomoon !important;
    content: "\e93b";
    display: inline-block;
    left: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
}
.widget_categories>ul>.cat-item>a {
	transition: padding .25s;
	border: none;
	margin-left: 0;
	padding-top: .6em;
    padding-bottom: .6em;
}
.widget_categories>ul>.cat-item>a:hover {
	background-color: #f7f7f700;
    padding-left: 2em;
    padding-right: 0.75em;
}
/*　子カテゴリ 表示　*/
#categories-3 ul.children {
	height: auto;
	opacity: 1;
	padding: 0 0 0 1em;
}
/*サブメニュー用開閉ボタン非表示*/
#categories-3 button.c-submenuToggleBtn.c-plainBtn {
    display: none;
}
/* 投稿数 */
.cat-post-count, .post_count, .tag-link-count {
	color: var(--color_text);
	opacity: .7;
}


/* アーカイブ
-------------------------------------- */
.c-listMenu a {
	padding-left: 1.75em;
	border-bottom: 0px solid #f7f7f2;
	transition: padding .25s;
}
.c-listMenu a:before {
    font-family: icomoon!important;
    content: "\e93b";
    display: inline-block;
    left: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
	color: #ccc;
    opacity: .7;
}
.c-listMenu a:hover {
	background-color: #f7f7f700;
    padding-left: 2em;
    padding-right: 0.75em;
}


/* タグ
-------------------------------------- */
.tag-cloud-link {
	color: var(--color_text)!important;
	border-radius: 5px !important;
}
.tag-link-count {
	top: -1px;
}








/********************************************************************
** 見出し
********************************************************************/

/*　基本設定　*/

/*.post_content dt, .post_content h2, .post_content h3, .post_content h4 {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}*/
/*.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    border-radius: .5em;
}*/

/* h2 */
.post_content h2 {
	line-height: 1.3;
}

/* --------------------------------------
// 固定ページ h1（コンテンツ上）画像なし
-------------------------------------- */
/* h1エリア余白 */
.l-topTitleArea {
    padding: 2.5em 0 0 0;
    background-color: #FBF9F7;
    min-height: 50px;
}
@media (min-width: 600px){
.l-topTitleArea {
    min-height: 100px;
	}
}

/*　シャドウなし　*/
#top_title_area .l-topTitleArea__body {
  text-shadow: none;
}

/* テキスト
-------------------------------------- */
/* タイトル（日本語） */
#top_title_area .c-pageTitle {
	color: #603713;
	font-size: 1.7em;
	text-align: center;
	display: grid;
	letter-spacing: 0.2rem;
}

/* サブタイトル（英語） 削除予定*/
#top_title_area .c-pageTitle__subTitle { 
    margin-left: 0;
    opacity: 1;
    display: block;
	color: var(--color_main) ;
    font-size: 0.6em;
    /*letter-spacing: initial;*/
    text-transform: uppercase;
	 font-style: normal;
	 font-weight: 700!important;
	 position: relative;
    grid-row: 1;
} 

/* 画像非表示 */
#top_title_area .u-obf-cover {
	display: none;
}

/* 600px以下 */
@media (max-width: 600px){
#top_title_area .c-pageTitle {
    font-size: 1.5em;
}
	/*削除予定
#top_title_area .c-pageTitle__subTitle {
    font-size: 3em;
	}*/
}

/* --------------------------------------
// 固定ページ h1（画像なし）
-------------------------------------- */

/*　文字エリア */
.c-pageTitle__inner {
    align-items: center;
    display: inline-flex;
    margin-left: 1.5em;
}

/* 左に線（タグなど） */
.c-pageTitle__inner:before {
    background-color: var(--color_main);
    border-radius: 0;
    content: "";
    display: block;
    height: 2px;
    left: 2px;
    margin: auto;
    width: 0.7em;
    position: absolute;
    /* top: calc(50% - 1px); */
}

/* --------------------------------------
// テキスト　英字
-------------------------------------- */
.en-txt {
	letter-spacing: inherit;
	font-weight: 500;
	text-transform: uppercase;
}



/* --------------------------------------
// メイン　 英字　小
-------------------------------------- */
.midashi_main h2 {
	font-size: 1.5em;
	margin-top: 0;
}
/*　英字　囲み枠・背景なし　*/
.midashi_main .en-txt {
    font-size: .8em;
    letter-spacing: .15em;
    line-height: normal;
    /*width: fit-content;*/
    padding: 0 0.2em 4px 0.2em;
	 /*margin-left: 0 !important;*/
	 margin-bottom: 0.3em;
	 
}


/* 背景あり+中央配置（TOPなど）
-------------------------------------- */
.midashi_main .en-txt.__box-center {
    font-weight: 400;
    font-size: .8em;
    letter-spacing: .15em;
    line-height: inherit;
	width: fit-content;
    padding: 0.1em 1em;
    margin-inline: auto !important;
    border-radius: 50px;
	color: #2da039;
    background-color: #e8f5b985;
	/*opacity: .85;*/
} 

/* 背景あり+左配置（FAQなど）
-------------------------------------- */
.midashi_main .en-txt.__box-left {
    width: fit-content;
	 margin-left: 0 !important;
}


/* 背景あり+枠あり（TOPなど）
-------------------------------------- */
.midashi_main .en-txt.__box-center.__line {
	 border: solid 1px;
} 

@media (min-width: 1000px){
.midashi_main h2 {
	font-size: 2em;
	}
}



/* --------------------------------------
// メイン　 h2（左 縦線）
-------------------------------------- */
.post_content h2 {
    background: var(--color_text);
    border-radius: 0.4em;
	margin-top: 5em;
}
/* 800px以上 */
@media (min-width: 800px){
.post_content h2 {
	margin-top: 6em;
	}
}


/* --------------------------------------
// h2 左右に飾り付き
-------------------------------------- */
.midashi-line {
	display: flex;
	justify-content: center;
	align-items: center;
	align-items: flex-end;
	text-align: center;
	width: fit-content;
   margin-inline: auto;
}
.midashi-line::before,
.midashi-line::after {
	content: '';
	height: 40px;
	width: 20px;
	/*position: inherit!important;
    top: calc(50% - .5em);*/
	background-image: url(https://kenshokougyo.com/wp-content/uploads/2025/08/fukidashi1.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	bottom: .2em;
}
.midashi-line::before {
	margin-right: 30px;
}
.midashi-line::after {
	margin-left: 30px;
	transform: scaleX(-1);
}
@media (max-width: 960px){
.midashi-line::before,
.midashi-line::after {
	 height: 26px;
    width: 17px;
	}
}

/*　左右の画像 白　*/
.midashi-line.__white::before,
.midashi-line.__white::after {
	/*filter: invert(1);*/
	background-image: url(https://kenshokougyo.com/wp-content/uploads/2025/08/fukidashi2.png);
}


/********************************************************************
** ボタン
********************************************************************/

/* --------------------------------------
// メイン　
-------------------------------------- */

.is-style-more_btn.btn_main a {
	background: #d11e29;
   box-shadow: none;
   color: #fff;
	font-weight: bold;
}
.is-style-more_btn.btn_main a:hover {
	background: #b4222b;
}


/********************************************************************
** 背景
********************************************************************/
/* --------------------------------------
// 背景　波
-------------------------------------- */
.bg-wave1 {
    background-image: url(https://hayabusa-hikkoshi.com/wp-content/uploads/2024/04/bg_top_sam4.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 130%;
}
@media (min-width: 1000px){
.bg-wave1 {
	background-size: auto 110%;
	}
}



/* --------------------------------------
// ハーフ（赤+灰）
-------------------------------------- */
.bg-half {
    background: linear-gradient(180deg, #d11e29 0%, #d11e29 50%, #f7f7f700 50%, #f7f7f700 100%);
}
/* 緑 */
.bg-half2:before {
    content: '';
    position: absolute;
    top: auto;
    top: 0;
    right: 0;
    width: 100%;
    height: 50%;
    background: #2DA039;
}

/* --------------------------------------
// 上部帯（緑+濃緑）
-------------------------------------- */
.bg-obi1:before {
    content: '';
    position: absolute;
    top: auto;
    top: 0;
    right: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, #2da039 0%, #2da039 80%, #006837 80%, #006837 100%);
	background: #2da039;
}

/* --------------------------------------
// 下部帯（自由+灰色）
-------------------------------------- */
.bg-obi2:before {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 40%;
    background: #f7f7f7;
}


/* --------------------------------------
// 背景　ドット（背景白）
-------------------------------------- */
.bg-dot {
    background-image: url(https://hayabusa-hikkoshi.com/wp-content/uploads/2024/04/bg_repeated-square_50.jpg);
    background-repeat: repeat;
    background-size: 300px;
    /*background-blend-mode: soft-light;*/
}
/* --------------------------------------
// 背景　ストライプ（ピンク）
-------------------------------------- */

.bg-stripes_pink {
	position: relative;
   z-index: 1;
}
.bg-stripes_pink::after {
	content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
    background-image: url(https://hayabusa-hikkoshi.com/wp-content/uploads/2024/04/bg_stripes-light_pink2.jpg);
    background-repeat: repeat;
    background-size: 300px;
}


/* --------------------------------------
// 背景　ストライプ
-------------------------------------- */
.bg-stripes {
    background-image: url(https://a-cleaning.jp/wp-content/uploads/2023/06/bg_stripes-light_bule.jpg);
    background-repeat: repeat;
    background-size: 300px;
    /*background-blend-mode: multiply;*/
}




/********************************************************************
** ボックス
********************************************************************/

/* --------------------------------------
// ボックス　角　シャドウなし
-------------------------------------- */
/*　メイン　*/
.box-main, p.box-main.has-background, div.box-main.has-background {
	 padding: 2.5em 2em;
}

/* --------------------------------------
// ボックス　角丸　シャドウなし
-------------------------------------- */
/*　メイン　*/
.box-maru, p.box-maru.has-background, div.box-maru.has-background {
	 background-color: #fff;
    border-radius: 0.7em;
	 padding: 2.5em 2em;
}
/*　M　*/
.box-maru.__m, p.box-maru.__m.has-background, div.box-maru.__m.has-background {
    border-radius: 0.5em;
	 padding: 1em;
}

/* 角丸のみ　余白なし */
.kadomaru, p.kadomaru.has-background, 
div.kadomaru.has-background, .kadomaru-img {
    border-radius: 1em;
}

/* --------------------------------------
// ボックス シャドウ
-------------------------------------- */
/*　ぼかしあり　*/
.box-shadow {
	 box-shadow: 0 0px 20px 0 rgb(11 21 42 / 33%);
}
/*　ぼかしなし　*/
.box-shadow2 {
	box-shadow: 7px 7px 0px 0 rgb(84 84 84 / 15%);
}
/* シャドウなし */
.box-shadow-none {
	 box-shadow: none;
}

/* --------------------------------------
// ボックス　吹き出しかぶり用
-------------------------------------- */
.box-maru.b-over {
  padding-top: 3em;
  margin-bottom: 2.5em!important;
}
/*　吹き出しとボックスの位置を上に　*/
.b-over-content {
    top: -1.2em;
    position: relative;
}

/* --------------------------------------
// ボックス　角丸コンテンツ（枠線あり）
-------------------------------------- */

/* 全体 */
.post_content .kado-maru div>:first-child, .post_content .kado-maru>:first-child {
    border-radius: .5em;
}
.post_content .kado-maru dd>:last-child, .post_content .kado-maru div>:last-child, .post_content .kado-maru>:last-child {
    border-radius: .5em;
}

/* 上だけ角丸 */
.kado-maru .__top,
.kado-maru .__top .c-bannerLink,
.kado-maru .__top .c-bannerLink__figure{
	border-radius: .4em .4em 0 0 !important;
}
/* 下だけ角丸 */
.kado-maru .__bottom {
	border-radius: 0 0 .4em .4em !important;
}
/* アコーディオンと併用した場合（割引など） */
.kado-maru .__bottom details {
	border-radius: 0 0 .4em .4em !important;
}

/* --------------------------------------
// ボックス　角丸コンテンツ（枠線なし）
-------------------------------------- */

/* 全体 */
.post_content .kado-maru.__border-none div>:first-child, .post_content .kado-maru.__border-none>:first-child {
    border-radius: .7em;
}
.post_content .kado-maru.__border-none dd>:last-child, .post_content .kado-maru.__border-none div>:last-child, .post_content .kado-maru.__border-none>:last-child {
    border-radius: .7em;
}

/* 上だけ角丸 */
.kado-maru.__border-none .__top,
.kado-maru.__border-none .__top .c-bannerLink,
.kado-maru.__border-none .__top .c-bannerLink__figure{
	border-radius: .7em .7em 0 0 !important;
}
/* 下だけ角丸 */
.kado-maru.__border-none .__bottom {
	border-radius: 0 0 .7em .7em !important;
}


/* --------------------------------------
// ボックス　枠線（角丸／中の塗りつぶしがない場合）
-------------------------------------- */
.border-box.__normal {
	background-color: #fff;
	border: 5px solid #fbf9f7;
   border-radius: .7em;
}

/* --------------------------------------
// ボックス　角丸コンテンツ（枠線あり）
-------------------------------------- */
.border-box {
	background-color: #fff;
	border: 1px solid var(--color_text);
	border-radius: .5em;
}




/********************************************************************
** ボタン
********************************************************************/

/* --------------------------------------
// ボタン　背景変更（ノーマル）
-------------------------------------- */
/* 白 */
.btn_white a {
	background-color: #fff;
	color: var(--color_text);
	border: solid 1px var(--color_text);
	box-shadow: 0 4px 0 var(--color_text);
}
/* 濃い水色 */
.btn_blue2 a {
	  background-color: #299EA7;
}

/* --------------------------------------
// ボタン　角丸
-------------------------------------- */
.btn-shikaku a {
	border-radius: 0.5em;
}

/* --------------------------------------
// ボタン　リスト　両脇揃え
-------------------------------------- */
/* 両脇揃え */
.btn-list_between a {
    padding: 0.7em 1em;
    background-color: #f7f7f7;
    border-radius: 0.5em;
    font-size: 0.9em;
	   /*border: solid 1px #f7f7f7;*/
}
/*　アイコン　*/
.btn-list_between .swell-block-linkList__icon.-right {
	color: #c3c4c7;
}
/* リスト下余白 */
ul.swell-block-linkList.btn-list_between {
	--the-color: #fff;/*ホバー時の文字*/
	--the-gap: .3em;
}
/* ホバー */
.btn-list_between a:hover {
    background-color: var(--color_text);
    transition: background-color .20s,color .20s;
    /*border: solid 1px #333333;*/
}


/* --------------------------------------
// ボタン　一覧へ　小
-------------------------------------- */
.mini-more a {
	border-bottom: solid 1px #fff;
  line-height: 1.8;
  font-size: .85em;
}
.swell-block-linkList.is-style-default.-flex.mini-more .swell-block-linkList__link:hover {
    text-decoration: none;
}


/********************************************************************
** 吹き出し
********************************************************************/

/* --------------------------------------
// 吹き出し　下三角
-------------------------------------- */
.is-style-balloon_box:before {
    border: 10px solid transparent;
    border-top: 10px solid var(--color_main);
    bottom: -20px;
}


/* --------------------------------------
// 吹き出し　丸色
-------------------------------------- */
.balloon-box.__maru {
   border-radius: 50px;
}

/* --------------------------------------
// 既存　枠あり（こげ茶）
-------------------------------------- */
.is-style-balloon_box2 {
    border: 1px solid var(--color_text);
    color: var(--color_text);
	 border-radius: 50px;
}
.is-style-balloon_box2 {
	 border-bottom: 1px solid var(--color_text);
    border-right: 1px solid var(--color_text);
}

/* --------------------------------------
// 上部余白なし
-------------------------------------- */
.top-p_none {
	padding-top: 0!important;
}

/* --------------------------------------
// 吹き出し　四角
-------------------------------------- */
.balloon-box {
    background-color: var(--color_text);
    border-radius: 0px;
    font-weight: 500;
    min-width: 2em;
    padding: 0.5em 1.25em;
	 z-index: 5;
}
.balloon-box:before {
	border-top: 10px solid var(--color_text);
}

/* --------------------------------------
// 吹き出し　丸 黄色
-------------------------------------- */
.balloon-box.__yellow {
	background-color: var(--color_deep04);
}
.balloon-box.__yellow:before {
	border-top: 12px solid var(--color_deep04);
}


/* --------------------------------------
// 吹き出し　丸 枠線あり（白 こげ茶）
-------------------------------------- */
.balloon-box-waku.__maru {
	border: 1px solid #534741;
	color: #534741;
}
.balloon-box-waku:before {
	border-bottom: 1px solid #534741;
   border-right: 1px solid #534741;
}



/* --------------------------------------
// 吹き出し　大　boxかぶり
-------------------------------------- */
.balloon-over {
    position: relative;
    top: 1.2em;
    font-size: 1.1em;
}
@media (max-width: 600px){
.balloon-over {
     font-size: .9em;
	}
}


/* --------------------------------------
// 吹き出し　下のみ（見出し風）
-------------------------------------- */
.balloon-bottom {
    border: none;
    border-bottom: 2px solid;
    padding: 0.7em 0;
	 border-radius: 0;
	 background-color: #fff;
}
.balloon-bottom:before {
    border-bottom: 2px solid;
    border-right: 2px solid;
}


/********************************************************************
** 画像
********************************************************************/

/* --------------------------------------
// 画像　角丸
-------------------------------------- */
.kadomaru-img img {
	border-radius: 1.2em;
}

/* --------------------------------------
// 画像　複数　カバー スマホで2列
-------------------------------------- */
.cover-imgs .wp-block-cover {
	min-height: 120px!important;
	}	
@media (min-width: 960px){
.cover-imgs .wp-block-cover {
	min-height: 180px!important;
	}	
}




/********************************************************************
** リスト
********************************************************************/

/* --------------------------------------
// リスト　横並び（基本）
-------------------------------------- */
ul.wp-block-list.-list-flex {
	gap: .5em 1.2em;
	gap: .5em 2em;
    column-gap: 1em;
}
.wp-block-list.-list-flex li {
	margin: 0;
}
/* リスト 目次風 アイコン */
ul.is-style-index li:before {
	background-color: var(--color_main);
}


/* --------------------------------------
// 横並びメニュー（削除検討）
-------------------------------------- */
.yoko-menu.box-maru2 {
	box-shadow: none;
	text-align: center;
	font-weight: 500;
}
.swell-block-linkList.yoko-list {
	display: inline-flex;
}
/* li */
.swell-block-linkList.yoko-list li {
	display: inline-block;
}
.swell-block-linkList.yoko-list .swell-block-linkList__item {
	margin: 3px 5px!important;
}
/* ul */
.swell-block-linkList.is-style-default.-flex.yoko-list {
	 display: inline-block;
}


/* --------------------------------------
// リスト　横並び
-------------------------------------- */
@media (max-width: 960px){
.swell-block-column.swl-has-mb--s.list-right {
	margin-top: -0.8em;
	}
}

/* --------------------------------------
// リスト　横並び（）
-------------------------------------- */
ol.yoko-list2.-list-flex, ul.yoko-list2.-list-flex {
    gap: 0;
    column-gap: 1em;
}
.post_content .yoko-list2 li {
    margin: 0.3em 0;
}

/* --------------------------------------
// リスト　横並び（見出し+ボタン）
-------------------------------------- */

/* サービス 見出しまわり
-------------------------------------- */
/* サービス見出しエリア */
.midashi-yoko {
	margin-bottom: 1.8em;
}
/*　丸アイコン　*/
.midashi-yoko .icon-maru {
    align-items: center;
    display: flex;
    padding-right: 10px;
}
/*　一覧へのボタン　*/
.midashi-yoko .mini-more {
	 margin-left: 12px;
}
.midashi-yoko .mini-more a {
    border-bottom: solid 1px;
}
.midashi-yoko .mini-more a:hover {
    opacity: 0.8;
}

/* --------------------------------------
// リスト　青
-------------------------------------- */
/*　デフォルト　*/
.list-blue li::marker {
    color: #93DCDC;
    /*content: "■";*/
}
/* 目次風 */
ul.list-blue.is-style-index li:before {
    color: #93DCDC;
    /*content: "■";*/
}

/* --------------------------------------
// リスト　四角アイコン
-------------------------------------- */
.list_shikaku li:before {
    color: #d11e29;
    content: "■";
}


/* --------------------------------------
// リスト　丸アイコン
-------------------------------------- */
/* メインカラー */
.list_maru li:before {
    font-family: "FontAwesome";
    content: "\f111";
    color: var(--color_main);
    font-size: .7em;
    top: 0.35em;
}
/*　黄色　*/
.list_maru.__yellow li:before {
    color: #ffe200;
}


/* --------------------------------------
// リスト　横線アイコン
-------------------------------------- */
.list-yokosen li:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 10px;
    height: 1px;
    content: "";
    background: #35c3ca;
    z-index: 5;
}
.list-yokosen svg {
    display: none;
}
.list-yokosen a {
    margin-left: 1.5em;
}
@media (max-width: 800px){
	.wp-block-column.list-content {
		margin-bottom: 2em!important;
	}
}

/* --------------------------------------
// リスト　アイコンなし横並び　黄背景BOX
-------------------------------------- */
.list_yoko-box li {
    margin: 0;
    background-color: #ffe200;
    padding: 0.4em 0.7em;
    border-radius: 0.4em;
}
.list_yoko-box li:before {
	display: none;/*アイコン非表示*/
}
ul.list_yoko-box {
	gap: 0.4em 0.3em;/*リスト間余白*/
	padding: 0;
}
@media (max-width: 800px){
	.list_yoko-box {
		font-size: 1em!important;
	}
}

/* --------------------------------------
// リスト　中央配置
-------------------------------------- */
ul.-list-flex.list-center {
	display: inline-block;
}
.list-center {
	text-align: center;
}
.list-center li {
	display: inline-block;
	margin-bottom: 0.4em;
}

/* --------------------------------------
// リンクリスト　 角丸　余白広め
-------------------------------------- */
.link-list_maru a.swell-block-linkList__link {
    padding: 0.3em 1em;
}
.link-list_maru svg.swell-block-linkList__icon {
	font-size: .95em;
}



/********************************************************************
** テキスト
********************************************************************/

/* --------------------------------------
// 角丸　背景ありテキスト
-------------------------------------- */
.maru-bg-txt .has-white-background-color {
	border-radius: 4px;
   padding: 6px 8px;
	letter-spacing: 0.08em;
}

/* --------------------------------------
// テキスト 両橋揃え
-------------------------------------- */
.txt-justify p {
	text-align: justify;
}




/********************************************************************
** 余白調整
********************************************************************/

/* --------------------------------------
// 余白広めのbox
-------------------------------------- */
.wp-block-group.hirome-box {
	padding: 3em;
}
@media (max-width: 800px){
	.wp-block-group.hirome-box {
		  padding: 2.5em 2em;
	}
}


/* --------------------------------------
// 余白広めのbox2（上下の余白多め）
-------------------------------------- */
.wp-block-group.hirome-box2 {
	padding: 5em 2em;
}
@media (max-width: 800px){
	.wp-block-group.hirome-box2 {
		  padding: 3em 2em;
	}
}

/* --------------------------------------
// 下 余白追加（フルワイド）
-------------------------------------- */
.swell-block-fullWide.last_yohaku {
	padding-bottom: 6em!important;
}
@media (max-width: 600px){
.swell-block-fullWide.last_yohaku {
	padding-bottom: 4em!important;
	}
}

/* --------------------------------------
// 下 余白　m
-------------------------------------- */
.bottom-yohaku_m {
	 padding-bottom: 2.5em;
}




/********************************************************************
** サイズ制限　幅
********************************************************************/
.w--300 {
	max-width: 300px !important;
	margin-inline: auto;
}
.w--350 {
	max-width: 350px !important;
	margin-inline: auto;
}
.w--400 {
	max-width: 400px !important;
	margin-inline: auto;
}
.w--500 {
	max-width: 500px !important;
	margin-inline: auto;
}
.w--600 {
	max-width: 600px !important;
	margin-inline: auto;
}
.w--700 {
	max-width: 700px !important;
	margin-inline: auto;
}
.w--800 {
	max-width: 800px !important;
	margin-inline: auto;
}
.w--900 {
	max-width: 900px !important;
	margin-inline: auto;
}
.w--1000 {
	max-width: 1000px !important;
	margin-inline: auto;
}

@media (max-width: 800px){
		.w--80p {
		max-width: 80% !important;
		margin-inline: auto;
	}
	.w--90p {
		max-width: 90% !important;
		margin-inline: auto;
	}
}





/********************************************************************
** テーブル
********************************************************************/
/* --------------------------------------
// シンプル スマホでも横並び
-------------------------------------- */
.main-table th, .main-table td  {
  padding: 1.6em 0;
	--table-border: 1px solid #f0f0f1;
}

/* --------------------------------------
// シンプル スマホで縦並び
-------------------------------------- */
@media not all and (min-width: 960px){
.main-table.table-tate .td_to_th_ tbody tr>:first-child:before, .main-table.table-tate tbody th:before {
	background-color: #f7f7f7!important;
	}
	.post_content .table-tate td {
    border: none;
	}
	/* 最後の行だけ線を入れる場合 */
	 .__last-border_on {
    border-bottom: 1px solid #f0f0f1;
	}
}

@media (max-width: 959px){
	.main-table.table-tate th {/*th*/
    max-width: 100%!important;
    padding: 1.6em 0 0 0;
    border-bottom: none;
	 font-size: 1.1em;
}
	.main-table.table-tate td  {/*td*/
  padding: 1em 0 1.6em 0;
	--table-border: 1px solid #f0f0f1;
	}
}

/* --------------------------------------
// テーブル　線なし（コンパクト）
-------------------------------------- */
.main-table.__no-line th, .main-table.__no-line td {
    padding: 0.6em 0;
    --table-border: none;
}


/* --------------------------------------
// テーブル 線黒
-------------------------------------- */
.wp-block-table.table_black-line {
    --table-border: 1px solid rgb(51 51 51);
}
.table_black-line td, 
.table_black-line th {
	padding: 0.7em;
}


/* --------------------------------------
// テーブル内パーツ
-------------------------------------- */
/*　テーブル内 ボタン　*/
.main-table .swl-inline-btn a {
	--the-btn-radius: 0;
	font-weight: normal;
	padding: 0.4em 0.8em;
	font-size: .9em;
}
/*　テーブル内　背景あり文字　*/
.main-table .swl-bg-color {
    border-radius: 0;
    padding: 0.4em 0.6em;
}
/* テーブル内 リスト */
.swl-inline-list[data-icon=dot]:before {
	background-color: var(--color_main);
}

/*　テーブル内 リスト　●→■　
.main-table.__list-brown .swl-inline-list[data-icon=dot]:before {
    background-color: var(--color_main);
    border-radius: 0;
    content: "";
    height: 10px;
    left: 0em;
    position: absolute;
    top: calc(0.6em - 1px);
    width: 10px;
}*/



/********************************************************************
** 各サービスページ用
********************************************************************/

/* --------------------------------------
// 最上部　サービス内容説明エリア
-------------------------------------- */

/* h1下大タイトル
-------------------------------------- */
.service_ttl {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.7;
}
@media (max-width: 800px){
.service_ttl {
	font-size: 1.1em;
	}
}

/* --------------------------------------
// ページ内リンクメニュー（目次）
-------------------------------------- */

/* ボックス */
#service-mokuji {
    font-weight: bold;
    font-size: 1.1em;
	 border-radius: 0.5em;
}
/* ホバー */
.service-menu a:hover {
	color: #fff;
}

/*　中央配置　*/
@media (max-width: 800px){
#service-mokuji .is-layout-flex:not(.is-vertical).is-content-justification-center {
    justify-content: center;
    text-align: center;
	}
}




/**********************************
** トップページ
**********************************/
/* --------------------------------------
// TOP　悩み
-------------------------------------- */
#top-nayami {
	border-top: solid 5px #21782a;
}

/* --------------------------------------
// TOP　広島伐採.comとは？
-------------------------------------- */
/* 上三角 */
#top-about {
	background-image: url(https://kenshokougyo.com/wp-content/uploads/2025/08/bg-sankaku.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 50px;
}


/* --------------------------------------
// TOP　サービス
-------------------------------------- */

/* 背景 上部　帯 */
#top-service.bg-obi1:before {
    height: 13%;
    background: #2da039;
}
@media (min-width: 800px){
#top-service.bg-obi1:before {
	height: 30%;
	}
}


/*　見出し　*/
.midashi-line.__mini::before, .midashi-line.__mini::after {
	/*height: 30px;*/
	height: 1.5em;
	width: .9em;
}


/* サービス  */
#top-service .box_yohaku-none {
	background-color: #fbf6ed;
}
.maru-img2 .wp-block-image.is-style-rounded img {
	border-radius: 100%;
}

#top-service .__txt_area {
	padding: 1em;
    padding-top: 1.5em;
    margin-bottom: 0;
	font-size: .9em !important;
}
#top-service .__price {
	margin-top: .2em !important;
}
@media (min-width: 600px) {
#top-service h3 {
	font-size: 1.2em;
    /*margin-bottom: .3em !important;*/
	}
}
/* サービス 背景白 */
#top-service.top-service-price .box_yohaku-none {
	background-color: #fff;
}



/* --------------------------------------
// プラン
-------------------------------------- */

/* メインプラン　枠線追加 
.top-plan .box-shadow2 {
	 border: solid 3px #e7e4c9;
}*/

/* 見出し 帯 h3 */
div.midashi-obi {
    padding: 1em;
    border-radius: .5em;
}

/* 丸画像　リスト（無料サービス）　
-------------------------------------- */
/*　リスト　中央配置 */
.column-center .swell-block-columns__inner {
	justify-content: center;
}


/* 丸い画像 カバー */
.maru-img .c-bannerLink__img  {
    border-radius: 50px;
    width: auto;
    height: 100%;
    max-width: 150px;
    max-height: 150px;
    margin-inline: auto;
}

/* 丸い画像 */
.maru-img1 img {
	 width: 8.5em;
}



/* --------------------------------------
// 料金
-------------------------------------- */

/*　県名　*/
.top-price .wp-block-group.is-row.mini-box {
	padding: 0.1em 0.7em;
}

.top-price .__price {
	padding: 0.8em 1em;
    justify-content: center;
    align-items: baseline;
}
.top-price .__price .en-txt {
	font-size: 2.2em;
	line-height: 1;
	transform: scaleX(0.9);/*長体*/
}
.top-price .__price .price-en {
}

.top-price  .__hikaku {
	padding: 0.5em 1em;
}

@media (max-width: 800px){
.top-price {
	font-size: .8em;
	}
}





/* --------------------------------------
// 割引
-------------------------------------- */
#top-discount {
    border-top: solid 5px #ffeb03;
}


/* --------------------------------------
// 対応エリア
-------------------------------------- */
/*　吹き出し　位置　*/
.balloon-over_big .b-over {
	padding-bottom: 0;
}

/* 吹き出し */
.balloon-over_big .balloon-box {
	border: none;
	padding: 0.5em 2em;
}
.balloon-over_big .is-style-balloon_box2:before {
	border: none;
	bottom: -6px;
}
/* 見出し（未使用） */
.balloon-over_big h2 {
    font-weight: 500;
}
@media (min-width: 800px){
.midashi_main.__mini h3 {
        font-size: 1.6em!important;
    }
}

/* アピール文 チェックリスト（濃い緑背景） */
.point-check .is-style-check_list li:before {
	color: #e4f9b7;
}


/* 地域詳細
-------------------------------------- */
/* 説明リスト */
.area-chiiki {
	font-size: .9em;
}
/* タイトル */
.area-chiiki .swell-block-dl__dt {
	background-color: #e8f5b97d;
	color: var(--color_main);
    border-radius: .3em;
}
/* 地域リスト */
.area-chiiki .swell-block-dl__dd {
    padding: 1em .5em;
    padding-bottom: 2.5em;
	font-size: .95em;
	border: none;
}
.area-chiiki .is-style-check_list li {
	padding-left: 1.3em;
}
.area-chiiki .is-style-check_list li:before {
	color: #603713;
    content: "\e93b";
    opacity: .2;
}


/* --------------------------------------
// TOP　選ばれる理由　
-------------------------------------- */
/* 画像余白なしボックス */
.box_yohaku-none {
    background-color: #fff;
    border: 0px solid #0E8184;
    /*border-radius: .5em !important;*/
}
.point-column.kado-maru .box_yohaku-none {
    border-radius: .5em;
}
.__txt_area {
	margin-bottom: 0.5em;
	padding-bottom: 2.5em;
}

/* 画像 */
@media (max-width: 800px) {
    .point-column figure.c-bannerLink__figure {
        height: 10em !important;
    }
}

/* ボタン 下揃え */
.point-column .box_yohaku-none {
	display: flex;
	flex-direction: column;
}
.point-column .box_yohaku-none .yoko-btn-list {
    margin-top: auto;
    padding: 1.5em;
    padding-top: 0;
}
@media (min-width: 600px) {
    .point-column .box_yohaku-none .yoko-btn-list {
		padding: 2em;
		padding-top: 0;
    }
}

/* ボタン Mサイズ */
.txt_m .yoko-btn-list a {
    font-size: .9em;
    padding: .5em 1.2em;
    padding-right: 1.5em;
}

/* テキスト Mサイズ */
.txt_m p {
	font-size: .9em;
}

/*  背景画像
-------------------------------------- */
/* 画像 */
@media (max-width: 800px) {
    #top-features .point-column figure.c-bannerLink__figure {
        height: 7em !important;
    }
}


/* --------------------------------------
// TOP　あらゆる場所に対応
-------------------------------------- */
#top-scene {
	border: solid 5px var(--color_main);
}
#top-scene h4 {
	font-weight: bold;
	font-size: .9em;
}
@media (max-width: 600px) {
    #top-scene h4 {
		font-size: .8em;
    }
}

/* --------------------------------------
// TOP　施工事例
-------------------------------------- */
#top-works {
	border-top: solid 5px #c6e97b;
}


/* 悩み下三角 */
.arrow-bottom {
    top: -0.5em;
    position: relative;
    font-size: 3em;
    /* margin-bottom: -1em; */
    line-height: normal;
}
.bg-border_arrow svg {
    top: -2px;
    /* width: 101vw; */
    overflow: hidden;
    position: relative;
}


/* --------------------------------------
// 新着情報
-------------------------------------- */
/*　コンテンツ　*/
#top-news .box-main {
    padding: 2em;
	}
@media (min-width: 599px){
#top-news .box-main {
    padding: 3em;
	}
}

/* 見出し+一覧ボタン */
#top-news .midashi-yoko {
    align-items: center;
    justify-content: space-between;
}
#top-news .midashi-yoko a {
	padding: 0.3em 1.2em;
}
/* 記事タイトル */
#top-news .p-postList__body,
#top-news h4 {
	 font-size: .9em;
}
/* 投稿日 */
#top-news .c-postTimes__posted {
	 opacity: .5;
}
/*　お知らせ・ブログ　*/
#top-news .p-postList.-type-simple li {
    padding: 0em 0.8em;
}
/*　カテゴリ　*/
#top-news span.p-postList__cat.u-thin.icon-folder {
	background-color: #fbf9f7;
	border: solid 0px;
	opacity: 1;
}






/********************************************************************
** プラン・料金
********************************************************************/

/* --------------------------------------
// アイコンメニュー
-------------------------------------- */

/* 影 */
.plan-btn.box-menu_step-top .swell-block-box-menu__link {
   box-shadow: 7px 7px 0px 0 rgb(84 84 84 / 15%);
	/*border: solid 3px #e7e4c9;*/
}
/* アイコン下余白 */
.plan-btn.box-menu_step-top .swell-block-box-menu[data-direction=vertical] .swell-block-box-menu__figure {
	margin-bottom: .7em;
}
/*　サブテキスト　*/
.plan-btn .swl-inline-color{
	margin-top: .5em;
   font-weight: 400;
   font-size: .85em;
}

/* アイコンなし */
.plan-btn .__none-icon .swell-block-box-menu__figure {
    display: none;
}
.plan-btn.box-menu_step-top .__simple .swell-block-box-menu__link {
	border: solid 2px #fff;
	font-size: .9em;
	padding: .85em 1em;
}

/*　メニュー　おすすめ　*/
.plan-menu_main {
	margin-bottom: 10px!important;
}

/* ボックスメニュー　アイコンあり
-------------------------------------- */
/*　ボックスメニュー　右にアイコン追加　*/
.btn_r-icon .swell-block-box-menu__link:before {
    font-family: icomoon !important;
    content: "\e921";
    color: #ffffff;
    font-weight: unset;
    font-size: .85em;
    flex: 0 0 auto;
    order: 2;
    width: 1.8em;
    height: 1.8em;
    background-color: #53474126;
    border-radius: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding-left: 1px;
    padding-top: 1px;
	 transition: transform .25s, -webkit-transform .25s;
}


/*　ホバー　*/
@media (hover: hover) {
    .box-menu_step-top .btn_r-icon.swell-block-box-menu.is-style-fill .has-link:hover {
      filter: none;
    }
	.btn_r-icon .swell-block-box-menu__link:hover::before {
		background-color: #8BC34A;
		transform: translate3d(4px, 0, 0);
	}
}



/* --------------------------------------
// プラン　横並びで高さ揃える（角丸）
-------------------------------------- */
/*　リッチカラム　横並びで高さ揃える（角丸）　*/
.height-arrange .swell-block-column.swl-has-mb--s {
    background-color: #fff;
    border-radius: 1em;
}


/* --------------------------------------
// シンプル　テーブル（無料サービス・オプション）　左にアイコンあり
-------------------------------------- */
.option-table2.main-table.table-tate th {
	font-size: 1.2em;
	font-weight: 500;
}
.option-table2 td {
	opacity: .9;
	font-size: 1.05em;
}
/*　テーブル用　リストアイコン（丸）　*/
.table-list_maru .swl-inline-list[data-icon=circle]:before {
	font-family: "FontAwesome";
    content: "\f111";
	 color: var(--color_main);
    font-size: .6em;
    top: 50%;
    bottom: 50%;
    align-items: center;
    display: flex;
}
.table-list_maru.__yellow .swl-inline-list[data-icon=circle]:before {/*黄色*/
    color: #ffe941;
}


/* --------------------------------------
// 画像入り　アコーディオン（オプションなど）※ボツ
-------------------------------------- */
.img-accordion .swell-block-accordion__title {
	 padding: 0.8em 1em;
}
.img-accordion .swell-block-accordion__title .swell-block-accordion__label {
    justify-content: flex-start;
    align-items: center;
    display: flex;
	 font-weight: 500;
}
.img-accordion .swell-block-accordion__title .swell-block-accordion__label img {
    margin-right: 1.5em;
}

/* --------------------------------------
// 画像+見出し　横並び（オプションなど）※ボツ
-------------------------------------- */
.option-box img {
	margin-right: 1em;	
}


/* --------------------------------------
// 画像つきテーブル（オプションなど）　※ボツ
-------------------------------------- */
/*　画像 th　*/
.option-table th.has-text-align-center img {
    /*align-items: center;
    display: inline-flex;
    justify-content: center;*/
	padding-top: 2px;
}
@media (min-width: 960px){
.option-table th.has-text-align-center img {
	width: 120px !important;
	}
}
@media (max-width: 960px){
.option-table .wp-block-table>table tr>:first-child:not(.-no1) {
	 min-width: 15vw !important;
    --swl-cell1-width: 15vw !important;
	}
}
/*　画像右に余白追加　*/
.option-table.main-table .has-text-align-left {
	 padding-left: 1.7em;
}
/* 太字 */
.option-table strong {
	 font-weight: 500;
    line-height: 2.5em;
}

/* --------------------------------------
// サービスタイトル h3 サブタイトル
-------------------------------------- */
.point-column .midashi_main .en-txt {
    border-radius: 50px !important;
    margin-bottom: .7em !important;
}


/* --------------------------------------
// 料金表（テーブル）
-------------------------------------- */
#price-table.w--95p {
	max-width: 95% !important;
    margin-inline: auto;
}

/* --------------------------------------
// 割引エリア
-------------------------------------- */
/*　コンテンツ境界線　*/
div#discount {
    border-top: solid 5px #ffeb03;
	border-bottom: solid 5px #ffeb03;
}




/**********************************
** 会社情報
**********************************/
/* --------------------------------------
// 上部コンテンツ
-------------------------------------- */
/* コンテンツ上余白 */
.id_126 .l-content {
	padding-top: 0!important;
}

/* コンテンツ 
.content-top {
    top: -8em;
}*/
@media (max-width: 960px){
.swell-block-fullWide.content-top {
    padding-top: 1em!important;
	}
}

/* カバー画像 */
.top_cover-img {
	
}
@media (max-width: 600px){
.top_cover-img {
	min-height: 15em!important;
	}
}




/* --------------------------------------
// googlemap
-------------------------------------- */
.google-map {
	margin-bottom: 3em;
}
.google-map iframe {
	width: 100%;
	margin-bottom: 2em;
}





/**********************************
** 流れ
**********************************/

/* --------------------------------------
// 流れ アイコンメニュー
-------------------------------------- */
/* 流れ　アイコン 縦 */
.box-menu_step-top .swell-block-box-menu[data-direction=vertical] .swell-block-box-menu__figure {
    margin-bottom: 0em;
    background-color: var(--color_deep04);
    width: 3em;
    height: 3em;
    margin-inline: auto;
    border-radius: 100px;
}
/* 流れ　アイコン 横 */
.box-menu_step-top .swell-block-box-menu[data-direction=horizontal] .swell-block-box-menu__figure {
    background-color: var(--color_deep04);
    width: 3em;
    height: 3em;
    border-radius: 100px;
}
/* 数字を上に */
.box-menu_step-top small  {
    font-size: .8em;
    opacity: .8;
    top: -5.5em;
    position: relative;
	 font-family: "Oswald", sans-serif;
    font-weight: normal;
}
/* タイトル */
.box-menu_step-top .swell-block-box-menu__text {
    display: grid;
    font-weight: 500;
}

/* 右矢印（ボックスメニュー用） */
.right-arrow .swell-block-box-menu__link::after {
	content: "";
	left: 100%;
    top: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #f7f7f7;
    border-width: 10px;
    margin-top: -10px;
    z-index: 1;
}
/* 最後 矢印削除（ボックスメニュー用）  */
.right-arrow .__arrow-none .swell-block-box-menu__link::after {
	content: none;
}

/*　ホバー　*/
.box-menu_step-top .swell-block-box-menu__item {
    transition: opacity .25s,box-shadow .25s, filter .2s;
}
@media (hover: hover){
.box-menu_step-top .swell-block-box-menu.is-style-fill .has-link:hover {
    box-shadow: none;
    opacity: 1;
	/*background-color: #fffccc;*/
	filter: sepia(.4)saturate(200%);
	}
}

/* --------------------------------------
// 流れ 詳細2
-------------------------------------- */
/*　アイコン　*/
.icon_maru-bg {
   background-color: #ffe20096;
   width: 2.5em;
   height: 2.5em;
   margin-inline: auto;
   border-radius: 100px;
   padding: .5em !important;
   align-content: center;
	margin: auto;
	justify-content: center;
	top: 50%;
	bottom: 50%;
	display: flex;
}

/* 右矢印（リッチカラム用） */
.swell-block-column.right-arrow::before {
    content: "";
    left: 100%;
    top: 50%;
    bottom: 50%;
    border: solid #ffffff00;
    height: 0;
    width: 0;
    position: relative;
    pointer-events: none;
    border-color: rgb(255 255 255 / 0%);
    border-left-color: #2da039;
    border-width: .6em;
    margin-left: .7em;
    z-index: 1;
    display: flex;
}
/* 最後 矢印削除（リッチカラム用） */
.swell-block-column.right-arrow.__arrow-none::before {
	opacity: 0;
}
@media (max-width: 599px){
	.swell-block-column.right-arrow::before {/*矢印下向き*/
       content: "";
       left: 50%;
       right: 50%;
       top: 100%;
       bottom: 0;
       height: 0;
       width: 0;
       margin-left: -.7em;
       margin-top: .8em;
       transform: rotate(90deg);
	}
}
/* 流れ詳細　各コンテンツの上余白 */
#step-main .discount_txt {
	padding-top: 1em;
}

/* --------------------------------------
// 流れ
-------------------------------------- */
.step_area .__step {
	opacity: .7;
}
.step-content {
	 position: relative;
}

@media (min-width: 600px){
.step-content {/* コンテンツ背景 */
	 background-color: #fbf9f7;
}
.step-content .step_txt-area {/* 右テキストエリア */
    padding: 2.5em 2em;
	}
/* STEP番号下矢印 */
.step_area {
	position: relative;
}
.step_area::after {
    border: 12px solid transparent;
    border-top: 12px solid var(--color_main);
    content: "";
    height: 0;
    left: 50%;
    right: 50%;
    position: absolute;
    visibility: visible;
    width: 0;
	 transform: translate(-50%);
	}
.__arrow-none .step_area::after {/* 下矢印 非表示 */
    display: none;
	}
/*　内容下矢印 非表示　*/
	.step_txt-area .sp_only {
		display: none;
	}
}

/*　600以下　*/
@media (max-width: 599px){
/* 右テキストエリア 
.step-content .step_txt-area {
   padding: 1.2em 0 2.5em 0;
	border-bottom: solid 2px #f7f7f7;
	}*/
/* 内容下矢印 
.step-content::after {
    border: 12px solid transparent;
    border-top: 12px solid var(--color_main);
    content: "";
    height: 0;
    left: 50%;
    right: 50%;
    position: absolute;
    visibility: visible;
    width: 0;
	 transform: translate(-50%);
	}*/
	/* 内容下矢印 非表示 
	.__arrow-none.step-content::after {
    display: none;
	}*/
}


@media (max-width: 599px){
.step_area .wp-block-cover {
	padding: .5em;
	min-height: 50px;
	}
.step_area .__txt {
	font-size: .8em;
    display: flex;
    justify-content: center;
    flex-direction: inherit;
    align-items: center;
	}
.step_area .__step {
	  font-size: 1em;
		margin-right: 5px;
	}
.step-contents h3 {
	text-align: center!important;
	font-size: 1.2em;
	}
}



/********************************************************************
** サービス一覧
********************************************************************/
/* サービスタイトル h3 */
@media (min-width: 600px){
#service-main h3 {
	font-size: 1.2em;
	}
}

/* サービスボックス　背景緑 */
.point-column .__bg-green {
	background-color: #2da039;
}
/* サービスボックス　枠線あり 
#service-main .box_yohaku-none {
	border: 3px solid #2da039;
}
#service-main.kado-maru .__top, #service-main.kado-maru .__top .c-bannerLink, #service-main.kado-maru .__top .c-bannerLink__figure {
    border-radius: .3em .3em 0 0 !important;
}*/



/********************************************************************
** サービス詳細　基本
********************************************************************/
/* --------------------------------------
// サービス概要　内容多い場合
-------------------------------------- */
/* サブタイトル */
#service-top2 .en-txt.__box-center {
	margin-inline: inherit !important;
}

@media (min-width: 1400px){
	#service-top2 .midashi_main {
		font-size: 1.2em !important;
	}	
}
@media (max-width: 600px){
	#service-top2 .midashi_main {
		font-size: 90% !important;
	}	
}


/* --------------------------------------
// 料金（ヘッダーあり／2カラムのまま）
-------------------------------------- */
/* ヘッダー */
#price-table.wp-block-table {
	border-radius: .3em .3em 0 0;
}
#price-table.wp-block-table thead {
    border-bottom: 0px solid #eee;
}
#price-table.wp-block-table thead th {
	background-color: #E8F5B9;
    border-bottom: 0;
    color: #2da039;
}

/* 全体 */
#price-table.wp-block-table td, #price-table.wp-block-table th {
    border: 0px solid;
    border-bottom: 1px solid #eee;
    padding: .5em 1em;
}

/* --------------------------------------
// リスク・メリット
-------------------------------------- */
#service-merit h4 {
    padding: .5em;
    border-radius: .3em;
}


/* --------------------------------------
// サービスの特長
-------------------------------------- */
/* サービス h2エリア */
#service-features .service_main-ttl {
	padding-bottom: 1em !important;
}
#service-features .service_main-content {
	padding-top: 1em !important;
}

@media (max-width: 600px){
	#service-features .point-column {
		max-width: 350px !important;
		margin-inline: auto;
	}
}









/* --------------------------------------
// ページ内リンクメニュー（カテゴリー）　横幅いっぱい
-------------------------------------- */

.in-menu {
    text-align: center;
    display: flex;
    width: calc(var(--the-box-width) - var(--the-gap));
}
.in-menu .wp-block-group__inner-container {
    width: 100%;
}
.in-menu ul.swell-block-linkList {
    --the-gap: .4em;/* 間隔 */
}
.in-menu ul {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
    width: 100%;
	 height: 100%;
}
/*.in-menu li {
    display: contents;
}*/
.in-menu a {
    padding: 0.5em 1.2em;
    font-weight: bold;
    width: 32%;
	 height: 100%;
}
/*.in-menu svg:not([fill]) {
    transform: rotate(90deg);
    padding-right: 0;
    font-size: 1em;
    margin-left: 0.2em;
}*/
.in-menu svg:not([fill]) {
    transform: rotate(90deg);
    padding-right: 0;
    font-size: 1.3em;
    margin-left: 0.2em;
    /* border: solid 1px #fff; */
    border-radius: 100px;
    background-color: #cccccc5e;
    padding: 0.2em;
}

@media (max-width: 960px){
	.in-menu a {/*スマホでの文字サイズ*/
			font-size: .9em;
	}
}

/* --------------------------------------
// ページ内リンクメニュー（カテゴリー）　ミニ
-------------------------------------- */

.in-menu._mini .wp-block-group__inner-container {
    width: -webkit-fill-available;
}
.in-menu._mini a {
   width: auto;
	white-space: nowrap;
}
.in-menu._mini a.swell-block-linkList__link {
	border-radius: 0.3em;
}


/* --------------------------------------
// ページ内リンクメニュー（ボックスメニュー）
-------------------------------------- */
.in-menu2_box {
	
}
.in-menu2_box a {
	border-radius: .5em;
}
.in-menu2_box .swell-block-box-menu__figure {
	display: none;
}
.in-menu2_box a:after {
	font-family: icomoon;
	content: "\e910";
}
.swell-block-box-menu.is-style-fill.in-menu2_box .swell-block-box-menu__link {
	padding-bottom: 0.5em;
}
.in-menu2_box .swell-block-box-menu__text {/* テキスト */
    line-height: 1.3;
}
@media (max-width: 960px){
	.in-menu2_box {/*スマホでの文字サイズ*/
			font-size: .9em;
	}
}

/* --------------------------------------
// 悩み
-------------------------------------- */

/* 悩み　アイコン */
.box-menu_nayami .swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
    padding: 0.7em;
	border-radius: .4em;
}
.box-menu_nayami .swell-block-box-menu__figure {
    margin-bottom: 0em;
    background-color: var(--color_deep04);
    width: 3em;
    height: 3em;
    margin-inline: auto;
    border-radius: 100px;
}
.box-menu_nayami .swell-block-box-menu__text {
   line-height: 1.3;
}
@media (max-width: 960px){
.box-menu_nayami .swell-block-box-menu__figure {
	font-size: 0.8em;
	}
.box-menu_nayami .swell-block-box-menu__text {
	font-size: .9em;
	}
}

/* --------------------------------------
// プラン　タブ
-------------------------------------- */
/*　タブ　*/
.service-tab .c-tabBody {
	box-shadow: 7px 7px 0px 0 rgb(84 84 84 / 15%);
	background-color: #fff;
}
.service-tab .c-tabList .c-tabList__item {
   /*background-color: #ffe20063;*/
	/*background-color: #33333324;*/
	background-color: #f0f0f1;
	border: solid 1px #fffee7;
}
.service-tab button.c-tabList__button {
    font-size: .9em;
}
@media not all and (min-width: 960px){
.service-tab [data-width-sp="50"] .c-tabList {
    --the-tab-flex: auto;
	}
}
@media not all and (min-width: 600px){
.service-tab [data-width-sp="50"] .c-tabList {
    --the-tab-flex: 0 0 25%;
	}
}

/* 中身 */
@media not all and (min-width: 960px){
.service-tab [data-width-sp="50"] .c-tabList {
    --the-tab-flex: auto;
	}
}
@media (max-width: 600px){
	.service-tab figure.wp-block-media-text__media {/* 画像 */
		min-height: 200px!important;
	}
	.service-tab h3 {/*　見出し　*/
    padding-top: .5em!important;
	}
.service-tab .c-tabBody__item p {/*　内容　*/
	 text-align: left;
	 font-size: .9em;
	}
}

/*　見出し　*/
.service-tab h3 {
	font-size: 1.4em;
}
/* 引き取り＆お届け */
.wp-block-group.is-row.mini-box {
    padding: 0.5em 1em;
    justify-content: center;
	 align-items: center;
}
.service-tab .mini-box span.swl-inline-icon {
    margin: auto 1em;
}



/**********************************
** FAQ よくある質問
**********************************/
/* カテゴリメニュー前余白削除 */
#faq-others {
    margin-bottom: 0;
}

.is-style-faq-box.faq-01 .swell-block-faq__item {
    border: none;
	 background-color: #fff;
	 box-shadow: 7px 7px 0px 0 rgb(83 71 65 / 13%);
	 border-radius: 0.7em;
}
/* Q */
.swell-block-faq .faq_q {
	font-size: 1.1em;
   line-height: 1.4;
	font-weight: bold;
}
.is-style-faq-box.faq-01 .faq_q {
    border-bottom: 2px solid #f7f7f7;
	 padding: 1.25em 1em 1.25em 3.5em;
}
/* Qアイコン */
.is-style-faq-box.faq-01 .faq_q:before {
    box-shadow: none;
    font-size: 1.8em;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0;
    content: "Q.";
}
/* A */
.is-style-faq-box.faq-01 .faq_a {
	padding: 1.5em 1.8em 2em 1.8em;
	font-size: .9em;
}
/* Aアイコン非表示 */
.is-style-faq-box.faq-01 .faq_a:before {
	display: none;
}

/* 各コンテンツ下余白 */
.is-style-faq-box.faq-01 {
	padding-bottom: 3em;
}



/********************************************************************
** お問い合わせ・見積り
********************************************************************/

/* フッター前CTA非表示 */
.id_766 #before_footer_widget,
.id_50 #before_footer_widget {
	display: none;
}

/* --------------------------------------
// お問い合わせ・見積り
-------------------------------------- */
.contact_line-box {
	border: solid 5px #0e8184;
}

/* --------------------------------------
// Snow Monkey Forms
-------------------------------------- */

/* 入力フォームのデザイン */
.smf-form .smf-text-control__control,
.smf-form .smf-textarea-control__control {
	background-color: #f2fcfd;
}
/* プルダウンフォームのデザイン */
.smf-form .smf-select-control__control {
	background-color: #0000;
}
.smf-form .smf-select-control__toggle {
	background-color: #f2fcfd;
}

/* フォームの最大幅 */
.snow-monkey-form  {
    max-width: 800px;
    margin-inline: auto;
}
/* 入力エリアの最大幅 */
input[type="text"],
input[type="number"],
input[type="tel"],
.smf-select-control__control {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

/* 郵便番号エリア */
.yubin-area {
	align-items: center;
}
.yubin-area p {
	padding-right: .5em;
}

/* 項目ごとの余白 */
.smf-form--simple-table .smf-item {
	padding: 1.3rem 0;
}

/* 項目名 */
.smf-item__label {
    font-weight: 500;
}

/* 必須・任意ラベル */
.smf-item__col .swl-bg-color {
    font-size: .8em;
    padding: .2em .4em;
    border-radius: 4px;
}

/* ラジオボタン */
.smf-form .smf-radio-button-control {
	align-items: center;
}
.smf-form .smf-radio-button-control__control {
	height: 22px;
	width: 22px;
	padding: inherit;
	margin-top: 0;
}

/* チェックボックス */
.smf-form .smf-checkbox-control__control {
	height: 20px;
	width: 20px;
	padding: inherit;
}
:root {
	--_half-leading: 0.35;/*ラジオボタン・チェックボックス用*/
}

/* エラー文言 */
.smf-error-messages {
	color: #e01313;
	background-color: #fffccc;
    padding: .2em .5em;
}
.smf-form [data-invalid="1"] {
	border-color: #e01313;
	border-width: 2px;
}

/* フォームが重なる場合の下余白 */
.contact-form_area .smf-item__col .form_bottom-yohaku {
	margin-bottom: .5em !important;
}

/* 注意文 */
.mini-txt {
	line-height: 1.4;
	font-size: .85em !important;
	padding-top: 1em;
}


/*  ボタン
-------------------------------------- */

/* ボタンエリア */
.smf-action {
	margin-top: 3em;
}

/* 送信ボタン */
.smf-action .smf-button-control__control {
    font-size: 1.2em;
    background-color: var(--color_main);
    background-image: none;
    color: #fff;
    border: none;
	box-shadow: .1em .25em #22782b;
    transition: transform .25s, box-shadow .25s, -webkit-transform .25s;
    border-radius: 80px;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0;
    min-width: 35%;
    padding: .8em 1.5em;
    position: relative;
    text-decoration: none;
    width: auto;
}
.smf-action .smf-button-control__control:hover {
    border-color: inherit!important;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);*/
	box-shadow: none;
    transform: translate3d(0, 4px, 0);
}

/* 縦並び */
@media (max-width: 800px){
	.smf-form--simple-table+.smf-action {
		margin-inline: auto;
	}
	.smf-action  {
		display: grid;
		width: 90%;
		max-width: 350px;
		margin-inline: auto;
		justify-content: normal;
	}
	.smf-action .smf-button-control__control {
		font-size: 1.1em;
		padding: 0.5em 1.3em;
		width: 100%;
		
	}
	.smf-action .smf-button-control+.smf-button-control {
		margin-left: 0;
		margin-top: .5em;
	}
}






/*  ステップバー
-------------------------------------- */
.smf-progress-tracker {
	margin-bottom: 3em;
	padding-left: 0 !important;
}

/* テキスト */
.smf-progress-tracker__item[aria-current=true] .smf-progress-tracker__item__number {
	background-color: var(--color_main);
}
.smf-progress-tracker__item__text {
	color: var(--color_text) !important;
}
.smf-progress-tracker__item__number {
	height: 30px;
	width: 30px;
}


/*  reCAPTCHA 調整
-------------------------------------- */
/* ページトップボタン非表示 */
.id_766 #pagetop {
	display: none;
}

/* PTCHAマークを手前に表示 */ 
.grecaptcha-badge{
	margin-bottom:var(--recaptcha-badge-position);
	z-index:9999;
}