@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 {
	
}
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: "Wix Madefor Text", "Noto Sans JP", sans-serif;
    /*--swl-font_family: "Montserrat", "Noto Sans JP", sans-serif;*/
	--swl-letter_spacing: 0.12em;/*　文字間　*/
	--color_border--table: #f0f0f1;/*テーブルの線*/
}
/* フォント Wix Madefor Text */
.wix-madefor-text-<uniquifier> {
  font-family: "Wix Madefor Text", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



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

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


/*　テーブル　*/
table tr {
	font-size: 95%;
	line-height: 1.6;
    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;
}
@media (max-width: 960px){
	table {/*スマホでの文字サイズ*/
			font-size: 90%;
	}
}

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


/********************************************************************
** SWELL
********************************************************************/
/* --------------------------------------
// 　ホバー 画像
-------------------------------------- */
.wp-block-image a {
	transition: .25s;
}
.wp-block-image a:hover {
	opacity: .7;
    transform: translateY(3px);
}

/* --------------------------------------
// 　カラム　影
-------------------------------------- */
.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;
}

/* --------------------------------------
// 　ボタン　黒背景
-------------------------------------- */
.btn_black a {
	background-color: #333;
}

/* --------------------------------------
// 　ボタン　文字左　　アイコン右
-------------------------------------- */
.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 {
  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;
}



/* --------------------------------------
// 　アコーディオン 続き　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 {
	background-color: #f7f8fa;
	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;
}


/* --------------------------------------
// アコーディオン
-------------------------------------- */
/* 開く・閉じるアイコン */
.c-switchIconBtn, .c-switch_icon_btn {
	opacity: .5;
}



/********************************************************************
** グローバルメニュー
********************************************************************/
.l-header {
	border-bottom: solid 1px #f7f8fa;
    height: 90px;
}
/*
.l-header, .l-fixHeader {
	background: #fff;
	background: #f7f8fa;
}*/

/* TOPページのみ
.top .l-header {
	background: #f7f8fa;
} */

/* メニュー余白 */
.c-gnav>.menu-item>a {
	padding: 0 .8em;
}

/* メインメニュー */
#header .c-gnav>.menu-item>a .ttl {
	font-weight: 500;
	font-size: 16px;
}
#fix_header .c-gnav>.menu-item>a .ttl {
    font-weight: 500;
    font-size: 15px;
}

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

/* --------------------------------------
// ヘッダーに背景画像を挿入
-------------------------------------- */
.l-header::after,.l-fixHeader::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-image: url('https://www.aida-consulting.net/wp-content/uploads/2025/11/ainext_logo_bg.png');
	/*background-image: url('https://www.aida-consulting.net/wp-content/uploads/2025/11/ainext_logo_bg2.png');*/
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 1%;
}

/* --------------------------------------
// サブメニュー
-------------------------------------- */
/* メイン内 サブメニューアイコン */
.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: 14px;
    align-items: center;
    justify-content: center;
}
.g-menu_icon.menu-item span:after {
    font-family: icomoon!important;
    content: "\e910";
    color: var(--color_deep03);
    color: #BCC2D0;
    position: absolute;
    font-size: .8em!important;
    bottom: -1.5em;
}

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

/*　サブメニュー 横幅　*/
.c-gnav .sub-menu {
    width: 22em;
    border-radius: .5em;
    color: var(--color_text);
    padding: 0;
    border: solid 3px #f7f8fa;
    margin-top: .5em;
    box-shadow: none;
}
/* リスト 線あり */
.c-gnav .sub-menu li {
	border-top: solid 1px #f2f2f3;
}
.c-gnav .sub-menu li:first-child {
    border-top: 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: var(--color_deep03);
    font-weight: unset;
    margin-right: 0.5em;
}
/* サブメニュー　タイトル */
.c-gnav .sub-menu .ttl {
	top: -2px;
}
.c-gnav .sub-menu a {
	transition: opacity .20s, padding .20s;
	padding: .6em .8em;
}
/* サブメニューホバー */
.c-gnav .sub-menu a:hover {
    background-color: rgb(3 3 3 / 0%);
    padding-left: 1em;
    opacity: .7;
}



/* --------------------------------------
// CTA　背景色あり
-------------------------------------- */
@media (min-width: 960px){
.-series-right .w-header {
    margin-left: 12px;
    margin-right: 0;
	height: 90px;
	display: block;
	align-content: start;
	}
}
.g-navi_2btn {
	align-items: center;
    display: flex;
}


/* ボタン */
.g-navi_2btn a {
    width: 10em;
    display: grid;
    align-content: center;
    line-height: 1.3;
	font-weight: bold;
}


/* ボックスメニュー */
/*
.g-navi_box-menu .swell-block-box-menu__figure {
	display: none;
}*/
.g-navi_box-menu .swell-block-box-menu__inner {
	height: 82px;
}
.g-navi_2btn .g-navi_box-menu .swell-block-box-menu__item {
    border: none;
}
.g-navi_2btn .swell-block-box-menu {
	--the-gap: -1px;
}
.g-navi_btn-area .swell-block-box-menu__figure {
	margin-bottom: .7em!important;
}

/* ボックスメニュー TEL */
.swell-block-box-menu.is-style-fill .___tel .swell-block-box-menu__link {
	padding: 1em 1.5em;
	background-color: #f7f7f700;
}
.g-navi_2btn .g-navi_box-menu .___tel a {
    width: 16em;
	line-height: 0;
}
.g-navi_2btn .g-navi_box-menu .___tel .swell-block-box-menu__figure {
    display: block;
	margin-bottom: 0;
	line-height: 0;
}
.g-navi_2btn .g-navi_box-menu .swell-block-box-menu__figure>img {
	height: 3.5em;
	border-radius: 0;
}

/* ホバー シャドウなし */
.g-navi_2btn .swell-block-box-menu.is-style-fill .has-link {
	transition: all .25s;
	box-shadow: none;
	height: 90px;
}
.g-navi_2btn .swell-block-box-menu.is-style-fill .has-link a {
	transition: all .25s;
}
#fix_header .g-navi_2btn .swell-block-box-menu.is-style-fill .has-link {/*スクロール*/
	height: 86px;
	font-size: .95em;
}

@media (hover: hover) {
	.g-navi_2btn .swell-block-box-menu.is-style-fill .has-link:hover {
        box-shadow: none;
        opacity: 1;
    }
    .g-navi_2btn .swell-block-box-menu.is-style-fill .has-link a:hover {
		color: #061b4e;
        background-color: #E9ECF0 !important;
    }
}

/* 投稿ページ */
.single-post .w-header .post_content {
	background-color: #f7f8fa;
    border-radius: 0;
}





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

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

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







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

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

/*　縦並びメニュー　*/
.f-simple-menu .list-yokosen {
	margin-left: 0.3em;
}




/* --------------------------------------
// 左エリア
-------------------------------------- */
.f-menu_left {
	background-color: #f7f8fa;
	background-color: var(--color_main);
	padding: 3em!important;
}

/* --------------------------------------
// 右エリア
-------------------------------------- */
/* エリア */
.f-menu_right {
	/*background-color: #333333;*/
	padding: 3.5em 3em!important;
}

/* サービス 見出しまわり
-------------------------------------- */
/* サービス見出しエリア */
.midashi-yoko {
	margin-bottom: 1.8em;
}
/*　丸アイコン　*/
.midashi-yoko .icon-maru {
    align-items: center;
    display: flex;
    padding-right: 10px;
}
#footer h3.wp-block-heading, #sp_menu .p-spMenu__inner h3 {
	margin: 0;
	line-height: 1.2;
}



/* メニューリスト
-------------------------------------- */
/*　メニュータイトル　*/
.f-menu_ttl {
	 line-height: 1.5;
}
/* リスト　文字サイズ */
.f-menu_right {
	font-size: .9em;
}
.f-simple-menu .list-yokosen a:hover {
    opacity: .7;
}

/* company & contact 2カラムから1カラムへ */
@media (max-width: 1500px){
	#f-menu_2-1col .__full {
		width: 100%;
	}
	#f-menu_2-1col .__half {
		width: 40%;
	}
}
/* 1400px以上 */
@media (min-width: 1500px){
	.f-menu_left {
		width: 30% !important;
	}
	.f-menu_right {
		width: 60vw !important;
		padding-left: 10% !important;
	}
}


/* --------------------------------------
// スマホのみ
-------------------------------------- */
#f-menu_sp2 {
	border-top: solid 1px #e9ecf0;
}



@media (max-width: 960px){
/* アコーディオン */
.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: #2a2a2a;
    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 5px;
    border-bottom: solid 1px #474747;
}
.f_main-menu-sp .swell-block-linkList.is-style-default {
    --the-gap: 0em;
}
/* アイコン */
.f_main-menu-sp .sp_f_menu-list .swell-block-linkList__icon {
    color: #ffffff;
	   opacity: .6;
}
/* 下線  フッター直前に配置した場合の設定
#block-12 {
	 border-bottom: none;
}
.l-footer__foot, .l-footer__widgetArea {
    border-top: solid 1px #f0f3f5;
	}*/
	
/* シンプルタイプ */
	.f_main-menu-sp .f-simple-menu {
		font-size: 1.1em;
		padding: 0 1em;
	}
	.f_main-menu-sp .list-yokosen li {
		margin: .5em auto;
	}

	
}


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



/* --------------------------------------
// コピーライト周り
-------------------------------------- */
/* 境界線 */
.l-footer__foot {
	border-top: solid 1px #e9ecf0;
	opacity: .8;
}

/*　メニュー　*/
@media (min-width: 600px){
	.l-footer__nav li:first-child a {/* 左*/
    border-left: 0px solid #f0f0f1;
	}
	.l-footer__nav a {/*右*/
    border-right: 0px solid #f0f0f1;
    padding: 0 0.8em;
	}
}
.l-footer__nav {
	padding: 1em 0 1em;
}
.l-footer__nav a {
	 padding: 0.25em 0.7em;
}

/* コピーライト */
.l-footer .copyright {
	opacity: .7;
	padding-bottom: 1.5em;
	font-size: 11px;
	line-height: 1.6;
}



/********************************************************************
** スマホ 上部メニュー
********************************************************************/
@media not all and (min-width: 960px) {
	.l-header::after {
		/*background-position: 30%; 左右にメニューがある場合 */
	}
    .l-header[data-spfix="1"] {
        height: 50px;
		align-content: center;
    }
	.-img .c-headLogo__link {
		display: block;
		padding: 8px 0 8px 1em;
        padding: 8px 0;
	}
}
/* 電話・メニュー */
.l-header__customBtn, .l-header__menuBtn {
	height: 50px;
	width: 50px;
}

/* menu */
.l-header__menuBtn {
	color: var(--color_main);
	border-bottom: solid 1px #f7f8fa;
}


/* TEL */
.l-header__customBtn.sp_ {

}




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

.p-spMenu__inner .p-blogParts.post_content {
    background-color: #fff;
}
.p-spMenu__bottom #block-16 .sp-menu_list-simple {
    margin-bottom: 5em !important;
}
/* × 閉じるボタン */
.p-spMenu__closeBtn .c-iconBtn__icon {
    font-size: 20px;
    color: var(--color_main);
}
/* menu 見出し　非表示 */
.c-widget__title.-spmenu {
    display: none;
}
/* ミニ　メニューリスト 文字色 */
.sp-menu_list-simple {

}
/* 横スクロール非表示 */
.p-spMenu__body {
    overflow-x: hidden;
}

/*  CTAエリア */
#sp_menu_bottom .f_cta.__full {
	border-top: solid 1px #e9ecf0;
	border-bottom: solid 1px #e9ecf0;
}

/* シンプルメニュー */
.p-spMenu__inner .f_main-menu-sp .f-simple-menu {
    padding: 0 .5em;
	font-size: .95em;
	opacity: .8;
}



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

#fix_bottom_menu::before {
	border-top: solid 0px #f7f8fa;
	opacity: 0;
    height: 50px;
}

/* 全体 */
#fix_bottom_menu .menu_list {
	box-shadow: 0 0 4px rgba(0, 0, 0, .1);
	height: 50px;
}

/* アイコン用（font Awesome） */
#fix_bottom_menu .menu-item i {
    color: inherit;
    font-size: 20px;
	margin-bottom: .2em;
	color: #fff;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-color: #b5a213;
    -webkit-text-stroke-width: 0.5px;
}

/* swell アイコン用 */
#fix_bottom_menu .menu-item .icon-phone {
	font-size: 22px;
}


