@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: "Inter", "IBM Plex Sans JP", Meiryo, sans-serif;*/
	font-family: "Inter", "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
}
p {
	line-height: 1.8;/* 行間 */
	letter-spacing: 0.11rem;/*　文字間　*/
	text-align:justify;
    word-break:break-all; 
    text-justify:inter-ideograph;
    text-justify:inter-character;
    word-wrap:break-word;
    overflow-wrap:break-word;
}
/* フォント */
:root {
	/*--swl-font_family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;*/
	--swl-letter_spacing: 0.08em;/*文字間*/
	--swl-text_color--black: var(--color_text);/*基本テキスト*/
	--color_border--table: #f0f0f1;/*テーブルの線*/
	
}
@media (min-width: 1200px) {
	.l-article {
		font-size: larger;
	}
}

/* コンテンツ下余白 */
.l-content {
	margin: 0 auto 10em;
}

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

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


/* YouTube埋め込み */
.is-type-video.wp-has-aspect-ratio iframe {
	box-shadow: 0 0px 20px 0 rgb(11 21 42 / 20%);
    border-radius: 0.5em;
}

/* 画像リンク */
.wp-block-image a {
    transition: opacity .25s, filter .25s;
}
.wp-block-image a:hover {
    opacity: .6;
	opacity: 1;
	filter: brightness(85%) contrast(130%) saturate(120%);
}
/* 画像 角丸 */
.img-kadomaru img {
	border-radius: 1em;
}
@media (max-width: 600px) {
	.img-kadomaru img {
		border-radius: .7em;
	}
}

/* 1300px以上　サイドバーありのコンテンツ幅
@media (min-width: 1300px){
	.l-container {
		padding-left: 0;
		padding-right: 0;
	}
} */



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



/********************************************************************
** Googleフォント　Inter／Noto Sans Japanese
********************************************************************/
.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



/********************************************************************
** 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);
}


/* --------------------------------------
// 　ボタン
-------------------------------------- */
.is-style-btn_normal a:hover {
	 opacity: 0.8;
	 transition: .25s;
}
/* 角を少し丸める */
.is-style-btn_solid {
    --the-btn-radius: .5em;
}
/* アイコンを薄く（右） */
.swell-block-button .__icon.-right {
	opacity: .8;
}

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

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


/* --------------------------------------
// 　タブ　角丸
-------------------------------------- */
button.c-tabList__button {
  border-radius: 4px;
	font-weight: bold;
}
/* 未選択時 */
.is-style-balloon>.c-tabList .c-tabList__button {
    background: #F2F2F2;
	  color: #534741;
}

/* --------------------------------------
// 　リンク　リスト　線あり
-------------------------------------- */
.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: #ddd;
}


/* --------------------------------------
// スクロールバー 横 SWELL
-------------------------------------- */
#yoko-scroll .swell-block-columns__inner::-webkit-scrollbar {
	background-color: #f7f7f7;
	height: 10px;
	border-radius: 50px;
}
#yoko-scroll .swell-block-columns__inner::-webkit-scrollbar-thumb {
	background-color: #35C3CA!important;
	border-radius: 50px;
}
@media (min-width: 960px){
	#yoko-scroll .c-scrollHint {
		  display: none;
	}
}

/* --------------------------------------
// リスト
-------------------------------------- */
/* アイコン右余白 */
.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;
}




/********************************************************************
** グローバルメニュー
********************************************************************/

/* --------------------------------------
// 横幅いっぱい
-------------------------------------- */

@media(min-width: 960px){
	/* スクロール前 */
	.l-header__inner {
		max-width: 100%;
		padding-right: 0;
		height: 100px;
	}
	/* スクール後 */
	.l-fixHeader__inner {
		height: 80px;
		max-width: 100%;
		padding-right: 0;
	}
	.l-fixHeader:before {
	    background: #ffffff00;
	}
}


/* --------------------------------------
// ボタン・TELエリア
-------------------------------------- */
@media (min-width: 960px){
.-series-right .w-header {
    margin-right: 0;
	height: 100px;
	transition: all .3s;
	}
}

/* 見積り画像ボタン */
.g-navi_cta img {
    height: 100px;
    width: auto;
}
/*　TEL 画像　*/
.g-navi_cta figure.__tel {
	align-content: center;
}
.g-navi_cta .__tel img {
	width: auto;
    height: 75px;
    margin-right: 1em;
    padding: .5em;
}



/* ------------------------------------------------------
 * PCでハンバーガーボタンを表示させる設定 
 * ------------------------------------------------------ */

@media (min-width: 960px) {
.l-header__menuBtn.sp_ {
    display: block!important; /* ハンバーガーボタンを表示 */
    height: 100px;
	border-radius: 0;
	transition: all .3s;
	width: 5em;
	}
.-series .l-header__inner {
   align-items: center;  /* ハンバーガーボタンの上下位置調整 */
   align-items: flex-start;
	}
.p-spMenu {
   display: block; /* 開閉メニューを有効 */
	}
.l-header__menuBtn.sp_ .c-iconBtn:hover {/*ホバー*/
	 opacity: .5;
	 }
}