/*　テキスト　*/
#fix_bottom_menu span {
   font-size: 11px;
	margin-top: 0;
}
/* 中間に線 */
.sp_f_menu_phone a:after {
    content: "";
    border-right: solid 1px #f7f8fa;
    right: 0;
    height: 50px;
}
/* ボタン基本 */
#fix_bottom_menu .menu-item-291,
#fix_bottom_menu .menu-item-292,
#fix_bottom_menu .menu-item-6095 {
    color: #fff;
    background-color: #f7f8fa;
	background-color: #b5a213;
    height: 52px;
    align-content: center;
    display: grid;
	position: relative;
	width: auto;
	font-weight: 500;
}

/* LINE */
#fix_bottom_menu .menu-item-292 {
	border-left: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
	background-color: #00B762;
}
#fix_bottom_menu .menu-item-292 i {
	-webkit-text-stroke-color: #02b762;
}

/* TEL */
#fix_bottom_menu .menu-item-6095 {
	background-color: #E9ECF0;
    color: #061b4e;
}
#fix_bottom_menu .menu-item-6095 i {
	-webkit-text-stroke-color: #e9ecf0;
    color: #061b4e;
}

/* ページのTOPへ */
#fix_bottom_menu .pagetop_btn {
    color: #ffffff;
    background-color: var(--color_main);
    background-image: url(https://www.aida-consulting.net/wp-content/uploads/2023/08/go-to-top_icon3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 52px;
	width: 50px;	
	flex-basis: 130px;
	max-width: 50px;
}
#fix_bottom_menu .menu-item.pagetop_btn i {
	display: none;
}
#fix_bottom_menu .pagetop_btn li {
    height: 50px;
	width: 50px!important;
}


/********************************************************************
** パンくずリスト
********************************************************************/
/* 共通設定*/
.p-breadcrumb__list {
    display: flow;
} 
.l-topTitleArea+.p-breadcrumb {
	padding-top: 0;
}
.p-breadcrumb:not(.-bg-on) {
    padding-top: 12px;
    padding-bottom: 12px;
}
.p-breadcrumb__item:last-child span {
	opacity: 1;
}
/* 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;
	border-bottom: solid 1px #e9ecf0;
}
/* ホバー */
#breadcrumb a:hover {
	/*color: #b5a213;*/
	text-decoration: underline;
}
/* 長いタイトル折り返し */
.p-breadcrumb__text {
	white-space: normal;
}
/* アイコン非表示 */
.p-breadcrumb__text .__home:before {
	display: none;
}

/* 固定ページ　画像なし */
.-body-solid .p-breadcrumb.-bg-on {
    box-shadow: none;
    background: #fff;
	border-bottom: solid 1px #e9ecf0;
	padding: .8em 0;
}
/*　>　*/
.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: 1px solid #333333;
	color: #333;
	opacity: 1;
}
button#pagetop.hov-bg-main:hover, button#fix_tocbtn.hov-bg-main:hover {
	background: #fff!important;
	color: #333!important;
	opacity: 0.8!important;
}




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

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

/* 　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;
}
/* 白背景（お知らせのみ） */
.id_1 .p-termContent.l-parent {
    background-color: #fff;
    padding: 3em 2em;
}

/* カテゴリ（統一）
-------------------------------------- */
.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 {
    border-radius: 5px;
    padding: 6px 10px;
}
/* h1下 カテゴリ一覧 アイコン非表示 */
.c-categoryList:before {
    display: none;
}



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

/* 大タイトル下　カテゴリ
-------------------------------------- */
.l-topTitleArea .p-termNavigation {
    margin-top: 2em;
}
/*
.l-topTitleArea .c-categoryList__link {
    border: 1px solid #333;
	margin-right: 5px;
}
.l-topTitleArea .c-categoryList__link, .l-topTitleArea .c-tagList__link {
    color: #333;
}
.c-categoryList__link {
    background-color: #333333;
    color: #fff;
}*/

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


/* リスト
-------------------------------------- */
.p-postList.-type-simple {
	   border-top: 1px solid #f2f2f3;
}
.-type-simple .p-postList__link {
    border-bottom: 1px solid #f2f2f3;
}
.-type-simple .p-postList__link:hover {
    background-color: #f7f8fa;
}

/* 日付エリア
-------------------------------------- */
/* 上余白 */
.-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: .6;
}
.p-postList__meta :before {
    display: none;
}

/* カテゴリ
-------------------------------------- */
/* アイコン非表示 */
.archive.category .p-postList.-type-simple  .p-postList__cat {
	display: none;
}
/* カテゴリ */
span.p-postList__cat.u-thin.icon-folder {
    background-color: #ffffff00;
    border-radius: 4px;
    border: solid 1px #666;
    padding: 3px 8px;
    color: #333333;
    opacity: 1;
}


/* タグ
-------------------------------------- */
/*　アイコン非表示　*/
.c-tagList:before {
	display: none;
}
.c-tagList {
	padding-left: 0.5em;
}
/* 個別に#追加 */
.c-tagList__link {
    background: #ffffff;
    color: #534741;
}
.c-tagList__link:before {
  content: "#";
	color: #534741;
}
.hov-flash-up:hover {
    box-shadow: none;
}






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



/* --------------------------------------
// タイトル周り
-------------------------------------- */
/*　日付　*/
.c-postTitle__date {
	font-weight: 500;
    color: var(--color_main);
    margin-right: 1em;
    padding: .5em 1em .5em 0;
	opacity: .6;
}

/*　投稿日・更新日　*/
.c-postTimes {
    font-weight: 400;
    color: var(--color_main);
    font-size: 1.1em;
}
.p-articleMetas__termList{
	margin: 0;
}
.c-postTimes__modified:before, .c-postTimes__posted:before {
	display: none;
}

/* タイトル */
.c-postTitle__ttl {
	font-size: 4.5vw;
}
@media (min-width: 600px) {
    .c-postTitle__ttl {
        font-size: 24px;
    }
}

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

/* --------------------------------------
// 目次
-------------------------------------- */
#main_content .p-toc {
    border-radius: 1em;
}
.p-toc.-border .p-toc__ttl {
    color: #0b1528;
    font-weight: bold;
}
.p-toc.-border {
    border: none;
    background-color: #fff;
}
.p-toc__ttl:before {
	display: none;
}
.p-toc__list.is-style-index li::before {
	opacity: .4;
}
ol.is-style-index ol>li:before, ol.is-style-index>li:before {
	border-right: 1px solid #ccc;
}

/* ulタグ 
.p-toc__list.is-style-index li::before {
	opacity: .2;
}
ul.is-style-index .p-toc__childList li:before {
	opacity: .2;
	color: var(--color_main);
}*/





/* --------------------------------------
// 次の記事 前の記事
-------------------------------------- */
/* 共通 */
.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 {/* アイコン */
	opacity: .7;
	margin-right: 1em;
}
/*　左　*/
.p-pnLinks .-prev .p-pnLinks__link {
	padding: 1.5em 2em 1.5em 3em;
}
.p-pnLinks__item.-prev:before {/* アイコン */
	opacity: .7;
	margin-left: 1em;
}
/* 600px以下　回り込み */
@media screen and (max-width: 600px){
	.p-pnLinks {
    display: block;
	}
	.p-pnLinks__item {
    width: 100%;
    margin-bottom: 1em;
	}
}

/* --------------------------------------
// 関連記事
-------------------------------------- */
.c-secTitle {
    border-left: none;
    text-align: center;
}
/* 画像 角丸 */
.-type-card .p-postList__thumb {
    border-radius: 0.7em;
}

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

/* 見出し
-------------------------------------- */
.c-widget__title.-side {
    padding: 0.5em;
    background-color: #f7f7f700;
    padding-left: 1.3em;
	 margin-bottom: 0.5em;
}
/* 見出しアイコン　横線 目次*/
#swell_index-3 .c-widget__title.-side::before {
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    left: 0;
    width: 12px;
    z-index: 5;
    background: var(--color_main);
}

/*　見出しアイコン　丸　*/
.c-widget__title.-side::before {
    font-family: "FontAwesome";
    content: "\f111";
    color: var(--color_deep03);
    font-size: 10px;
    align-items: center;
    align-content: center;
    top: 50%;
    display: inline-grid;
    z-index: 5;
	background: none;
}
.c-widget__title.-side::after {
	display: none;
}

/* 人気記事
-------------------------------------- */
/* 順位 */
.-w-ranking .p-postList__item:first-child:before,
.-w-ranking .p-postList__item:nth-child(2):before,
.-w-ranking .p-postList__item:nth-child(3):before {
	background-image: none;
	/*background-blend-mode: lighten;*/
}


/* カテゴリ
-------------------------------------- */
.widget_categories>ul>.cat-item>a:before {
    color: #333;
    opacity: .3;
    font-family: icomoon!important;
    content: "\e921";
    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;
}
.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;
}

/* 新着記事（サムネ・カテゴリなし）
-------------------------------------- */
#sidebar #swell_new_posts-3 .c-postThumb {
	display: none;
}
#sidebar #swell_new_posts-3 .p-postList__body {
	width: 100%;
}
#sidebar #swell_new_posts-3 .p-postList.p-postList {
    background-color: #ffffff;
    /*border-radius: 0.7em;*/
}
#sidebar #swell_new_posts-3 li {
    border-top: solid 1px #f2f2f3;
	margin-bottom: 0;
}

#sidebar #swell_new_posts-3 li:first-child {
	border-top: none;
}
#sidebar #swell_new_posts-3 .-type-thumb .p-postList__meta, .c-widget .p-postList__meta {
    margin-top: 4px;
}
#sidebar #swell_new_posts-3 a {
	transition: opacity .25s, padding .25s;
    margin-bottom: 0;
    padding: 1.5em;
}
#sidebar #swell_new_posts-3 a:hover {
	padding-left: 1.8em;
	opacity: .7;
	/*background-color: #fffad8;*/

}



/* アーカイブ
-------------------------------------- */
.c-listMenu a {
	padding-left: 1.75em;
	border-bottom: 0px solid #f7f7f2;
  transition: padding .25s;
}
.c-listMenu a:before {
    font-family: icomoon!important;
    content: "\e921";
    display: inline-block;
    left: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
	color: var(--color_main);
    opacity: .2;
}
.c-listMenu a:hover {
	background-color: #f7f7f700;
    padding-left: 2em;
    padding-right: 0.75em;
}
/* 記事一覧 */
.p-archiveContent {
	background-color: #fff;
    padding: 3em 2em;
    border-radius: 1em;
}


/* 記事件数
-------------------------------------- */
.cat-post-count, .post_count, .tag-link-count {
	opacity: .7;
}


/* 目次
-------------------------------------- */
.w-fixSide {
    display: flex;
    flex-direction: column;
    margin-top: 2.5em;
    position: sticky;
    background-color: #fff;
    border-radius: 0 1em 1em 0;
}
#swell_index-3 {
    border-left: solid 1px;
    background-color: #fff;
    border-radius: 0 1em 1em 0;
}
/*タイトル*/
#swell_index-3 .c-widget__title.-side {
	background-color: #ffffff;
	padding-top: 1em;
    padding-bottom: 1em;
}
#sidebar .p-toc {
    margin-top: -1em;
    padding: 0em 1em 1em 1em;
}

/* sp */
.p-indexModal__inner {
	border-radius: 1em;
}


/* タグ
-------------------------------------- */
.tag-cloud-link {
	background: #ffffff;
}
.tag-cloud-link:before {
  content: "#";
  color: #534741;
	 margin-right: 5px;
}

/* 背景 白エリア
-------------------------------------- */
#categories-3 ul, #archives-3 ul  {
    background-color: #ffffff;
    padding: 1.5em 1em;
    /*border-radius: 0.7em;*/
}


/* 記事背景を白に
-------------------------------------- */
/* h1下余白 */
.single-post .l-mainContent__inner>.post_content {
	margin: 2em 0;
}
@media screen and (max-width: 768px) {
    .single-post .l-mainContent__inner>.post_content {
        margin: 1.5em 0;
    }
}

.single-post .post_content {
    background-color: #fff;
    padding: 4em 2.5em;
    /*border-radius: 1em;*/
}
.single-post .p-blogParts.post_content {
	padding: 0;
}
.single-post #custom_html-6 .p-blogParts.post_content .pc-py-40 {
        padding-top: 0em !important;
    }
@media screen and (max-width: 768px) {
  .single-post .post_content {
    padding: 3em 1.5em;
  }
}

/* 画像を角丸に
--------------------------------------
.single-post .post_content img {
	border-radius: 1em;
}
@media screen and (max-width: 768px) {
  .single-post .post_content img {
    border-radius: .8em;
  }
} */

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

/* 記事用　リスト
-------------------------------------- */
/* 基本リスト（デフォルトの丸を装飾 */
.post_content ul li::marker {
    color: #b5a213;
	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: var(--color_text);*/
    color: var(--color_main);
    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 table td:last-child {
	border-bottom: solid 1px #eee;
}
.single-post .post_content .wp-block-table td {
    border-color: #eee;
    background-color: #fff;
    vertical-align: middle;
    border: 0;
    border-top: solid 1px #eee;
	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;
  }
}

/* 記事内 目次
-------------------------------------- */
#main_content .p-toc {
    border-radius: 0;
	border-top: solid 1px;
    border-bottom: solid 1px;
}
/* スマホ */
#index_modal .p-toc__ttl {
    margin-bottom: 1em;
    font-weight: bold;
}



/* ブログカード
-------------------------------------- */
/* タイプ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;
}


/* シェアボタンのコメント 2025/6/17 バグ修正
-------------------------------------- */
.c-shareBtns__message .__text:after {
	top: 0%;
	border-radius: 0%;
}





/* --------------------------------------
// 関連記事
-------------------------------------- */
.works-template-default .c-postTimes__posted {
	display: none;
}







/********************************************************************
** 見出し
********************************************************************/
/*.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    border-radius: .5em;
}*/

/* --------------------------------------
// 基本見出し
-------------------------------------- */

/*  h2（上下に横線）

.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    padding: 1em .0;
    border-radius: 0;
}
.post_content h2 {
	font-size: 1.4em;
	margin: 4em 0 2em;
}
-------------------------------------- */


/*  h2（左に2色のブロック）
-------------------------------------- */
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
	padding: .7em 0px .7em 1em;
}
.post_content h2 {
	font-size: 1.4em;
	margin: 4em 0 2em;
}
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
	background: repeating-linear-gradient(var(--color_htag) 0%, var(--color_htag) 50%, rgb(181 162 19) 50%, rgb(181 162 19) 100%);
}


/*  h3　
-------------------------------------- */
.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    padding: 0 0 1em;
}
.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
	width: 2em;
    height: 1px;
	background: var(--color_deep03);
}
.post_content h3 {
	font-size: 1.3em;
	margin: 4em 0 2em;
}


/*  h4
-------------------------------------- */

.post_content h4 {
    font-size: 1.15em;
}

/*  900以上
-------------------------------------- */
@media (min-width: 900px) {
    .post_content h2 {
        font-size: 1.65em;
		margin: 6em 0 2em;
    }
	 .post_content h3 {
		 font-size: 1.45em;
		 margin: 4.5em 0 2em;
    }	
	.post_content h4 {
		font-size: 1.25em;
		margin: 3.5em 0 1.5em;
	}
}








/* --------------------------------------
// 固定ページ h1（コンテンツ上）画像なし
-------------------------------------- */
/* h1エリア余白 */
.l-topTitleArea {
	padding: 1.5em 0 1em 0;
	padding-top: 5em;
    align-items: flex-start;
}

/*　シャドウなし　*/
#top_title_area .l-topTitleArea__body {
  text-shadow: none;
}
@media (min-width: 600px) {
    .l-topTitleArea {
        min-height: auto;
    }
}




/* テキスト
-------------------------------------- */
/* タイトル（日本語） */
#top_title_area .c-pageTitle {
	color: var(--color_text);
    font-weight: normal;
    font-size: 1em;
    padding-left: 25px;
}

/* 左に丸 */
#top_title_area .c-pageTitle:before {
    background-color: var(--color_deep03);
    border-radius: 50%;
    content: "";
    display: block;
    height: 0.7em;
    left: 2px;
    margin: auto;
    position: absolute;
    top: 5px;
    width: 0.7em;
}
/* サブタイトル（英語） */
#top_title_area .c-pageTitle__subTitle {
    font-style: normal;
	letter-spacing: normal !important;
	font-weight: 800;
    margin-left: 0;
    opacity: 1;
    display: block;
    color: var(--color_main);
    font-size: 5em;
	line-height: 1;
    margin-top: 0.15em;
    left: -25px;
	text-transform: capitalize;
}
/* 画像非表示 */
#top_title_area .u-obf-cover {
	display: none;
}


@media (min-width: 1370px) {
	.l-topTitleArea {
		padding-top: 7em;
	}
}
@media (max-width: 600px) {
	.l-topTitleArea {
		padding-top: 4em;
	}
	#top_title_area .c-pageTitle__subTitle {
		font-size: 3.5em;
	}
}




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

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

/* 左に丸 */
.c-pageTitle__inner:before {
    background-color: #b5a213;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0.7em;
    left: 2px;
    margin: auto;
    width: 0.7em;
    position: absolute;
    top: calc(50% - 1px);
}



/* --------------------------------------
// h2　　h1っぽいコンテンツ見出し（英字大）
-------------------------------------- */

/* h2 */
.midashi_en-big .midashi-yoko {
    margin-bottom: 0;
}
.midashi_en-big .en-txt {
	 margin: 0;
	 margin-top: -0.3em;
	font-size: 5em;
}
@media (max-width: 600px){
	.midashi_en-big .en-txt {
	 font-size: 3.5em;
	}
}



/* --------------------------------------
// h2 背景に大きい英字（縦線あり）
-------------------------------------- */
.ttl-01 {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
/*　日本語　*/
.h2-01 h2 {
    background: none;
    padding: 0.75em 1em;
	  text-align: center;
	  font-size: 1.5em;
}
.ttl-01 span {
	position: relative;
	z-index: 2;
}
/*　英字（ベタ塗り）　*/
.ttl-01::before {
    content: attr(data-en);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    color: #fff;
    opacity: 0.05;
    font-size: 3.5em;
    transform: translateY(-50%) translateX(-50%);
    line-height: 1;
    font-family: "Proza Libre", sans-serif;
    letter-spacing: normal !important;
    font-weight: 800;
    display: flex !important;
    justify-content: center;
    margin-right: -50%;
}
.h2-01.bg--white2 .ttl-01::before {
    top: 50%;
}
/* 縦線 */
.top-line:after {
	   position: absolute;
    top: 0;
    left: calc(50% - 1px);
    width: 1px;
    height: 50px;
	   content:"";
    border-radius: 3px;
    background: #022436;
	   z-index: 5;
}

/* 960px以上
-------------------------------------- */
@media (min-width: 960px){
	.h2-01 h2 {
	font-size: 1.6em;
	}
}
/* 960px以下
-------------------------------------- */
@media (max-width: 960px){
	.ttl-01:before {
		font-size: 2.7em;
		line-height: 1.2;
	}
	.top-line:after {
    height: 30px;
	}
}

/* 英字　（線のみ）
-------------------------------------- */
.h2-01.txt--white-line .ttl-01::before {
    color: #ffffff00;
    -webkit-text-stroke: 1px #fff;
    opacity: 0.15;
}
/* 背景薄い場合の英字（文字白）
-------------------------------------- */
.h2-01.bg--white .ttl-01::before {
	 opacity: 1;
}
/* 白背景の英字（ベタ塗り）
-------------------------------------- */
.h2-01.bg--white2 .ttl-01::before {
	 color: #F0F3F5;
}

/* 背景濃い場合の文字（白）
-------------------------------------- */
.h2-01.txt--white h2 {
	color: #fff;
	border: none;
}
.top-line.line_white:after {
    background: #fff;
}






/* --------------------------------------
// h2　メイン（英字小）
-------------------------------------- */

/* 英字 */
.midashi_main .en-txt {
	font-size: 1em;
	line-height: 1;
	letter-spacing: 0.1em;
	font-weight: 400;
	text-transform: capitalize;
	letter-spacing: 1px !important;
}
@media (max-width: 600px){
	.midashi_main .en-txt {
		margin-bottom: 0.7em !important;
	}
}

/* h2（基本） */
.post_content h2 {
	line-height: 1.2;
}

/* h2 */
.midashi_main h2 {
	font-size: 1.6em;
	margin-top: 0;
	font-weight: 800 !important;
}

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



/* --------------------------------------
// 丸アイコン付き　横並び見出し 
-------------------------------------- */

/* フッター サービス 見出しまわり
-------------------------------------- */
/* サービス見出しエリア */
.midashi-yoko {
	margin-bottom: 1.8em;
}
/*　丸アイコン　*/
.midashi-yoko .icon-maru {
    align-items: center;
    display: flex;
    padding-right: 10px;
}
/*　一覧へのボタン　*/
.midashi-yoko .mini-more {
	 margin-left: 1.5em;
}
.midashi-yoko .mini-more a {
	border-bottom: 1px solid
 color-mix(in srgb, var(--color_main) 40%, transparent);
}
.midashi-yoko .swell-block-linkList__icon.-right {
	color: var(--color_main);
	opacity: .5;
    margin-left: .5em;
	font-size: .97em;
}
.midashi-yoko .mini-more a:hover {
    opacity: 0.8;
}
/*　スマホで両端揃え　*/
@media (max-width: 600px){
	.wp-block-group.is-row.midashi-yoko.__hashiyose {
		justify-content: space-between;
	}
}

/********************************************************************
** コンテンツパターン
********************************************************************/
/* --------------------------------------
// 上部が重なるコンテンツ
-------------------------------------- */
.over-content {
	   top: -150px;
    position: relative;
    z-index: 3;
    background-color: #fff;
    padding-top: 4em;
}
@media (max-width: 800px){
	.over-content {
		 top: -100px;
	}
}



/* --------------------------------------
// 画像+テキスト（横幅いっぱい）画像左→下（TOP about）
-------------------------------------- */
.wide-media-text .wp-block-media-text.img_bottom .wp-block-media-text__content {
	  max-width: 900px;
    padding: 4em 3em;
}

/* 850px以下 画像回り込み（下）
-------------------------------------- */
@media (max-width: 850px){
/*全体設定*/
.wide-media-text .wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100%!important;
	}
/*コンテンツ*/
.wide-media-text .wp-block-media-text.img_bottom .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
	  margin-bottom: 3em!important;
}
	.wp-block-media-text.is-stacked-on-mobile.img_bottom {
    grid-column: 1;
    grid-row: 2;
	}
/* 画像 */
	.wp-block-media-text.is-stacked-on-mobile.img_bottom .wp-block-media-text__media {
    grid-column: revert;
    grid-row: none!important;
	}
}




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

/* --------------------------------------
// コンテンツ背景画像　三角（右上のみ）
-------------------------------------- */
#body_wrap.-bg-fix:before {
	background-size: 70vw;
	position: absolute;
}
/* 800px以下 
@media(min-width: 1000px){
	#body_wrap {
	    background-size: 60%;
	}
}*/
@media(max-width: 600px){
	#body_wrap.-bg-fix:before {
	    background-size: 80vw 25vh;
	}
}



/* --------------------------------------
// コンテンツ背景画像　三角
-------------------------------------- */
/*#body_wrap {
    background-image: url(https://hiro-deza.com/wp-content/uploads/2023/08/h-bg1.png),url(https://hiro-deza.com/wp-content/uploads/2023/08/h-bg2.png);
    background-repeat: no-repeat;
    background-position: top 0 left 0, top 0 right 0;
    background-size: 350px auto, auto 400px;
}*/

/* 800px以下 */
/*@media(max-width: 800px){
#body_wrap {
	background-image: url(https://hiro-deza.com/wp-content/uploads/2023/08/h-bg_sp.png);
    background-repeat: no-repeat;
    background-position: top 50px center;
    background-size: contain;
	}
}*/


/* --------------------------------------
// コンテンツ背景画像　カラフル丸 上部（TOPなど）

.bg_colorful-top {
    background-image: url(https://hiro-deza.com/wp-content/uploads/2023/08/bg_top.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
-------------------------------------- */