.l-header__menuBtn {
    color: #fff;
    background-color: #603713;
}


/* ------------------------------------------------------
 * ヘッダーの設定（ハンバーガー追従用　l-fixHeader不使用）
 * ------------------------------------------------------ */

/* ヘッダーを固定 */
 @media (min-width: 960px) {
  .l-header {
     background: transparent;
	 transition: all .3s;
  }
  .l-header .l-container {
	  max-width: 100%;
	  background-color: #fff;
	  height: 100px;
  }
}

/* TOP スクロール前 背景
@media (min-width: 960px) {
.top .l-header {
	 transition: all .3s;
	}
 [data-scrolled=true] .top .l-header{
		 position: fixed!important;
		 margin-top: var(--swl-adminbarH,0);
	     transition: all .3s;
	 }
 }*/


/* ------------------------------------------------------
 * スクロール後
 * ------------------------------------------------------ */
.-body-solid .l-fixHeader {
    box-shadow: none;
}
/* 追尾CTA非表示 */
.l-fixHeader__inner .w-header.pc_ {
	display: none;
}

@media (min-width: 960px) {
/* スクロール後の高さ */
	[data-scrolled=true] .l-header .l-container {
		height: 80px;
	}
/* スクロールでヘッダーの横幅調整 */
	[data-scrolled=true] .l-fixHeader[data-ready] {
		max-width: 400px;
		z-index: 100;/*スライドメニュー表示時に黒背景の後ろへ*/
	}
	
/* スクロールでロゴ非表示 */
	[data-scrolled=true] .l-header__logo, [data-scrolled=true] .l-header:after {
		display:none;
	}
	
/* スクロールで表示アニメ */
	[data-scrolled=true] .l-header {
    position: fixed!important;
     margin-top: var(--swl-adminbarH,0);
	 }
/* スクロール後 CTA */
[data-scrolled=true] .w-header.pc_ {
     height: 80px;
	 font-size: .9em;
	 transition: all .3s;
	 }
[data-scrolled=true] .w-header.pc_ .g-navi_cta img {
     height: 80px;
	 }
[data-scrolled=true] .w-header.pc_ .g-navi_cta figure.__tel {
     height: 80px;
	 }
[data-scrolled=true] .w-header.pc_ .g-navi_cta .__tel img {
     height: 65px;
	 }
	
/* スクロール後 メニュー */
[data-scrolled=true] .l-fixHeader .l-header__menuBtn.sp_ {
	 display: block!important;
	 height: 80px;
	 transition: all .3s;
	 }
[data-scrolled=true] .l-header__menuBtn.sp_ {
	 height: 80px;
	 transition: all .3s;
	 }
	
}



/********************************************************************
** スマホ 上部メニュー
********************************************************************/
@media (max-width: 960px){
.-img .c-headLogo__link {
    display: block;
    padding: 7px 0;
	}
	/* menuボタン*/
.l-header__menuBtn, .l-header__customBtn.sp_ {
	color: #fff;
	}
	/* TEL  */
.l-header__customBtn.sp_ {
	background-color: #ec6934;        
	} 
}



/********************************************************************
** スマホスライドメニュー
********************************************************************/


/* --------------------------------------
// スライドメニュー　基本
-------------------------------------- */
/*　背景　*/
#sp_menu .p-spMenu__nav {
    margin-top: 0;
}
.p-spMenu__inner::before {
    background: #fbf6ed;
}
.p-spMenu__inner {
   max-width: 400px;
}

/* × 閉じるボタン */
.p-spMenu__closeBtn .c-iconBtn__icon {
    font-size: 20px;
}
/* menu 見出し　非表示 */
.c-widget__title.-spmenu {
    display: none;
}
/* コンテンツ余白 */
#sp_menu .p-spMenu__body {
	padding: 0;
	padding-bottom: 1em;
}
/* 既存メニューのコンテンツ余白 */
#sp_menu .p-spMenu__nav {
	padding: 0 1.5em 1em;
}
/* ミニ　メニューリスト 文字色 */
#sp_menu .sp-menu_list-simple {
	color: #fff;
}
/* 横スクロール非表示 */
#sp_menu .p-spMenu__body {
    overflow-x: hidden;
}
/* フォントサイズ */
#sp_menu .p-spMenu__nav {
	font-size: 1.1em;
}

@media not all and (max-width: 960px) {

}


/* --------------------------------------
// 既存メニュー
-------------------------------------- */

#sp_menu .p-spMenu__nav {
    max-width: 500px;
    margin-inline: auto;
}


/* 親メニュー メイン
-------------------------------------- */
#sp_menu .c-spnav.c-listMenu {
    border-top: none;
	border-radius: .5em;
}
#sp_menu .c-spnav.c-listMenu li {
    border-top: none;
	border-bottom: none;
    background: #fff;
    border-radius: .5em;
    margin-bottom: .5em;
}
/* リンク */
#sp_menu .c-listMenu a {
    padding: 0.8em 1em 0.8em 2em;
    border-bottom: none;
}
#sp_menu .c-listMenu a:before {
	margin-right: 0.5em;
    margin-left: 0.5em;
	content: "\e93b";
	color: var(--color_main);
}
/* ホバー */
#sp_menu .c-listMenu a:hover {
    opacity: 1;
    background-color: #ffffff00;
    padding-left: 2.3em !important;
}



/* サブメニューあり
-------------------------------------- */
#sp_menu .c-listMenu .sp-slide-menu_sub a {
    border-bottom: 1px solid #f0f5f2;
}
/* ホバー サブメニュー親 リンクなし */
#sp_menu .c-listMenu li.sp-slide-menu_sub.__link-none {
	pointer-events: none;
}
/* サブメニュー */
#sp_menu .c-listMenu .sp-slide-menu_sub .sub-menu a {
    border-bottom: none;
	padding: 0.5em 1em 0.5em 2.8em;
	pointer-events: auto;
}
#sp_menu .c-listMenu .sub-menu {
    padding-top: .9em;
    padding-bottom: .9em;
}
#sp_menu .c-spnav.c-listMenu .sub-menu li {
	margin-bottom: 0;
}
/* ホバー */
#sp_menu .c-listMenu .sp-slide-menu_sub .sub-menu a:hover {
    padding-left: 3.3em !important;
}


/* --------------------------------------
// ウィジェットエリア
-------------------------------------- */

#sp_menu_bottom {
	margin-top: 0;
}
#sp_menu_bottom .kadomaru {
	border-radius: .5em;
}
#sp_menu_bottom .yoko-btn-list .swell-block-linkList__link {
    margin-inline: auto;
    max-width: 100%;
}



/* --------------------------------------
// スライドメニュー　PC
-------------------------------------- */

@media not all and (min-width: 959px) {

	
#sp_menu .p-spMenu__body .alignfull.f_cta {
	/*left: -1.5em;*/
	width: auto;
    max-width: 400px !important;
    right: 0;
    display: block;
    position: sticky;
    margin: 0 -1.5em;
    margin-bottom: 3em;
}
#sp_menu .p-spMenu__body .alignfull.f_cta .box-maru {
	padding: 2em 1em;
	}
}

@media not all and (max-width: 960px) {
	/*#sp_menu .p-spMenu__body {
		 padding: 0 1.5em 10vw;
	}*/
	#block-16 .swell-block-fullWide__inner {
		padding: 0;
	}
}




/********************************************************************
** 　スマホ　フッター固定ボタン
********************************************************************/
#fix_bottom_menu {
	box-shadow: 0 0 5px #62490d59;
}
#fix_bottom_menu::before {
	display: none;
}
#fix_bottom_menu .menu_list {
	padding: 0;
}
/* アイコン */
#fix_bottom_menu .menu-item a {
    display: flex;
	align-items: center;
}
#fix_bottom_menu .menu-item i {
	margin-right: 0.5em;
}


/*　テキスト　*/
#fix_bottom_menu span {
    font-size: 13px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	/*width: auto;*/
	padding-right: 1em;
}
/* 中間に線
.sp_f_menu_phone a:after {
    content: "";
    border-right: solid 1px #f7f7f7;
    right: 0;
    height: 50px;
} */

/* お問い合わせ */
#fix_bottom_menu .menu-item-291,
#fix_bottom_menu .menu-item-5868 {
	color: #fff;
    background-color: var(--color_main);
    height: 50px;
    align-content: center;
    display: grid;
    font-weight: bold;
	position: relative;
	width: auto;
	padding: 0.5em 1em;
}

/* LINE */
#fix_bottom_menu .menu-item-5868 {
    background-color: #0e8184;
	/*border-left: solid 1px #fff;
	border-right: solid 1px #fff;*/
}

/* ページのTOPへ */
#fix_bottom_menu .pagetop_btn {
    height: 50px;
    width: 50px !important;
    flex-basis: 80px;
    align-content: center;
	background-color: #166062;
    color: #ffffff;
}
#fix_bottom_menu .pagetop_btn li {
    height: 50px;
	width: 50px!important;
}
#fix_bottom_menu .pagetop_btn i {
	margin-right: 0;
}

/* テキスト非表示 */
#fix_bottom_menu span {
	display: none;
}

/* --------------------------------------
// 画像メニュー
-------------------------------------- */
/* メール */
#fix_bottom_menu .menu-item-291, #fix_bottom_menu .menu-item-5868 {
	background-image: url(https://route-18.net/wp-content/uploads/2025/07/sp-f-menu_mail.png);
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
}
/* LINE */
#fix_bottom_menu .menu-item-5868 {
	background-image: url(https://route-18.net/wp-content/uploads/2025/07/sp-f-menu_line.png);
}




/********************************************************************
** フッターメニュー
********************************************************************/