/* --------------------------------------
// コンテンツ背景画像　カラフル丸 下部（フッターCTAなど）
-------------------------------------- */
.bg_colorful {
    background-image: url(https://hiro-deza.com/wp-content/uploads/2023/08/cta_bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
}


/* --------------------------------------
// ハーフ（黒+白）
-------------------------------------- */
.bg-half {
    background: linear-gradient(180deg, #333333 0%, #333333 50%, #f7f8fa 50%, #f7f8fa 100%);
}

/* --------------------------------------
// 帯 上（黄色）
-------------------------------------- */
.bg-obi1:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: auto;
    right: 0;
    width: 100%;
    height: 30%;
    background: #ffe200;
}
/* --------------------------------------
// 帯 縦 右（白）
-------------------------------------- */
.bg-obi_tate:after {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    width: 75%;
    height: 95%;
    background: #fff;
}
@media(max-width: 600px){
	.bg-obi_tate:after {
		width: 100%;
	}
}


/* --------------------------------------
// 境界線　三角
-------------------------------------- */
/* 微妙な余白対策　*/
.bg-border_arrow svg  {
    top: -2px;
    /*width: 101vw;*/
	  overflow: hidden;
	  position: relative;
}
/* 境界線前コンテンツ用 */
.bottom_p_none {
	padding-bottom: 0!important;
}


/* --------------------------------------
// 境界線 上下に線
-------------------------------------- */
/* グレー */
.bg-border_gray {
	border-top: solid 5px #f0f0f1;
	border-bottom: solid 5px #f0f0f1;
}
/* 黒 */
.bg-border_black {
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
}




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

/* --------------------------------------
// ボックス　角丸　シャドウなし
-------------------------------------- */
/*　メイン　*/
.box-maru, p.box-maru.has-background, div.box-maru.has-background {
	background-color: #fff;
    border-radius: 1em;
	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 {
    border-radius: 1em;
}

/* 上下の余白広め */
.box-maru2, p.box-maru2.has-background, div.box-maru2.has-background {
	background-color: #fff;
    border-radius: 1em;
	padding: 3em 2em;
}



/* --------------------------------------
// ボックス シャドウ
-------------------------------------- */
.box-shadow {
	 box-shadow: 0 0px 20px 0 rgb(11 21 42 / 20%);
}

/* --------------------------------------
// シャドウなし
-------------------------------------- */
.box-shadow-none {
	 box-shadow: none;
}

/* --------------------------------------
// ボックス　吹き出しかぶり用
-------------------------------------- */
.box-maru.b-over {
  padding-top: 3em;
  margin-bottom: 2.5em!important;
}


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

/* --------------------------------------
// ボタン　背景変更（ノーマル）
-------------------------------------- */
/* 白 */
.btn_white a {
	  background-color: #fff;
   color: #35c3ca;
}
/* 濃い水色 */
.btn_blue2 a {
	  background-color: #299EA7;
}

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

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


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


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

/* --------------------------------------
// 吹き出し　丸
-------------------------------------- */
.balloon-maru {
    background-color: #ffe200;
    border-radius: 50px;
    font-weight: bold;
    color: #333333;
    min-width: 2em;
    padding: 0.5em 1.25em;
	   z-index: 5;
}
.balloon-maru:before {
	border-top: 12px solid #ffe200;
}

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

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

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

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

/********************************************************************
** リスト
********************************************************************/
/* リスト アイコンなし */
.wp-block-list.__icon-none li:before {
    display: none;
}

/* --------------------------------------
// リスト　横並び
-------------------------------------- */
@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: var(--color_main);
    z-index: 5;
    opacity: .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: #b5a213;
    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: .9em!important;
	}
}

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

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

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

/* --------------------------------------
// リスト　ハッシュタグ付き　白背景
-------------------------------------- */
/*
.hashtag-list.list_yoko-box li {
    background-color: #fff;
	padding-left: 1.8em;
}
.hashtag-list.list_yoko-box li:before {
	display: block;
	content: "#";
}
@media (max-width: 800px){
	.hashtag-list.list_yoko-box {
		font-size: .9em;
	}
}*/
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 {
		
	}
}

/* --------------------------------------
// リスト　白背景
-------------------------------------- */
ul.box-list {
	padding: 0 !important;
}
.big-list .box-list li {
	background-color: #fff;
    border-radius: .5em;
    padding: 1em 1.5em;
	padding-left: 2.5em;
	margin: 0.4em 0;
}
.box-list.is-style-check_list li:before {
	top: 50%;
	bottom: 50%;
    left: .8em;
    line-height: 0;
}
/* リスト アイコンなし */
.wp-block-list.box-list.__icon-none li {
	padding: 1em 1.5em;
}



/* リスト　黒背景（小さい丸）
-------------------------------------- */
/* リスト　黒背景 */
.box-list.__black li {
	background-color: #5a5757;
	border: solid 2px #666;
}


.box-list.icon_maru.mini-maru.is-style-check_list li:before {
    left: 15px;
}
.box-list.icon_maru.mini-maru.is-style-check_list li {
    padding-left: 1.8em;
}










/********************************************************************
** テキスト
********************************************************************/
.has-white-background-color {
	color: var(--color_text);
}

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

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

/* --------------------------------------
// テキスト　英字
-------------------------------------- */
.en-txt {
	/*font-family: "Wix Madefor Text", serif;*/
	letter-spacing: normal !important;
	font-weight: 800;
}



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

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

/* --------------------------------------
// 上下の余白広めbox
-------------------------------------- */
.wp-block-group.hirome-box2 {
	padding: 6em 2em 6em 2em;
}
@media (max-width: 800px){
	.wp-block-group.hirome-box2 {
		  padding: 3.5em 2em 4em 2em;
	}
}


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

/* --------------------------------------
// 下 余白　L
-------------------------------------- */
.bottom-yohaku_l {
	padding-bottom: 8em!important;
}
@media (max-width: 600px){
.bottom-yohaku_l {
	padding-bottom: 6em!important;
	}
}

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

/* --------------------------------------
// コンテンツ下 余白　L
-------------------------------------- */
.c-bottom-yohaku_l {
	margin-bottom: 8em!important;
}
@media (max-width: 600px){
	.c-bottom-yohaku_l {
		margin-bottom: 6em!important;
	}
}




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

.w--300 {
	max-width: 300px;
	margin-inline: auto;
}
.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;
}

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




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

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

/* --------------------------------------
// シンプル スマホで縦並び

@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 {
    max-width: 100%!important;
    padding: 1.6em 0 0 0;
    border-bottom: none;
	 font-size: 1.1em;
}
	.main-table.table-tate td  {
  padding: 1em 0 1.6em 0;
	--table-border: 1px solid #f0f0f1;
	}
}
-------------------------------------- */


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

/*  テーブル（シンプル）
-------------------------------------- */

.post_content table {
	letter-spacing: 0.1em;
	font-size: 95%;
	line-height: 1.45;
}
.wp-block-table {
    --table-border: 1px solid #eee;
}
.wp-block-table td, .wp-block-table th {
	padding: 2em .75em;
}
#recruit .profile-accordion .wp-block-table th {
	min-width: 250px !important;
}

@media (max-width: 960px){
	.post_content table {
		font-size: 90%;
		border-top: 1px solid #eee;
	}
	#recruit .profile-accordion .wp-block-table th {
		min-width: 100px !important;
	}
	/* th　縦並び */
	.sp_block_ th, .sp_block_ td {
		border: none;
	}
	.sp_block_ th {
        padding-bottom: 1em;
	}
	.sp_block_ td {
		border-bottom: 1px solid #eee;
        padding-top: 0;
	}
}

/* テーブル用 リスト */
.swl-inline-list[data-icon=dot]:before {
	background-color: var(--color_deep03);
}








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


/* --------------------------------------
// KV
-------------------------------------- */

/* 背景色 */
.p-mainVisual.-height-full {
	background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, #F7F8FA 50%, #F7F8FA 100%);
}
@media (max-width: 600px) {
	.p-mainVisual.-height-full {
		background: linear-gradient(160deg, #ffffff 0%, #ffffff 33%, #F7F8FA 33%, #F7F8FA 100%);
        /*background: linear-gradient(180deg, #ffffff 0%, #ffffff 40%, #F7F8FA 40%, #F7F8FA 100%);*/
	}
}

/* 画像 */
.c-filterLayer__img {
	display: none;
}


/* --------------------------------------
// ブログパーツ（テキストエリア）
-------------------------------------- */
/* 文字用シャドウなし */
.p-mainVisual__textLayer.l-container.l-parent.u-ta-c {
	text-shadow: none!important;
}

/* ブログパーツエリア */
#kv-1 {
	padding-bottom: 3em !important;
}
@media (min-width: 1500px) {
    #kv-1 .wp-block-media-text {
		padding-left: 8%;
		padding-right: 8%;
	}
}


/* メインテキスト */
#kv-1 .kv-txt {
	font-weight: 900;
    font-size: 4vw;
    /*white-space: nowrap;*/
	line-height: 1.3;
}
@media (min-width: 1370px) {
	#kv-1 .kv-txt {
		font-size: 3.5vw;
	}
}
@media (max-width: 600px) {
	#kv-1 .kv_txt-area {
		padding-top: 2.5em;
		padding-bottom: 3em;
	}
	#kv-1 .kv-txt {
		font-size: 8vw;
		margin-bottom: 0.8em;
	}
}


/* 対応リスト */
#main_visual ul.-list-flex.list-center {
    /*justify-content: center;*/
    display: flex;
	margin-bottom: 0;
}
#kv-1 ul.list_yoko-box {
    gap: 0.3em 0.3em;
    padding: 0;
}
#main_visual .list_yoko-box li {
    background-color: var(--color_deep03);
	color: #fff;
	border-radius: 0;
	margin-bottom: 0em;
}
#main_visual .list_yoko-box li strong {
    font-weight: 500;
}

@media screen and (max-width: 782px) {
	/* 黄色背景リスト */
	#main_visual ul.-list-flex.list-center {
		/*margin-bottom: 3em !important;*/
		font-size: 95% !important;
	}
}
@media (max-width: 600px) {
	#kv-1 .kv_txt-area {
		padding-top: 2.5em;
		padding-bottom: 3em;
		font-size: .9em;
	}
	#kv-1 .list-center li {
		flex: auto;
		max-width: 250px;
	}
	#kv-1 .wp-block-media-text__media img {
		max-width: 90%;
		margin-inline: auto;
		margin-bottom: 1.5em;
	}
}



/* --------------------------------------
// KV上　TOPニュース（KVのブログパーツ使用）
-------------------------------------- */

/* ニュース 右下寄せ用 */
#main_visual .p-blogParts {
    display: flex;
    flex-direction: column;
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
}

/* ニュース */
.top_mini-news {
    position: absolute;
    bottom: 0;
	max-height: 80px;
}

#main_visual .p-postListWrap {
    color: var(--color_main);
    padding-right: .5em;
}

/* 投稿の線削除 */
.top_mini-news .p-postList.-type-simple {
	border-top: none;
}
.top_mini-news .-type-simple .p-postList__link {
    border-bottom: none;
}

/*　コンテンツ　*/
.top_mini-news .swell-block-fullWide__inner {
    max-width: 40%;
    margin-right: 0;
    margin-left: auto;
    background-color: #fff;
    /*height: 80px;*/
	align-content: center;
	display: flex;
}
/* コンテンツ間の余白 */
.top_mini-news .wp-block-columns {
    --wp-column-gap: 0;
	height: 80px;
	align-content: center;
	width: 100%;
}

/* news */
.top_mini-news .top-news_ttl {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    color: #fff !important;
    background-color: var(--color_main);
    height: -webkit-fill-available;
    align-content: center;
	align-items: center;
	display: flex;
	margin-right: 1em !important;
	line-height: normal;
	justify-content: center;
}
.top_mini-news .top-news_ttl p {
	align-content: center;
	align-items: center;
}


/* 日付 */
.top_mini-news .p-postList__meta {
    margin: 0;
	opacity: .7;
	color: var(--color_main);
}
.top_mini-news .icon-posted:before {
	display: none;
}

/* 記事タイトル */
.top_mini-news .-type-simple .p-postList__title {
	font-size: .95em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ホバー */
.top_mini-news .-type-simple .p-postList__link {
	transition: color .25s;
}
.top_mini-news .-type-simple .p-postList__link:hover {
    background-color: #ffffff00;
    color: #b5a213;
}

@media (max-width: 1000px){
	.top_mini-news .swell-block-fullWide__inner {
		max-width: 90%;
		height: 80px;
		font-size: 90%;
	}
}

@media (max-width: 800px){
	.top_mini-news .wp-block-columns {
		height: 60px;
	}
	.top_mini-news {
		max-height: 60px;
	}
	.top_mini-news .is-vertically-aligned-center {
		flex-basis: 80px!important;
	}
	/*.top_mini-news .top-news_ttl {
		font-size: 15px;
	}*/
	.top_mini-news {
		font-size: .9em;
	}
	.top_mini-news .swell-block-fullWide__inner {
		height: auto;
	}
}


/* --------------------------------------
// TOPサービス
-------------------------------------- */
/* ボタン */
#top_others-service .cover-image-list .btn-list_between a {
	background-color: #333333;
	color: #fff;
	border: solid 1px #333333;
}
#top_others-service .cover-image-list .btn-list_between .swell-block-linkList__link:hover {
	background-color: #fff;
    color: #333;
}

@media (min-width: 1000px){
#top_others-service .cover-image-list.__1columns .swell-block-columns__inner {
	max-width: 700px;
    margin-left: auto !important;
    margin-right: auto !important;
	}
}