/* コンテンツ下ウィジェットとコンテンツの間の余白 削除 */
.w-beforeFooter {
	margin-top:0;
}
/* フッター下 余白削除 */
.swell-block-fullWide.pc-py-0.sp-py-0.alignfull.site-map.f_main-menu.pc_only {
	  margin-bottom: 0;
}

@media (min-width: 960px){
	div#block-12 {/* CTAとフッター間の余白削除 */
		margin-top: 0;
	}
}
@media (max-width: 960px){
	div#block-18 {/* 文字サイズ */
		font-size: 1.1em;
	}
}

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


/* リストメニュー */
.f-menu_left .list-content a {
   opacity: .8;
}
.site-map.f_main-menu .__none-icon a {
	opacity: .8;
}
/* アイコン非表示 */
.list-content .__none-icon svg {
    display: none;
}

/* タイトル */
.f-menu_ttl {
    line-height: normal;
    color: #534741;
	text-align: left;
}

/* 運営会社 */
.f_bg-txt .swl-bg-color {
	padding: .25em .5em;
	border-radius: .2em;
}



/* --------------------------------------
// フッター（ 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;
}



/********************************************************************
** CTA（メイン　フッター前）
********************************************************************/

/* 角丸box */
.kadomaru-box_top {
	border-radius: 1em 1em 0 0;
}
.kadomaru-box_bottom {
	border-radius: 0 0 1em 1em;
}


/* --------------------------------------
// ボタン TEL
-------------------------------------- */
.f-cta_tel {
    padding: .8em !important;
}
/* お急ぎの方〜 */
.f-cta_tel p {
	padding: .5em;
}
/* 番号＆時間 */
.swell-block-column.swl-has-mb--s.f-cta_tel-tel {
	
}
/* TEL画像 */
.f-cta_tel figure {
	width: 100%;
   max-width: 280px;
   padding: .5em;
   transition-duration: .3s;
}

/* 画像ホバー */
.cta-main .wp-block-image a {
    transition: transform .25s;
}
.cta-main .wp-block-image a:hover {
    opacity: 1;
    transform: scale(0.95);
}

@media (max-width: 960px) {
	.swell-block-column.swl-has-mb--s.f-cta_tel-tel {
		border-radius: 0 0 10px 10px;
	}
  .f-cta_tel-txt {
	  padding: 0.4em 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-bottom: 1em;
	}
}





/********************************************************************
** パンくずリスト
********************************************************************/
/* 共通設定*/
.p-breadcrumb__list {
    display: flow;
} 
.l-topTitleArea+.p-breadcrumb {
	padding-top: 0;
}
.p-breadcrumb:not(.-bg-on) {
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #E9E7DD !important;
}
/* 960px以下　回り込み 
@media screen and (max-width: 960px){
	.p-breadcrumb__list {
    border-radius: 0;
		 width: 100%;
		background-color: #fff;
	}
}*/
/* 固定ページ　画像あり */
.p-breadcrumb.-bg-on {
    box-shadow: none;
    background: #fff;
}
/* テキスト */
.p-breadcrumb__text {
	color: var(--color_text);
}
.p-breadcrumb__item:last-child span {
    opacity: .7;
}

/* テキスト　リンク */
/*a.p-breadcrumb__text {
	color: #018a8a;
}*/

/* 長いタイトル折り返し */
.p-breadcrumb__text {
	white-space: break-spaces;
}
/* アイコン非表示 */
.p-breadcrumb__text .__home:before {
	display: none;
}

/* 固定ページ　画像なし */
.-body-solid .p-breadcrumb.-bg-on {
    box-shadow: none;
    background: #fff;
}
/*　>　*/
.p-breadcrumb__item:after {
	opacity: .2;
	margin-right: 6px;
}
/* 記事タイトル 表示 */
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
    display: block;
}






/********************************************************************
** 右下　ページTOPへ・目次ボタン
********************************************************************/

/* ページTOPへ・目次ボタン */
button#pagetop, button#fix_tocbtn {
    border: none;
    color: #ffffff;
    opacity: 1;
    background: #62490D;
	box-shadow: none;
}
button#pagetop.hov-bg-main:hover, button#fix_tocbtn.hov-bg-main:hover {
	background: #1ab07e !important;
}


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

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

/* 記事がない場合のテキスト */
.c-tabBody__item p {
    text-align: center;
}

/* カテゴリラベル */
.c-postThumb__cat {
	right: auto;
    left: 0;
}
.archive.category .icon-folder:before {
    display: none;
}

/* サムネ */
.-type-card .p-postList__thumb {
	border-radius: .5em;
}


/* --------------------------------------
// 記事一覧（お知らせ・ブログ）
-------------------------------------- */

/* 大タイトル下　カテゴリ
-------------------------------------- */
.l-topTitleArea .p-termNavigation {
    margin-top: 2em;
}
.l-topTitleArea .c-categoryList__link {
    border: 1px solid var(--color_text);
	  margin-right: 5px;
}
.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: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: #534741;
    opacity: .7;
	letter-spacing: .1em;
}
.p-postList__meta :before {
    display: none;
}
@media (min-width: 600px) {
    .p-postList__meta {
        font-size: 13px;
    }
}

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