/* 関連サービス（リッチカラム） */
#kanren-service .img_kadomaru img {
    border-radius: 0.3em;
    border: solid 10px #fff;
}
#kanren-service .img_kadomaru p {
    font-weight: bold;
    line-height: 1.4;
	font-size: .85em;
}





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

/* --------------------------------------
// about
-------------------------------------- */

/* キャッチフレーズ 大 */
#top-about1 .__txt-area.__big p {
	font-weight: 800;
	line-height: 1.4;
}
@media (min-width: 900px){
	#top-about1 .service_ttl.__main {
		margin-left: .5em;
	}
}


/* 互い違いコンテンツ */
#top-about .media-txt_over .is-image-fill>.wp-block-media-text__content {
    padding-bottom: 4.5rem;
    padding-top: 4.5rem;
}
#top-about .list_yoko_s .list_yoko-box li {
	background-color: #ffe200;
}
#top-about .list_yoko_s .list_yoko-box li.list_last_simple {
    background-color: #F4F5F700;
}

/* リッチカラム */
.about2 .__txt-area {
    padding: 2em 3.5em;
}
@media (max-width: 600px){
	.about2 .__txt-area {
		padding: 2em 2.5em;padding-bottom: 4em;
	}
	#service-top {
		margin-bottom: 1.5em !important;
	}
}


/* 
// ボックスメニュー（右矢印付き）
-------------------------------------- */
.box-menu_arrow .swell-block-box-menu__link {
	display: flex; flex-direction: row-reverse; gap: 12px;
}
.box-menu_arrow .swell-block-box-menu__link .swell-block-box-menu__figure {
	margin-right: 0;
	border-radius: 50%;
    background-color: #ffffff2b;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: transform 0.25s;
}
.box-menu_arrow .swell-block-box-menu__text {
    display: block;
    flex: 1;
    line-height: 1.2;
}
/* ホバー */
.box-menu_arrow .swell-block-box-menu__item {
	transition: opacity .25s, box-shadow .25s, filter .25s;
}
@media print, screen and (min-width: 600px) {
    .box-menu_arrow .swell-block-box-menu__link:not(.-disable):hover .swell-block-box-menu__figure {
        transform: scale(1.15);
		background-color: #ffffff45;
    }
}
@media (hover: hover) {
    .box-menu_arrow .swell-block-box-menu.is-style-fill .has-link:hover {
        box-shadow: 0 1px 8px 1px rgba(0, 0, 0, .15);
        opacity: 1;
		filter: brightness(120%) saturate(130%);
    }
}




/* --------------------------------------
// サービス
-------------------------------------- */
/* ボタン揃えるための設定 */
.cover-image-list {
  display: flex;
  flex-direction: column;
}
.cover-image-list .swell-block-column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.align-btn {
    margin-top: auto!important;
    padding: 1.5em;
    padding-bottom: 2.5em;
    width: 100%;
}

/*　画像　*/
.cover-image-list img {
  border-radius: 12px 12px 0 0;
}
.cover-image-list .wp-block-cover {
	min-height: 200px!important;
}
@media (min-width: 960px){
.cover-image-list .wp-block-cover {
	min-height: 250px!important;
	}	
}
/* テキストエリア */
.top-service-txt {
	 padding: 1.5em;
	padding-bottom: 0;
}

/* 最下部にボタン配置しない場合 */
.swell-block-column.last-btn_none {
    padding-bottom: 2.5em;
}


/* 横並びリスト */
.cover-image-list .list_yoko_s .list_yoko-box li {
    background-color: #f7f8fa;
    padding: 0.5em 1.2em;
    box-shadow: none;
}

/* ボタンリスト（黒／白） */
.btn-list_between.__black a {
	color: #fff;
    background-color: #333;
	padding: 1em 1em;
}
.btn-list_between.__black a:hover {
	color: #333;
    background-color: #fff;
}

/* ボタンリスト（黒／白） */
.btn-list_between.__center .swell-block-linkList__text {
	text-align: center;
    flex: auto;
}
.btn-list_between.__black a {
	color: #fff;
    background-color: var(--color_main);
	padding: 1em 1em;
	border: solid 1px var(--color_main);
}
.btn-list_between.__black a:hover {
	color: var(--color_main);
    background-color: #fff;
}

/* サービス背景 */
#top_service.bg-obi_tate:after {
	width: 45%;
    height: 70%;
    background: #e9ecf0;
}
@media (max-width: 900px) {
	#top_service.bg-obi_tate:after {
		width: 100%;
		height: 80%;
  }
}

/* --------------------------------------
// サービスサイト
-------------------------------------- */
#top_service-site .banner-area {
	max-width: 100% !important;
}
#top_service-site .top-banner-area p.mini-txt {
	opacity: .7;
    font-weight: normal;
    font-size: .8em !important;
}
#top_service-site .top-banner-area .__main-txt {
    line-height: 1.5;
    margin-top: 1.2em;
    margin-bottom: 0;
}

/* 
// 詳細版
-------------------------------------- */
/* 詳細版 */
/* コンテンツ背景 */
#top_service-site .__content {
	background-color: #fff;
}

#top_service-site .cover-image-list img {
	border-radius: 0;
}
#top_service-site .__ttl {
	padding: 1em;
}

/* ボタン */
#top_service-site .btn-list_between.__black a {
	padding: 0.7em 1em;
	font-size: 0.8em;
	/*background-color: #b5a213;
	border: none;*/
}
#top_service-site .btn-list_between a {
	background-color: #041233;
    color: var(--the-color);
}
#top_service-site .swell-block-linkList.is-style-default .swell-block-linkList__link:hover {
	background-color: #f7f8fa;
	color: var(--color_main);
}


/*
#top_service-site .btn-list_between .swell-block-linkList__icon.-right {
    color: #ffffff87;
}
#top_service-site .swell-block-linkList.is-style-default .swell-block-linkList__link:hover {
    color: #ffffff;
    opacity: .8;
}
#top_service-site .swell-block-linkList.is-style-default .swell-block-linkList__link:hover {
    background-color: #1a326b;
    background-color: #041233;
}*/

/* --------------------------------------
// カスタム投稿
-------------------------------------- */
/* サムネ */
#top-works .-type-card .p-postList__thumb {
    border-radius: 0.7em;
    border: solid 1px #333333;
    box-shadow: none;
}
/* 高さ */
#top-works .-type-card .p-postList__link {
    height: auto;
}
/* タグ上余白 */
#top-works .custom-post_area .post__tag {
    margin-top: 0;
    font-size: .9em;
}
/* リスト */
#top-works ul.post__cat,
#top-works ul.post__tag {
    list-style: none;
	padding-left: 0;
}
#top-works .post__cat li,
#top-works .post__tag li {
    margin: 0.4em 0;
}



/* --------------------------------------
// ブログ
-------------------------------------- */

/* 記事一覧 */
#top-news .-type-simple .p-postList__link {
	border-bottom: none;
    margin-bottom: .2em;
    background-color: #fff;
    padding: 1em 1.5em;
	transition: background-color .25s;
}
#top-news .p-postList.-type-simple {
    border-top: none;
}
/* ホバー */
#top-news .-type-simple .p-postList__link:hover {
	background-color: #f7f8fa;
}
/* 一覧へのボタン */
#top-news .btn-list_between {
	max-width: 200px;
}
#top-news .midashi-yoko .mini-more {
	margin-left: 2em;
}

/* 記事タイトル */
#top-blog .p-postList__body {
	color: #fff;
}
/* 投稿日 */
#top-blog .c-postTimes__posted {
	color: #fff;
	 opacity: .8;
}


/********************************************************************
** 会社情報
********************************************************************/

/* ロゴ ボツ */
#logo_history img {
	padding: 20%;
}


/*--------------------------------------------------------
// バナーエリア
--------------------------------------------------------*/ 
.banner-area {
	max-width: 1200px !important;
	margin-inline: auto;
}
.banner-area .company-bnr {
    display: flex;
	flex-wrap: wrap !important;
    gap: 2em 10px;
    justify-content: center;
	max-width: 100%;
}
.banner-area .company-bnr > * {
  flex: 0 0 calc(33.333% - 20px);/* 3列（gap考慮済み） */
  box-sizing: border-box;
}
/* 文字 */
.banner-area p {
	line-height: 1.4;
    font-size: .9em;
	margin-top: .7em;
}
/* 画像サイズ */
.banner-area .company-bnr img {
	max-width: 400px;
	width: 100%;
}

/* スマホ：2列 */
@media (max-width: 600px) {
	.banner-area .company-bnr > * {
    flex: 0 0 calc(50% - 10px);
  }
	.banner-area p {
		font-size: .8em;
	}
}


/*--------------------------------------------------------
// 沿革
--------------------------------------------------------*/ 
/* 日付 */
#company-history .is-style-small .swell-block-step__number:after {
    font-size: 1em;
    opacity: 1;
    font-weight: 700;
}
/* 本文 */
#company-history .swell-block-step__body p {
	line-height: 1.6;
	font-size: .95em;
}

/* 余白 */
#company-history .is-style-small .swell-block-step__item {
    padding: 0 0 3em 24px;
}



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



/********************************************************************
** 代表挨拶
********************************************************************/

/* --------------------------------------
// 挨拶
-------------------------------------- */
#greeting_area .midashi_main {
	padding-top: 6em;
}
#greeting_area {
	    padding-bottom: 8% !important;
}

@media (max-width: 1300px){
	#greeting_area .midashi_main {
		font-size: .9em;
	}
}
@media (max-width: 600px){
	#greeting_area .midashi_main {
		font-size: 1em;
	}
	.greeting_img {
		padding-left: 2em;
		padding-right: 2em;
	}
	#greeting_area .midashi_main {
		padding-top: 0em;
	}
	#greeting_area .wp-block-group.hirome-box2 {
		border-top: solid 1px #e9ecf0;
	}
}

@media (min-width: 600px){
	#greeting_area {
		margin-bottom: 10% !important;
	}
}


/* --------------------------------------
// SNS（LINE）
-------------------------------------- */
/* リンクをLINEに変更 */
.sns-line {
	background-color: #00c300;
}
.sns-line a {
	padding: .35em;
}
.sns-line svg {
	display: none;
}
.sns-line .wp-block-social-link-anchor:before {
	display: block;
    content: "\e907";
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
	width: 22px;
    height: 22px;
    left: -1px;
    position: relative;
}


/* --------------------------------------
// プロフィール
-------------------------------------- */
#ceo-profile th {
	font-size: 1.2em;
}

/* 1300px以上で中央揃え */
@media (min-width: 1300px){
		.pc-center p {
			text-align: center;
	}
}

/* --------------------------------------
// 得意分野（2カラムのまま）
-------------------------------------- */
/* 余白広めのテーブル */
/*.hirome-table-tate .wp-block-table.price-list_s_ {
	--table-border: 2px solid #e9ecf0;
}*/
.hirome-table-tate .wp-block-table td,
.hirome-table-tate .wp-block-table th {
	border: none;
	padding: 2.5em 2em;
}
.hirome-table-tate .wp-block-table tr {
	border-bottom: 2px solid #e9ecf0;
}
.hirome-table-tate .wp-block-table tr:last-child {
    border-bottom: none;
}



/********************************************************************
** サービス概要
********************************************************************/

/* --------------------------------------
// サービスメニュー（ボックスメニュー）
-------------------------------------- */
@media (max-width: 600px){
	#service_in-menu.box-menu_arrow {
		font-size: .85em !important;
	}
	#service_in-menu.box-menu_arrow .swell-block-box-menu__link {
		padding: .8em 1em;
	}
}





/* --------------------------------------
// 画像+テキストコンテンツ（ブロークングリッド）
-------------------------------------- */

/* 画像　右
-------------------------------------- */

/* テキストエリア */
.media-txt_over .__txt {
    /*border-radius: 1em;*/
    padding: 2.5em 2em;
    font-size: .9em;
}
/* 内容リスト　mini */
.media-txt_over .list_yoko_s .list_yoko-box li {
    background-color: #F4F5F7;
    padding: 0.5em 1.2em;
    box-shadow: none;
}
/* etc. */
.media-txt_over .list_yoko_s .list_yoko-box li.list_last_simple {
	background-color: #F4F5F700;
}

@media (min-width: 960px){
/*img 左_ 右だけ角丸*/
.media-txt_over figure.wp-block-media-text__media {
    border-radius: 0 1em 1em 0;
	height: 90% !important;
}
/* txt */
.media-txt_over .__txt {
   padding: 4em 3em;
	max-width: 900px;
	}
}
@media (max-width: 600px){
/* txt コンテンツ 余白 */
	.media-txt_over .__txt {
		padding: 3.5em 2em;
	}
}

@media (max-width: 960px){
/* サービスへのリンクボタン */
.media-txt_over .swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
    padding: 0.7em 1em;
    font-size: .9em;
	}
}