/* タグ
-------------------------------------- */
/*　アイコン非表示　*/
.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;
}



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

/* --------------------------------------
// タイトル周り
-------------------------------------- */
/* h1 */
.c-postTitle {
    padding-bottom: 1.5em;
}
.c-postTitle__date {
	border-right: none;
	text-align: left;
}

/* サブタイトル 削除 */
.c-pageTitle__subTitle {
	display: none;
}


/*　日付　*/
.p-articleMetas.-top {
    margin-top: 0;
    position: relative;
}

/*　投稿日・更新日　*/
.c-postTimes {
	color: #018a8a;
}
.p-articleMetas__termList{
	margin: 0;
}
.c-postTimes__modified:before, .c-postTimes__posted:before {
	display: none;
}

/*　カテゴリ　*/
.p-articleMetas.-top .c-categoryList__link {
	margin-right: 10px;
}
.c-categoryList:before {
	display: none;
}


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



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

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


/* カテゴリ
-------------------------------------- */
#sidebar div#categories-5 {
    background-color: #fff;
    border-radius: .5em;
    padding: 1em;
	padding-top: 1.2em;
    padding-bottom: 1.3em;
}
.widget_categories>ul>.cat-item>a:before {
	color: var(--color_main);
    opacity: .8;
    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: .5em;
	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;
}


/* --------------------------------------
// SNSシェアボタン
-------------------------------------- */
.c-shareBtns__btn {
	border-radius: .2em;
}
.c-urlcopy {
	background-color: var(--color_pale01);
}

/* --------------------------------------
//関連記事
-------------------------------------- */
.c-secTitle {
    border-left: none;
    text-align: center;
    color: var(--color_text);
    padding: 0.3em 0;
    font-size: 1.3em;
    border-bottom: solid 2px var(--color_main);
    width: fit-content;
    margin-inline: auto;
}









/* ------------------------------------
// 記事投稿用設定
------------------------------------ */

/* 記事用　見出し
-------------------------------------- */
.single-post .post_content .l-mainContent__inner h2 {
    margin-top: 5em;
}
.single-post .post_content h3.wp-block-heading {
	margin: 4em 0 1.5em;
}


/* 記事用　リスト
-------------------------------------- */
/* 記事用 基本リスト */
.single-post .post_content li {
	line-height: 1.7;
}
/* 固定用 リスト（デフォルトの丸を装飾） */
.post_content ul li::marker {
    color: var(--color_main);
}
/* 記事用 リスト（デフォルトの丸を装飾） */
.single-post .post_content ul li::marker {
    color: var(--color_main);
	font-size: 1.2em;
}


/* 記事用 リスト（数字を装飾） */
.single-post .post_content .is-style-num_circle li::before {
    color: var(--color_list_num);
    background-color: #35c3ca21;
    box-shadow: 0 0 0 2px #35c3ca21;
    font-weight: bold;
}


/* 記事用　テーブル
-------------------------------------- */
/* 記事用 テーブル（ノーマル） */
.single-post .post_content figure.wp-block-table table {
    font-size: .85em;
}
.single-post .post_content table th {
    background-color: #586c80;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    border: none;
    border-right: solid 1px #fff;
}
.single-post .post_content table th:last-child {
	border-right: none;
}
.single-post .post_content .wp-block-table td {
    border-color: #ddd;
    background-color: #fff;
    vertical-align: middle;
    border: 0;
    border-bottom: solid 1px #ddd;
	min-width: 120px !important;
}
@media screen and (max-width: 768px) {
.single-post .post_content figure.wp-block-table table {
    font-size: .8em;
}
  .single-post .post_content .wp-block-table td {
    min-width: 80px !important;
  }
}


/* ブログカード
-------------------------------------- */
/* タイプ3 */
[data-type=type3] .p-blogCard__inner {
	box-shadow: none;
    /*border: solid 3px #f7f7f7;*/
	border: solid 1px var(--color_text);
}
[data-type=type3] .p-blogCard__caption {
	padding-bottom: .4em;
}
@media (min-width: 600px) {
    [data-type=type3] .p-blogCard__inner {
        padding: 24px;
        padding-bottom: 1.5em;
    }
}
/* タイプ1 */
[data-type=type1] .p-blogCard__caption {
	background: #ffffff;
	padding: 0 .7em;
}
/*　サムネ　*/
.p-blogCard .c-postThumb__figure img {
	border-radius: .3em;
}


/* 角に折り目（白背景の場合）
-------------------------------------- */
.single-post .is-style-crease:before {
	border-color: #ffffff #ffffff rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
	border-width: 2px 20px 20px 2px;
}

/* Instagram 埋め込み余白
-------------------------------------- */
.instagram-media {
	margin-bottom: 3em !important;
}







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

/* h2 */
.post_content h2 {
	line-height: 1.2;
	border-radius: .4em;
}

/* --------------------------------------
// 固定ページ h1（コンテンツ内）画像なし
-------------------------------------- */
/* h1エリア余白 */
.l-topTitleArea {
    padding: 0;
    background-color: #0e8184;
	border-bottom: solid 5px #05696c;
    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: #ffffff;
    font-size: 2em;
    text-align: center;
    display: grid;
    letter-spacing: 0.2rem;
    padding: 1.2em;
    border-radius: .5em;
}

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

/* 600px以下 */
@media (max-width: 600px){
	#top_title_area.l-topTitleArea {
		padding: 0;
	}
	#top_title_area .l-topTitleArea__body {
    text-shadow: none;
    padding: 0;
	}
	#top_title_area .c-pageTitle {
		font-size: 1.5em;
	}
	#top_title_area .c-pageTitle {
		border-radius: 0;
	}
}



/* --------------------------------------
// メイン
-------------------------------------- */
.midashi_main h2 {
	font-size: 1.5em;
	margin-top: 0;
}
@media (min-width: 1000px){
.midashi_main h2 {
	font-size: 2em;
	}
}




/* --------------------------------------
// メイン　 サブタイトルあり
-------------------------------------- */

/*  見出し　サブタイトル
-------------------------------------- */
.sub-ttl {
	letter-spacing: inherit;
	font-weight: 500;
	text-transform: uppercase;
}



/* --------------------------------------
// メイン　 英字　小
-------------------------------------- */

/*　サブテキスト（背景あり+中央配置）　*/
.midashi_main .sub-ttl {
    line-height: 1.4;
    width: fit-content;
    padding: 0.4em 1em;
    border-radius: 100px;
    margin-inline: auto !important;
    margin-bottom: 0.8em;
    font-size: 90%;
}























/* --------------------------------------
// 下線　h3
-------------------------------------- */

#midashi-kasen  {
    border-bottom: solid 2px #e85382;
    padding-bottom: 8px;
    width: fit-content;
    margin-inline: auto;
}




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

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

/* 上下の余白広め */
.box-main.__hirome {
    padding: 4em 2em 3.5em 2em !important;
}
@media (max-width: 800px){
		.box-main.__hirome {
			 padding: 3em 2em 3em 2em !important;
	}
}



/* --------------------------------------
// ボックス　角丸　シャドウなし
-------------------------------------- */
/*　メイン　*/
.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: 1.5em;
}

/* 角丸のみ　余白なし */
.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;
}



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

/* 全体 */
.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;
}



/********************************************************************
** ボックス　余白なし・角丸コンテンツ（TOPの料金・サービス・理由）
********************************************************************/
/* --------------------------------------
// ボックス
-------------------------------------- */


/* ボックス */
.box_yohaku-none {
    background-color: #fff;
    border: 0px solid #0E8184;
    /*border-radius: .7em !important;*/
}
.__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;
}






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

/* --------------------------------------
// テキスト左寄せ アイコン付きボタン
-------------------------------------- */

/* メイン */
.yoko-btn-list .swell-block-linkList__link {
    margin-inline: auto;
	max-width: 500px;

}
.swell-block-linkList.is-style-default .swell-block-linkList__link:hover {
    color: var(--color_text);
    opacity: .5;
}
.yoko-btn-list span.swell-block-linkList__text {
	margin-left: 0 !important;
	text-align: left;
}

/* 右アイコン */
.yoko-btn-list svg {
	opacity: .6;
}

/* 大きめ
-------------------------------------- */

.yoko-btn-list.__big-btn a {
    padding-top: 1.3em;
    padding-bottom: 1.3em;
	padding-right: 1.8em;
	font-size: 1.1em;
	font-weight: bold;
}
/* ホバー
.yoko-btn-list.__big-btn a:hover {
	background-color: #fff !important;
}*/


/* 横並び 小さめ 中央配置
-------------------------------------- */

ul.yoko-btn-list.__mini {
    margin-inline: auto;
	justify-content: center;
	max-width: 600px;
}
.yoko-btn-list.__mini li.swell-block-linkList__item {
	max-width: 250px;
	width: 100%;
}
.yoko-btn-list.__mini a {
	padding: .6em 1.1em;
}







/********************************************************************
** 背景
********************************************************************/

/* --------------------------------------
// ハーフ（赤+灰）
-------------------------------------- */
.bg-half {
    background: linear-gradient(180deg, #d11e29 0%, #d11e29 50%, #f7f7f700 50%, #f7f7f700 100%);
}



/* --------------------------------------
// 上部帯（青+自由）
-------------------------------------- */
.bg-obi1:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: auto;
    right: 0;
    width: 100%;
    height: 30%;
    background: #0e8184;
}




/********************************************************************
** サイズ制限　幅
********************************************************************/

.w--400 {
	max-width: 400px;
	margin-inline: auto;
}
.w--500 {
	max-width: 500px;
	margin-inline: auto;
}
.w--600 {
	max-width: 600px;
	margin-inline: auto;
}
.w--700 {
	max-width: 700px;
	margin-inline: auto;
}
.w--800 {
	max-width: 800px;
	margin-inline: auto;
}
.w--900 {
	max-width: 900px;
	margin-inline: auto;
}
.w--1000 {
	max-width: 1000px;
	margin-inline: auto;
}


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