/* 画像　右
-------------------------------------- */
@media (min-width: 960px){
.media-txt_over .__img-right figure.wp-block-media-text__media {/* img 右_ 左だけ角丸*/
    border-radius: 1em 0 0 1em;
}
.media-txt_over .__img-right .__txt {/* txt 左 */
	 margin-inline: auto;
    margin-right: 0;
	}
}

@media (min-width: 960px){
	.media-txt_over .__img-right .__txt {
		min-height: 500px;
        justify-items: center;
        align-content: center;
	}
	.media-txt_over .wp-block-media-text__media img {
		padding-top: 1em;
		padding-bottom: 1.5em;
	}
}

/*  960px以下で1カラム
-------------------------------------- */
@media (max-width: 960px){
/*全体設定*/
.media-txt_over .is-stacked-on-mobile {
		grid-template-columns: 100%!important;
	}
.media-txt_over .wp-block-media-text {
    --swl-mediatext--space: 1rem;
}
/*コンテンツ*/
	.media-txt_over .is-style-broken.is-stacked-on-mobile .wp-block-media-text__content {
    margin: var(--swl-mediatext--lap) 0 0!important;
}
	.media-txt_over .is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
	}
	.media-txt_over .is-stacked-on-mobile.wp-block-media-text {
    --swl-mediatext--gap: 0;
    --swl-mediatext--offsetX: 0;
}
/* txt　コンテンツ */
.media-txt_over .is-stacked-on-mobile>.wp-block-media-text__content {
    grid-row: 2!important;
    padding: var(--swl-mediatext--space)!important;
}
/* 被る部分 */
	.media-txt_over .is-style-broken.wp-block-media-text {
    --ark-mediatext--gap: 0;
    --swl-mediatext--lap: -4em;
}
/* 画像 */
	.media-txt_over .is-style-broken.is-image-fill .wp-block-media-text__media {
    min-height: 300px;
	}
	.media-txt_over .is-stacked-on-mobile>.wp-block-media-text__media {
    grid-row: 1;
	}
	.media-txt_over .is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1!important;
	}
}

@media (max-width: 960px){
/* 画像 */
	.media-txt_over .wp-block-media-text.is-image-fill-element>.wp-block-media-text__media {
		min-height: 300px !important;
	}
}



/********************************************************************
** コンテンツ下　サービスメニュー
********************************************************************/

/* リスト */
#f_service-menu .btn-list_between a {
	font-size: 0.75em;
    font-weight: normal;
}
/* ボックス下余白 */
#f_service-menu .swell-block-column.last-btn_none {
    padding-bottom: 1.5em;
}
/* テキスト */
.cover-image-list p {
	font-size: 0.9em;
}

@media (max-width: 600px){
#f_service-menu .top-service-txt {/* リストエリア */
    padding: 0.7em;
	}
#f_service-menu .btn-list_between a {
	padding: 0.6em 0.8em;
   letter-spacing: initial;
	}
#f_service-menu .swell-block-column.last-btn_none {/* ボックス下余白 */
    padding-bottom: 0.5em;
	}
}

/* カバー画像エリア */
#f_service-menu .cover-image-list .wp-block-cover {
    min-height: 100px!important;
}
@media (min-width: 960px){
#f_service-menu .cover-image-list .wp-block-cover {
    min-height: 170px!important;
	}
}
/* バナー画像の場合 */
.cover-image-list .c-bannerLink {
    border-radius: 12px 12px 0 0;
}

/* 対応内容（アコーディオン） */
.service-more {
	font-size: .9em;
}




/* --------------------------------------
// サブメニュー　（SNSマーケ／Webマーケ下）
-------------------------------------- */
.f_service-menu_mini a {
	/*border-radius: 0.5em;*/
}
.f_service-menu_mini .swell-block-box-menu.is-style-fill .has-link {
    border-radius: 0.5em;
}
@media (min-width: 960px){
.f_service-menu_mini a.swell-block-box-menu__link {
	font-size: .9em;
	}
}

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

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

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


/* 画像+テキストエリア（リッチカラム）　
-------------------------------------- */
/*画像 余白あり＆控えめ（画像イラスト）*/
.img__m img {
    width: 90%;
    max-width: 400px;
}
@media (min-width: 1000px){
.img__m img {
    width: 100%;
	}
}

/*画像 スマホで画像横幅いっぱいにしない（通常画像+全幅）*/
@media (max-width: 600px){
.wp-block-image.alignfull.img__m img {
    width: 90%;
	}
}

/* 画像　カバー（メイン） */
@media (min-width: 1000px){
.service_top .wp-block-cover.img__m {
    min-height: 400px!important;
	/*height: 50vh;*/
	}
/*.service_top .media-text_img__left {
		margin-left: 0;
	}*/
}



/* 対応リスト
-------------------------------------- */
.service_top .list_yoko_s .list_yoko-box li {
    background-color: #ffe200;
    font-size: .9em;
    font-weight: bold;
	 padding: 0.3em 1em;
}

/* 〜とは？
-------------------------------------- */
/*　強調文字　背景あり　*/
p.box-txt_m.has-background {
    border-radius: 0.3em;
    padding: 0.6em 1.2em;
    width: fit-content;
}


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

/* ボックス */
#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;
	}
}

/* --------------------------------------
// ページ内リンクメニュー（目次／シンプル）
-------------------------------------- */
#mokuji-simple {
    border-top: solid 1px #e9ecf0;
    border-bottom: solid 1px #e9ecf0;
    font-weight: 500;
	font-size: .85em;
}
#mokuji-simple .yoko-menu {
    justify-content: center;
    text-align: center;
    align-content: center;
    flex-wrap: wrap;
	gap: 1.2em;
}
.text-bg .swl-bg-color {
    /*border-radius: 3px;*/
    padding: 6px 8px;
    letter-spacing: 0.08em;
}

#mokuji-simple .yoko-list .swell-block-linkList__item {
    margin: 4px 8px !important;
}





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

/* 見出し
-------------------------------------- */
/*　サブタイトル（黄色背景）　*/
.box-txt span  {
    border-radius: 50px;
    padding: 0.5em 0.8em;
    font-weight: bold;
}
/* h2 */
.lp-ttl h2 {
	margin-top: .8em;
    font-size: 2em;
	letter-spacing: 0.1em !important;
}
/*　h2 強調文字　*/
.lp-ttl h2 span.swl-inline-color {
    font-size: 1.5em;
}
/*　800px以下　*/
@media (max-width: 800px){
.box-txt span  {/* サブタイトル */
    font-size: 0.9em;
}
.lp-ttl h2 {/*　h2　*/
	    font-size: 1.3em;
	}
}

@media (min-width: 1000px){
.lp-ttl {
    font-size: 1.1em;
	}
}

/* リスト　大
-------------------------------------- */
.big-list {
    margin-inline: auto;
    position: relative;
}
.big-list ul {
	  font-size: 1.2em;
    font-weight: bold;
	  padding: 2em 3em 2em 3em;
}
.big-list li {
    margin: 0.7em 0;
}

/*　800px以下　*/
@media (max-width: 800px){
.big-list ul {
	   font-size: 1.1em;
	   padding: 2em 0 2em 0.7em;
	}
}

/* リスト　大
-------------------------------------- */
/* 重なる画像 */ 
.big-list .over_img {
    right: 0;
    bottom: -2em;
    width: 25vw;
    max-width: 350px;
    position: absolute;
}
@media screen and (max-width: 600px){
.big-list .over_img {
    width: 30vw;
	}
}

/* 重なる画像用　境界線前余白 */
.bottom_p_none.p_s {
    padding-bottom: 2em!important;
}

/* ------------------------------------
// メリット／交互コンテンツ　見出しに番号あり
（リッチカラム／画像1カラムで下）
------------------------------------ */

/* box
-------------------------------------- */
.number-content .box-maru {
	padding: 2.5em 3em;
}
@media (max-width: 960px){
.number-content .box-maru {
    padding: 2.5em 2em;
	}
/*テキストエリア 下余白*/
.number-content  .txt-area {
	 padding-bottom: 1em;
	}
}
@media (max-width: 600px){
.number-content .box-maru {
    padding: 2.5em 1.4em;
	}
}

/* 見出し h3
-------------------------------------- */
.number-ttl {
    position: relative;
    padding-top: 2em;
    margin-left: -6px;
    margin-bottom: 2.5em;
}

/*　番号　*/
.data-number {
    /*font-family: 'Oswald', sans-serif;*/
    font-size: 6.5em;
    font-weight: 900;
    color: #f2eadd80;
    letter-spacing: initial;
    content: attr(data-number);
    pointer-events: none;
    margin-left: -48px;
    position: absolute;
    z-index: 1;
    margin: -40px 0 0 -10px;
    left: auto;
	   top: -0.5em;
}

/*　見出し　*/
.number-content h3.number-ttl-h {
	padding-top: 0.5em;
	padding-left: 1.5em;
	position: inherit;
	z-index: 1;
	font-size: 1.5em;
}

/* 800px以下 */
@media screen and (max-width: 800px){
.data-number {
    font-size: 100px;
	}
}
/* 1000px以上 */
@media (min-width: 1000px){
.data-number {
	margin: -40px 0 0 10px;
	}
}


/* 画像（カバー）
-------------------------------------- */
/* 960px以下 */
@media (max-width: 960px){
.number-content .wp-block-cover {
	   min-height: 300px;
	}
}
/* 600px以下 */
@media (max-width: 600px){
.number-content .wp-block-cover {
	   min-height: 200px;
	}
}

/* 画像 左→下
-------------------------------------- */
/* 1カラムで 画像 左→下 */
@media (max-width: 960px){
/*コンテンツ全体*/
.sp_img_bottom .swell-block-columns__inner {
    display: grid;
}
/*画像エリア*/
.sp_img_bottom .img-area {
	 grid-column: 1;
    grid-row: 2;
	}	
}



/* ------------------------------------
// メリット／交互コンテンツ　見出しに番号あり
（メディアとテキスト／画像1カラムで上）
------------------------------------ */

/* コンテンツ横幅 */
@media (min-width: 1408px){
.lp-content .alignwide {
    left: auto;
    width: 100%;
	}
}

/* 画像（カバー） 1カラムで画像下に
-------------------------------------- */
.lp-content figure.wp-block-media-text__media  {
	border-radius: 0.5em;
}
@media (min-width: 960px){
.lp-content .wp-block-media-text {
	 gap: 2.5em;
	}
}

/* 960px以下 */
@media (max-width: 960px){
/*1カラムに*/
.lp-content .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100%!important;
}
.lp-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {/*画像エリア*/
    grid-column: 1;
    grid-row: 1;
	  min-height: 300px;
}
.lp-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content, .lp-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {/*テキストエリア*/
    grid-column: 1;
    grid-row: 2;
	}
}

/* 600px以下 */
@media (max-width: 600px){
/*画像サイズ制限*/
.lp-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
	   min-height: 200px;
	}
/*テキストエリア*/
.lp-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content, .lp-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__content {
	margin-top: 1em!important;
	padding: 0!important;
	}
/*番号*/
.lp-content .data-number {
	top: -0.3em;
	}
}


/* --------------------------------------
// 失敗
-------------------------------------- */

/* 見出し　h3 */
h3.is-style-section_ttl.box-txt {
    padding: 0.5em 1em;
    border-radius: 0.3em;
    margin-top: 0.5em!important;
	 font-size: 1.2em;
}

/* リスト　アイコン（ペケ） 
.is-style-bad_list.peke li:before {
    color: #35c3ca;
}*/

/* 横並びリスト　1カラムでの余白調整（リッチカラム）　 */
@media screen and (max-width: 960px){
.tab-100 .list-col2 {
    margin-top: -0.6em!important;
	}
}
@media screen and (max-width: 600px){
.list-col2 {
    margin-top: -0.6em!important;
	}
}

/* --------------------------------------
// 成功のコツ
-------------------------------------- */
/* リスト アイコンなし　背景あり */
.list_yoko-box.list_box-txt li {
    background-color: #ffffff;
    font-weight: bold;
    padding: 0.5em 1em;
    margin-bottom: 0.5em;
    font-size: medium;
}


/* --------------------------------------
// 特長
-------------------------------------- */
/*　コンテンツのシャドウ非表示　*/
.box-shadow-none .box-shadow {
	box-shadow: none;
}



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

/* リスト　小　周辺余白多め
-------------------------------------- */
ul.list-s {
	font-size: 0.9em;
	padding: 0 1.2em;
}
.list-s li {
    margin: 0.4em 0;/*　リスト　行間　*/
}

/* リスト　横並び　小（中央配置）
-------------------------------------- */