/********************************************************************
** テーブル
********************************************************************/

/*　テーブル　*/
table {
	letter-spacing: 0.1em;
	font-size: 95%;
}
@media (max-width: 960px){
	table {/*スマホでの文字サイズ*/
			font-size: 90%;
	}
}

/* --------------------------------------
// 　デフォルト
-------------------------------------- */
/* th 見出し 中央寄せ */
.wp-block-table.table-th-center>table tr>:first-child:not(.-no1) {
	text-align: center;
}

/* --------------------------------------
// 　シンプル　基本
-------------------------------------- */
.wp-block-table td, .wp-block-table th {
	padding: 1em .75em;
}
/* 最低幅 100px */
.wp-block-table.width-80 td, .wp-block-table.width-80 th {
	min-width: 80px !important;
}

/* --------------------------------------
// シンプル スマホでも横並び
-------------------------------------- */
.main-table th, .main-table td  {
  padding: 1.4em 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;
	}
}
@media(min-width: 960px){
	.main-table td  {
		padding-left: 1em;
	}
}

@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-bg-color {
    border-radius: 0;
    padding: 0.4em 0.6em;
}
/*　テーブル内 リスト　●　*/
.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.7em - 2px);
    width: 10px;
}



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

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

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

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

/* --------------------------------------
// リスト　横線アイコン
-------------------------------------- */
.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;
}

/* --------------------------------------
// リスト　アイコン
-------------------------------------- */
/*　丸　*/
.icon_maru li:before {
    color: #ffe200;
    font-family: "FontAwesome";
    content: "\f111";
    font-size: .7em;
    top: 0.3em;
}
.icon_maru li {
    padding-left: 1.5em;
}

/* 丸を小さく */
.icon_maru.mini-maru li:before {
    font-size: .5em;
    top: 0;
    bottom: 0;
	align-items: center;
    display: flex;
}
.mini-maru li {
    padding-left: 1.2em;
}


/* --------------------------------------
// リスト　ハッシュタグ付き　白背景
-------------------------------------- */
ul.hashtag-list {
    gap: 0.4em;
    padding: 0;
}
.hashtag-list li {
    background-color: #fff;
    padding: .4em .8em;
    padding-left: 1.8em;
    border-radius: .3em;
	margin: 0;
	box-shadow: 0 0px 20px 0 rgb(11 21 42 / 4%);
}
.hashtag-list.is-style-note_list li:before {
	content: "#";
	left: 12px;
    top: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
	color: #ccc;
}
@media (max-width: 800px){
	.hashtag-list {
		
	}
}









/********************************************************************
** TOPページ
********************************************************************/

/* --------------------------------------
// KV下　サービスリスト
-------------------------------------- */

/* --------------------------------------
// KV下　コンテンツ余白
-------------------------------------- */
/* KV下ニュースエリア非表示 */
.w-frontTop {
    display: none;
}
/*　KV下余白削除　*/
.top .post_content {
    margin: 0;
}
.top #content {
	margin-top: -1px;
}


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

/* 見出し上 アイコン */
.ttl-icon {
	max-width: 90px;
	margin-bottom: 0.5em;
	margin-inline: auto;
}
@media(max-width: 600px){
	.ttl-icon {
		max-width: 70px;
	}
}

/* h3 メニュー名 */
#top-price .midashi_main {
    font-size: 1.3em;
}

/* ボックス */
#top-price .box_yohaku-none {
    border: 3px solid #0E8184;
    border-radius: .75em !important;
	border-top: none;
}
#top-price .box_yohaku-none .__txt_area {
	font-weight: 500;
	border-radius: .75em;
}
/* 一番人気（オレンジ） */
#top-price .box_yohaku-none.__price-ninki {
	border: 3px solid #EC6933;
	border-top: none;
}



/* --------------------------------------
// レビュー割　コンテンツかぶり見出し
-------------------------------------- */

/* 吹き出し 角丸のみ 
-------------------------------------- */
.balloon-box-maru {
    border-radius: 50px;
    min-width: 2em;
    padding: 0.6em 1.4em;
}


/* 吹き出し 丸 枠なし
-------------------------------------- */
.balloon-box {
    background-color: #FFF021;
    border-radius: 50px;
	border: none;
    font-weight: 500;
    min-width: 2em;
    padding: 0.6em 1.4em;
	z-index: 5;
}
.balloon_box:before {
    border: 10px solid transparent;
    border-top: 12px solid #FFF021;
    bottom: -20px;
}
.balloon-box.is-style-balloon_box:before {
	border-top: 12px solid #FFF021;
}


/* ボックス　吹き出しかぶり用
-------------------------------------- */
.balloon-over {
	padding-top: 7em !important;
}
.box-main.b-over {
  padding-top: 4em!important;
  margin-bottom: 2.5em!important;
}
/*　吹き出しとボックスの位置を上に　*/
.b-over-content {
    top: -1.35em;
    position: relative;
}
@media (max-width: 800px){
	.balloon-over {
		padding-top: 5em !important;
	}
}

/* --------------------------------------
// お悩み＆解決
-------------------------------------- */
/* 背景 グラデーション*/
#top-nayami:before {
	content:"";
    background-image: linear-gradient(0deg, transparent, #0e8184);
}
/* お悩み＆解決 コンテンツ上のpadding */
#top-nayami {
	padding-top: 5em !important;
}
#top-kaiketsu {
	padding-top: 3.5em !important;
	border-top: solid 5px #ca5627;
}
@media(max-width: 600px){
	#top-nayami {
	padding-top: 3em !important;
	}
	#top-kaiketsu {
	padding-top: 1.5em !important;
	}
}

/* 三角 境界線 */
.bg-border_arrow .swell-block-fullWide__inner svg {
	margin-top: -1px!important;
}


/* --------------------------------------
// サービス内容
-------------------------------------- */

/* コンテンツ上のpadding */
#top-service {
	padding-top: 5em !important;
	border-bottom: solid 5px #fff086;
}
@media(max-width: 600px){
	#top-service {
	padding-top: 3em !important;
	}
}

/* h3 */
#service-list .midashi_main {
    border-radius: .5em .5em 0 0;
    padding: 1em;
}
#service-list .__top, #service-list .__top .c-bannerLink, #service-list .__top .c-bannerLink__figure {
    border-radius: 0 !important;
}

/* ボックス */
.point-column.kado-maru .box_yohaku-none {
    border-radius: .5em;
}


/* --------------------------------------
// 流れ
-------------------------------------- */
/* ボックス */
#flow-contact .box-main {
	padding: 1.5em 2em 2em 2em;
}
@media(max-width: 600px){
	#flow-contact .box-main {
		padding: 1.4em 1.5em 1.7em 1.5em;
	}
}

/* h3 横並びタイトル */
#flow-contact .midashi_main.__yoko {
	display: inline-flex;
	align-items: center;
}
#flow-contact h3 {
    margin-left: 0.5em;
}
/* step */
#flow-contact .sub-ttl {
    margin-bottom: 0;
    border-radius: .5em;
    padding: .1em .7em 0.3em;
    padding: .6em .7em 0.2em;
    height: 60px;
    width: 70px;
    align-items: center;
    justify-content: center;
}
#flow-contact .sub-ttl .__step {
    font-size: 0.5em;
	letter-spacing: 2px;
    line-height: .7;
}
#flow-contact .sub-ttl .__number {
	font-weight: 800;
	font-size: 1.25em;
    line-height: normal;
}

@media(max-width: 600px){
	#flow-contact .sub-ttl {
		height: 50px;
		width: 60px;
	}
}



/* --------------------------------------
// 特長
-------------------------------------- */

/*  背景画像
-------------------------------------- */
/* 画像 */
@media (max-width: 800px) {
    #top-features .point-column figure.c-bannerLink__figure {
        height: 7em !important;
    }
}
/* 文字サイズ */
#top-features .__txt_area {
	font-size: .8em;
}

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

/* 記事タイトル */
#top-news h3 {
	 font-size: .95em;
}
/* 投稿日 */
#top-news .c-postTimes__posted,
#top-colum .p-postList__meta {
	 opacity: .7;
}
/*　お知らせ・ブログ　*/
#top-news .p-postList.-type-simple li {
    padding: 0em 0.8em;
}
/*　カテゴリ　*/
#top-news span.p-postList__cat.u-thin.icon-folder {
	background-color: #fbf6ed;
    /* border: solid 1px #62490c; */
    opacity: 1;
    padding: 3px 4px;
    border-radius: 4px;
}

/* お知らせ ホバー */
#top-news .-type-simple .p-postList__link:hover {
	 opacity: .75;
}

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







/********************************************************************
** よくある質問　FAQ
********************************************************************/

/* --------------------------------------
// ページ内リンクメニュー（リンクリスト 塗り）　
-------------------------------------- */

.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: 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;
	}
}



/* --------------------------------------
// 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;
}
.swell-block-faq .swell-block-faq__item+.swell-block-faq__item {
	margin-top: 1.5em;
}
/* Q */
.swell-block-faq .faq_q {
	font-size: 1.1em;
   line-height: 1.4;
	font-weight: 500;
}
.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: "M PLUS Rounded 1c", Meiryo, sans-serif;
    font-weight: bold;
    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;
}

/* リストボタンのアイコン */
.__icon-mini svg {
	font-size: 1em;
}




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

/* --------------------------------------
// お問い合わせ・見積り
-------------------------------------- */
.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;
    /*transition: box-shadow 0.25s;*/
	box-shadow: .1em .25em #b14f27;
    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 調整
-------------------------------------- */
/* ページトップボタン非表示 */
#pagetop {
	display: none;
}

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