/*　リスト　中央揃え　*/
.list_yoko_s .list_yoko-box li {
    background-color: #fff;
    padding: 0.5em 1em;
    border-radius: 50px;
    box-shadow: 0 0px 20px 0 rgb(11 21 42 / 4%);
}
.list_yoko_s ul.-list-flex.list-center {
    text-align: center;
    display: block;
}
/* リスト　最後　装飾なし etc. */
.list_yoko_s .list_yoko-box li.list_last_simple {
	background-color: #fff0;
	border-radius: 0;
   box-shadow: none;
}
/* テキスト */
.list_yoko_s p {
    align-items: center;
	 display: flex;
	padding-left: 1em;
}







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

/* --------------------------------------
// フル見出しbox
-------------------------------------- */

/* 見出しエリア */
.full-midashi-box .full-midashi_area {
    border-radius: 12px 12px 0 0;
    padding: 1.2em;
	 margin-bottom: 0;
}

/*　リスト　ポイント　*/
.plan-box .list_point li {
    margin: 0.5em 0;
}

/*　金額 税込　*/
.price-txt .price-mini {
    top: -1em;
    position: relative;
}

/* 見出しboxなし（上に黄色線） */
.plan-box.__type2 .swell-block-column {
	border-top: solid 18px #ffe941;
}
.plan-box.__type2 h3 {
	margin-top: .8em !important;
    margin-bottom: 1em;
}






/*  リスト　横並び（Instagram／YouTube）
-------------------------------------- */
/*　on */
ul.list-fit {
    justify-content: center;
}
.list-fit li {
    padding: 0.4em 0.7em;
    border-radius: 0.2em;
    font-size: 0.85em;
    letter-spacing: initial;
	 flex: auto;
	 text-align: center;
}
/* off */
.list-fit li._off {
   background-color: #f7f8fa;
    color: #6e787d;
}

/*  リスト　下線（SEO／LINE）
-------------------------------------- */
.plan-box .-list-under-dashed li, .plan-box2 .-list-under-dashed li {
    font-size: .94em;
}



/* --------------------------------------
// フル見出しbox2（2カラム以上） 
-------------------------------------- */

/* --------------------------------------
// フル見出しbox2（2カラム以上） 
-------------------------------------- */
.plan-box2 {
    background-color: #fff;
}

/* --------------------------------------
// 詳しく見る　ボタン（アコーディオン）　
-------------------------------------- */
/*　btn*/
.more_toggle-button .swell-block-accordion__title {
	 width: fit-content;
    margin-inline: auto;
    border-radius: 50px;
    padding: 0.5em 1.5em;
	 background-color: #fff;
    /*background-color: #ffb932;
    color: #fff;*/
	font-weight: bold;
	border: solid 1px #333;
}
/* 　詳細 */
.more_toggle-button .swell-block-accordion__body {
	padding: 0;
    margin-top: 2em;
}

/* --------------------------------------
// シンプルな料金表（テーブル）
-------------------------------------- */
.wp-block-table.price-list_s_ {
	--table-border: 2px solid #f7f8fa;
	/*border-radius: 0.5em;*/
    font-size: .95em;
}
.wp-block-table.price-list_s_ td {
    padding: 0.7em 1em;
}
/* 余白少し広め */
.wp-block-table.price-list_s_.__m td {
	padding: 1em;
}

/* --------------------------------------
// 割引
-------------------------------------- */
.__black .plan-box .box-maru {
	background-color: #5a5757;
    color: #fff;
}

/* 黄色背景用 個別ボックスの背景調整 */
#price-setwari.__type2 .plan-box .box-maru {
	background-color: #f7f8fa;
}




/********************************************************************
** ご利用の流れ　ステップ
********************************************************************/

/* --------------------------------------
// ご利用の流れ　（アイコン画像／アコーディオン）
-------------------------------------- */

.step_accordion {
    border-radius: 0.5em;
    background-color: #fff;
}
/* ttl エリア　*/
.step_accordion .swell-block-accordion__title {
    border-radius: 0.5em;
    background-color: #fff;
}
/*　ttl　*/
.step_accordion h3.swell-block-accordion__label {
    margin-left: 50px;
    align-items: center;
    display: flex;
	 letter-spacing: initial;
}
.step_accordion .swell-block-accordion__title img {
    margin-right: 13px;
    margin-left: -45px;
}

/* 内容 */
.step_accordion .swell-block-accordion__body {
	padding: 1.5em;
	font-size: .95em;
}


/* --------------------------------------
// ご利用の流れ　（アイコン画像／　リッチブロック）
-------------------------------------- */
/* 下線 */
.step_rich-block {
	 border-bottom: dashed 2px #f4f5f7;
	padding-bottom: 1.5em;
}

/* STEP */
.step_rich-block .en-txt {
	padding-left: 8px;
	opacity: .7;
	letter-spacing: 1px!important;
}

/* txt */
.step_txt {
	opacity: .8;
}


/* --------------------------------------
// ご利用の流れ　（簡易版／ステップスモール）
-------------------------------------- */

/* STEP */ 
.work-step_s .swell-block-step__number .__label {
    font-size: 13px;
    opacity: .6;
    font-weight: 300;
}
/* STEP　番号 */
.work-step_s .swell-block-step__number:after {
    font-size: 13px;
    opacity: .6;
    font-weight: 300;
}

/* ステップ　スモール設定
-------------------------------------- */
/*　縦線　*/
.is-style-small .swell-block-step__item:before {
	border-left: 3px solid #f0f0f1;
}
/* 左余白  STEP */
.is-style-small .swell-block-step__number .__shape {
    margin-right: 20px;
}
/* 左余白 ttl */
.is-style-small .swell-block-step__title {
	margin-left: 10px;
}
/* 左余白 内容 */
.is-style-small .swell-block-step__body {
	margin-left: 10px;
}

/* ステップ　デフォルト設定
-------------------------------------- */
/* STEP　エリア */
.is-style-default .swell-block-step__number {
	width: 50px;
	border-radius: 0.5em;
}
/* STEP */ 
.is-style-default .swell-block-step__number .__label {
    font-size: 12px;
    opacity: .8;
}
/* STEP　番号 */
.is-style-default .swell-block-step__number:after {
    font-size: 20px;
    opacity: 1;
    font-weight: 400;
}

/* 余白 */
.is-style-default .swell-block-step__item {
    padding: 0 0 3em 75px;
}
@media not all and (min-width: 600px){
.is-style-default:not(.is-style-big):not(.is-style-small)>.swell-block-step__item>.swell-block-step__body {
    margin-left: -70px;
	}
}


/* --------------------------------------
// ご利用の流れ　（ビッグ）
-------------------------------------- */
#step-main.is-style-big>.swell-block-step__item:first-child {
    border-top: 1px solid #f0f3f5;
}
#step-main.is-style-big>.swell-block-step__item {
    border-bottom: 1px solid #f0f3f5;
}
#step-main.is-style-big>.swell-block-step__item:before {
	border-top: 12px solid #ffe940;
}
#step-main.is-style-big>.swell-block-step__item>.swell-block-step__number .__label {
	opacity: .5;
}


/* --------------------------------------
// ご利用の流れ　（デフォルト）
-------------------------------------- */
#step-main.is-style-default .swell-block-step__number:after {
	font-weight: 500;
}
#step-main.is-style-default .swell-block-step__number {
	width: 55px;
    height: 55px;
}
#step-main.is-style-default .swell-block-step__item {
	padding-bottom: 4.5em;
}


/* --------------------------------------
// ご利用の流れ　（スモール）
-------------------------------------- */
#step-main.is-style-small .u-col-main {
	color: #ffe940 !important;
    background-color: #ffe940;
}
#step-main.is-style-small .swell-block-step__number .__label,
#step-main.is-style-small .swell-block-step__number:after {
	opacity: .5;
}
#step-main.is-style-small .swell-block-step__body {
	font-size: .9em;
	margin-top: .7em;
}
#step-main.is-style-small .swell-block-step__item {
	padding-bottom: 4em;
}







/********************************************************************
** FAQ
********************************************************************/
/* --------------------------------------
// ページ内リンクメニュー（ボックスメニュー）
-------------------------------------- */
.swell-block-box-menu.is-style-fill.kadomaru-menu .swell-block-box-menu__item {
	border-radius: .5em;
}
.swell-block-box-menu.is-style-fill.kadomaru-menu .swell-block-box-menu__link {
	border-radius: .5em;
}


/* --------------------------------------
// FAQ（線あり）
-------------------------------------- */
.faq_main {
    border-radius: 0.5em;
    background-color: #fff;
}
/* ttl エリア　*/
.faq_main .swell-block-accordion__title {
    border-radius: 0.5em;
    background-color: #fff;
}
/*　Q　*/
.faq_main h3.swell-block-accordion__label {
    margin-left: 50px;
    align-items: center;
    display: flex;
	 letter-spacing: initial;
}
.faq_main .swell-block-accordion__title .swl-inline-icon {
    color: #f03d61;
    font-size: 1.5em;
    margin-right: 13px;
    margin-left: -45px;
}

/* A */
.faq_main .swell-block-accordion__body {
	padding: 1.5em;
	font-size: .95em;
	padding-top: 0em;
}
.faq_main .c-tabBody__item p {
    text-align: center;
}



/* --------------------------------------
// FAQ（ボックス FAQページ用）
-------------------------------------- */
#faq-box .swell-block-faq__item {
	background-color: #fff;
    border: none;
    border-radius: .5em;
}
#faq-box.is-style-faq-box .faq_q {
    border-bottom: 2px solid #f7f8fa;
}
.swell-block-faq .faq_q:before,
.swell-block-faq .faq_a:before {
	font-family: "Wix Madefor Text", sans-serif;
    letter-spacing: normal !important;
    font-weight: 500;
}


/********************************************************************
** グラフィックデザイン
********************************************************************/

/* --------------------------------------
// 印刷会社
-------------------------------------- */
/*　コンテンツ背景色　*/
.bg_gray .box-maru {
	background-color: #f7f8fa;
}
/* 見出し */
.box_ttl h3.is-style-section_ttl.box-txt {
	 margin-top: -0.5em!important;
    margin-bottom: 1.5em;
}




/********************************************************************
** 撮影について
********************************************************************/

/* --------------------------------------
// サービスTOP
-------------------------------------- */
.__kado-none .c-bannerLink {
	border-radius: 0;
}



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

#photo_nayami .lp-ttl h2 {
    font-size: 1.6em;
}
@media (max-width: 599px) {
	#photo_nayami .lp-ttl h2 {
    font-size: 1.3em;
	}
	.__kado .has-swl-pale-03-background-color {
		border-radius: 0.8em;
	}
}
@media (min-width: 600px) {
	/* 互い違いコンテンツの上下の余白 */
	.wp-block-media-text__media div.has-background {
		padding-top: 3.5em;
		padding-bottom: 3.5em;
	}
}

/* --------------------------------------
// 特長
-------------------------------------- */
/* コンテンツ上 境界線 */
#photo-features {
	border-top: solid 5px #b5a213;
}


/* --------------------------------------
// サービス内容
-------------------------------------- */
/* コンテンツ下 境界線 */
#photo-service {
	border-bottom: solid 5px #b5a213;
}

/* 簡易まとめ（リンクボックス） */
.service_mini_link-box {
	border-radius: 1em;
}
.service_mini_link-box .swell-block-box-menu__figure {
	display: none;
}
.service_mini_link-box .swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
    border-radius: .3em;
    /*border: solid 2px #b5a21342;*/
    font-weight: bold;
}
.service_mini_link-box .swell-block-box-menu__text {
	align-content: center;
	line-height: 1.3;
}

/* 対応内容 */
#photo-service .swell-block-accordion {
	margin-top: 1.5em;
}
#photo-service .swell-block-accordion__title {
	border-radius: .5em;
}

/* サービスボックスに背景色追加（TOPページ） */
.service-box2 .service-box2--bg {
    background-color: #fff;
    /*border-radius: .5em;*/
    padding: 1.5em;
    padding-bottom: 2em;
}
.service-box2 .__txt-area {
	padding: 0 .5em;
}
.top-service-box .swell-block-column {
	background-color: #fff;
	padding: 2.5em 2em;
}


/* --------------------------------------
// メリット
-------------------------------------- */
/* 互い違いコンテンツ（ブロークン＆タブ） */
.merit-tab .c-tabList {
	margin-bottom: 1em !important;
}
@media screen and (min-width: 600px) {
    #photo-merit .is-style-broken {
        margin-bottom: 4em;
    }
}

/* --------------------------------------
// 失敗
-------------------------------------- */
/* リスト　PCで2カラム */
ul.half-list {
	display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
}
.half-list li {
    width: calc(50% - 12px);/* gapの半分を引く */
    margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
    ul.half-list {
        gap: 0;
    }
	.half-list li {
        width: 100%;
    }
}


/* --------------------------------------
// CTA上 ミニメニュー
-------------------------------------- */
#f_mini-menu .swell-block-box-menu.is-style-default .swell-block-box-menu__item {
    border: 1px solid #666;
}
#f_mini-menu .swell-block-box-menu[data-has-gap="0"] .swell-block-box-menu__inner {
    margin-left: -3px;
    margin-right: -3px;
    padding-right: 0;
    justify-content: center;
}
#f_mini-menu .swell-block-box-menu.is-style-default .has-link>.swell-block-box-menu__link {
	border-radius: 0;
	justify-content: center !important;
}

@media (hover: hover) {
    #f_mini-menu .swell-block-box-menu.is-style-default .has-link>.swell-block-box-menu__link:hover {
        background-color: #333;
        border-radius: 0;
        color: #fff;
    }
    #f_mini-menu .swell-block-box-menu.is-style-default .has-link>.swell-block-box-menu__link:hover .swell-block-box-menu__figure svg {
        color: #fff;
    }
}
@media (max-width: 800px) {
    /* h3 */
	#f_mini-menu {
		font-size: .9em;
	}
}

/* 中央配置 */
@media (min-width: 960px) {    
	#f_mini-menu .swell-block-box-menu.is-style-default .has-link>.swell-block-box-menu__link {
		justify-content: center !important;
	}
	#f_mini-menu .swell-block-box-menu__text {
		flex: none;
		padding-right: 1em;
	}
}








/********************************************************************
** 新 料金表
********************************************************************/

/* --------------------------------------
// 小分けタイプ 
-------------------------------------- */
/* ボックス */
.price-box {
	font-size: .9em;
	border-radius: .5em;
    padding: 1.8em;
	background-color: #fff;
	margin-bottom: .3em;
}
/* h3 */
.price-box .midashi-yoko {

}
/* 料金 */
.price-box ._price_fee {
	margin-bottom: .5em;
}
/* テキストエリア */
.price-box ._price_txt {
	
}
/* メインテキスト */
.price-box ._price_txt_main {
	margin-bottom: .1em;
    line-height: 1.7;
}
/* ミニテキスト 注釈 */
.price-box ._price_main-txt_mini {
	font-size: .9em;
	color: #00b1ba;
}
@media (min-width: 960px) {
    /* h3 */
	.price-box .midashi-yoko {
		font-size: .9em;
	}
}

/* --------------------------------------
// テーブルタイプ 
-------------------------------------- */

.price-box2 .wp-block-table>table tr>:first-child:not(.-no1) {
	color: #00b1ba;
}
@media (max-width: 959px) {
    .price-box2 .main-table.table-tate th {
        font-size: 1.3em;
    }
}
















/********************************************************************
** SEO対策
********************************************************************/

/* --------------------------------------
// 　成果　見出し　白背景　文字幅
-------------------------------------- */
/*　文字　ノーマル　*/
.inline-txt span.swl-bg-color.swl-bg-color {
    padding: 0.1em 0.3em;
}
/* 文字　大 */
.inline-txt span.swl-bg-color.swl-bg-color.has-swl-deep-02-background-color {
    padding: 0 0.1em;
    margin-left: -0.1em;
}


/* --------------------------------------
// 重要タグ　テーブル　シンプル　角丸
-------------------------------------- */

.table_noline {
	border-radius: 1em;
}
/* td　強調 */
.table_noline :where(.td_to_th_ tbody tr)>:first-child:not(.-no1)  {
	color: #fff;
	line-height: 1.2;
	font-size: 1.1em;
	padding: 1em 1.5em;
}

/* th */
.wp-block-table.table_noline td, .wp-block-table.table_noline th {
	padding: 1.8em 1.5em;
}

/* 線 */
.wp-block-table.table_noline {
    --table-border: none;
}
.wp-block-table.table_noline tr {
	border-bottom: 1px solid #faf8f4;
}
.wp-block-table.table_noline tr:last-child {
	border-bottom: none;
}

@media (max-width: 960px){
.wp-block-table.table_noline {
    --table-border: none;
	}
}

/********************************************************************
** SNSマーケティング
********************************************************************/

/* --------------------------------------
// サービスTOP　　SNSリスト
-------------------------------------- */
#sns-top .list_yoko_s li {
	color:#fff;
	font-weight: 500;
}
.list_yoko_s .list_yoko-box li.sns-youtube {/*youtube*/
    background-color: #fe0000;
}
.list_yoko_s .list_yoko-box li.sns-line {/*LINE*/
    background-color: #06c756;
}
.list_yoko_s .list_yoko-box li.sns-tiktok {/*TikTok*/
    background-color: #333;
}
.list_yoko_s .list_yoko-box li.sns-x {/*X Twitter*/
    background-color: #1da2f1;
}
.list_yoko_s .list_yoko-box li.sns-facebook {/*facebook*/
    background-color: #1876f2;
}
.list_yoko_s .list_yoko-box li.sns-instagram {/*instagram*/
    background: linear-gradient(135deg,#427eff 0%,#f13f79 70%) no-repeat;
    overflow: hidden;
}



/********************************************************************
** Instagram
********************************************************************/

/* --------------------------------------
// サービス内容　（タブ／吹き出し）
-------------------------------------- */

/* ボタン */
.is-style-balloon.service_tab>.c-tabList .c-tabList__button {
    background: #f7f8fa;
    color: #333333;
}
/*　ホバー・現在地　*/
.is-style-balloon.service_tab>.c-tabList .c-tabList__button:hover, .is-style-balloon.service_tab>.c-tabList .c-tabList__button[aria-selected=true] {
    background-color: var(--color_main);
    color: #fff;
}

/* 吹き出し */
.is-style-balloon.service_tab>.c-tabList .c-tabList__item {
    padding: 0 2px;
}
.is-style-balloon.service_tab>.c-tabList .c-tabList__button {
	box-shadow: none;
}
/* txt エリア */
.service_tab .c-tabBody__item p {
   text-align: justify;
	font-size: .9em;
}


@media (max-width: 800px){
/*　コンテンツ幅に合わせる　*/
.service_tab li.c-tabList__item {
    display: flex;
    align-self: auto;
    flex: auto;
    min-width: 0;
}
.service_tab .c-tabBody .box-maru {/*txt エリア余白*/
    padding: 2.5em 1.5em;
	}
.service_tab .c-tabList__button {/*ボタン*/
	  padding: 0.7em 0.8em;
    font-size: .85em;
	}
}


/* --------------------------------------
// 特長
-------------------------------------- */
@media (min-width: 960px){
#sns-features ul.is-style-check_list {
	font-size: 1.5em!important;
	}
}


/********************************************************************
** LINE
********************************************************************/

/* --------------------------------------
// 機能一覧（リッチカラム）
-------------------------------------- */

/* 画像 */
.function-list img {
    margin-top: 0.5em;
    margin-bottom: -0.5em;
}
/* ttl h3 */
.function-list h3 {
    color: #06c756;
    font-size: 1.1em;
	 margin-bottom: 1em;
	 line-height: 1.3;
}
/* txt */
.function-list p {
	font-size: .85em;
   color: #666;
	letter-spacing: .09em;
}
/* ttlのみの場合の余白 */
.kadomaru.__simple, p.kadomaru.__simple.has-background, div.kadomaru.__simple.has-background {
    padding: 1em;
}

@media (max-width: 960px){
.function-list h3 {
    font-size: 1em;
	}

}




/********************************************************************
** CTA（フッター前）
********************************************************************/

/* --------------------------------------
// TOPページのみ
-------------------------------------- */
.f_cta.__top .service_ttl {
	font-weight: 800;
	line-height: 1.5;
}
.home .f-cta-main {
	display: none;
}

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

/* TEL（テキスト版） */
.swell-block-box-menu.is-style-default.cta_tel-btn .swell-block-box-menu__item {
	border: none;
}
.cta_tel-btn .swell-block-box-menu__link {
	justify-content: center;
	transition: background-color .25s, opacity .25s;
	padding: 0 1em;
	padding-top: .5em;
}
.cta_tel-btn .swell-block-box-menu__text {
	display: contents;
    font-size: 2em;
    font-weight: 900;
}
@media (hover: hover) {
    .swell-block-box-menu.is-style-default.cta_tel-btn .has-link>.swell-block-box-menu__link:hover {
        background-color: #fff0;
		opacity: .7;
    }
}
@media (min-width: 1000px){
.cta_tel-btn {
	font-size: 1.3em;
	}
}


/* リスト */
.f_cta .list_yoko-box li strong {
    font-weight: 500;
}

/* スマホでのリスト 文字サイズ */
@media (max-width: 900px){
	.f_cta .swell-block-column {
		width: 100%;
	}
	.f_cta ._sp-s {
		font-size: .85em !important;
	}
}


/********************************************************************
** お問い合わせ
********************************************************************/


/* --------------------------------------
// CTA ボタン（ボックスメニュー 横 中央）
-------------------------------------- */
.ctn-btn01 {
	font-weight: bold;
}
.swell-block-box-menu.is-style-fill.ctn-btn01 .swell-block-box-menu__link {
	padding: 1em 1.5em;
}
.ctn-btn01 .swell-block-box-menu__text {
	 justify-content: center;
    display: flex;
}
.swell-block-box-menu[data-direction=vertical].ctn-btn01 .swell-block-box-menu__figure {
	margin-bottom: .6em;
}
/* LINE */
.ctn-btn01 .__line .swell-block-box-menu__text {
	font-size: 1.2em;
	line-height: 1.2;
}
/* 縦から横並びへ */
@media (max-width: 800px){
	.swell-block-box-menu.is-style-fill.ctn-btn01 .swell-block-box-menu__link {
		flex-flow: wrap;
		align-items: center;
	}
	.swell-block-box-menu[data-direction=vertical].ctn-btn01 .swell-block-box-menu__figure {
		margin-bottom: 0;
	}
}

/* フォームエリアの余白 */
.contact_form-area .hirome-box2 {
	padding-top: 3em;
}


/* --------------------------------------
// お問い合わせ ボタン
-------------------------------------- */

/* お問い合わせCTAエリア 余白 */
@media (min-width: 800px){
.contact_cta .box-maru {
    padding: 3.5em 3em 2em;
	}
}
/*　ボタン　*/
.contact_cta .swell-block-button a {
    background-color: #595757;
    border-radius: 0.5em;
    padding: 1.2em;
}
/* ホバー */
.contact_cta .swell-block-button a:hover {
	  opacity: 1;
    background-color: #6f6f6f;
}
/* ボタン下　余白 */
.contact_cta .u-mb-10 {
	margin-bottom: .7em!important;
}


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

/* フッター前CTA非表示 */
.id_7 #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: #f7f8fa;
}
/* プルダウンフォームのデザイン */
.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: 2px;*/
	margin-right: .4em;
}

/* 項目テキスト */
.smf-item__col.smf-item__col--label {
	margin-bottom: .5em;
}

/* ラジオボタン */
.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;/*ラジオボタン・チェックボックス用*/
	--_form-control-border-color-focus: #061b4e;/*フォームを選択中の枠線の色*/
}

/* エラー文言 */
.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;
	justify-content: center;
    display: flex;
}

/* 送信ボタン */
.smf-action .smf-button-control__control {
    font-size: 1.2em;
    background-color: var(--color_main);
	background-color: #E60034;
    background-image: none;
    color: #fff;
    border: none;
	box-shadow: .1em .25em #22782b;
	box-shadow: none;
    /*transition: transform .25s, box-shadow .25s, -webkit-transform .25s;*/
    transition: transform .20s, box-shadow .20s, background-color .20s;
    /*border-radius: 80px;*/
	border-radius: 0px;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0;
    min-width: 35%;
    padding: .8em 2em;
    position: relative;
    text-decoration: none;
    width: 100%;
}
.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);*/
	background-color: #ba052e;
}

/* 戻るボタン */
.smf-action .smf-button-control__control[data-action="back"] {
	background-color: #ffffff;
    background-image: none;
    color: #E60034;
    border: solid 1px #E60034;
}

/* 縦並び */
@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__number {
	letter-spacing: normal;
}

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


/*  Cloudflare Turnstile 調整
-------------------------------------- */
#form-area{
	padding-bottom: 10em;
}
.smf-action {
    margin-bottom: 3em !important;
}

.snow-monkey-forms-turnstile,
.snow-monkey-forms-turnstile > div,
.snow-monkey-forms-turnstile iframe {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
	margin-top: 2em !important;
}