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

/* ロゴとグローバルメニューの間の余白を詰める
   ※ヘッダーレイアウトが「シリーズ型」の場合、.-series .l-header__logo{margin-right:24px}
   （詳細度がこちらより高い）が別途効いているため、!importantで明示的に上書きする。 */
.l-header__logo{padding-right:0.6vw !important;margin-right:5px !important}
/* .-series .c-headLogo{margin-right:16px}（@media min-width:960px）も同様に詰める */
.-series .c-headLogo{margin-right:4px !important}
/* スクロール追従時の固定ヘッダー(.l-fixHeader__logo{margin-right:24px})も同様に詰める */
.l-fixHeader__logo{margin-right:5px !important}

/* ==== スマホ表示のヘッダー ====
   ロゴが中央寄りに見えていたため、flex-startにした上でロゴの右側をmargin-right:autoにし、
   残りの要素(追加ボタン・お問合せ・ハンバーガー)がまとまって右端に寄るようにする。 */
@media (max-width:959px){
	.l-header__inner{justify-content:flex-start !important}
	.l-header__logo{margin-right:auto !important}
}

/* SPヘッダーの「お問合せ」ボタンの左に追加した「無料職場診断」ボタン
   ヘッダーの縦幅いっぱいに広げ、オレンジ背景+白文字にする */
.genki-sp-header-btns{
	display:flex;
	align-items:stretch;
	align-self:stretch;
	margin-right:0;
}
.genki-sp-check-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	white-space:nowrap;
	font-size:13px !important;
	background:#E8512A !important;
	color:#fff !important;
	border-color:#E8512A !important;
}
.genki-sp-check-btn:hover{
	background:#C43D18 !important;
	color:#fff !important;
}

/* PC表示の間(〜960pxでスマホ表示に切り替わるまで)、メニュー・追加ボタンが
   折り返したり隠れたりしないよう、画面幅に応じてなめらかに縮小させる。
   ロゴは46px未満にしたくないため、メニュー側をより強めに縮小させて幅を確保する。 */
.c-gnav>.menu-item>a{padding:0 clamp(2px,1.1vw,12px) !important}
.c-gnav>.menu-item>a .ttl{font-size:clamp(9.5px,1.25vw,14px)}

/* メニューのhover下線: SWELL標準はヘッダー全体の下端(高さ100%のa要素基準)に表示され、
   色も黒系だったため、文字のすぐ下にオレンジで出るよう独自の下線に差し替える。 */
.c-gnav>.menu-item>a::after{
	content:none !important;
}
.c-gnav>.menu-item>a .ttl{
	position:relative;
	display:inline-block;
}
.c-gnav>.menu-item>a .ttl::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-6px;
	width:100%;
	height:2px;
	background:#E8512A;
	transform:scaleX(0);
	transition:transform .25s;
}
.c-gnav>.menu-item:hover>a .ttl::after,
.c-gnav>.-current>a .ttl::after{
	transform:scaleX(1);
}

/* ロゴの高さはSWELL側の設定(--logo_size_pc)のまま変更しない。
   幅は画面が狭まるにつれて自然に縮んでよいが、46px未満にはしない
   （flex-shrink自体は許可し、min-widthだけで下限を作る）。 */
.c-headLogo,
.c-headLogo__link,
.c-headLogo__img{
	min-width:46px !important;
}

/* ヘッダー右側の追加ボタン（無料診断 / お問い合わせ） */
.genki-header-btns{
	display:flex;
	align-items:center;
	gap:clamp(3px,0.8vw,10px);
	flex:0 0 auto;
	margin-left:auto; /* 兄弟要素の数に関係なく、常にヘッダー右端に固定する */
	padding-left:clamp(2px,1.2vw,16px);
}
/* 高さを揃えるため、padding・border・line-heightは共通クラス側で統一し、
   バリエーション側は文字サイズと配色だけを変える */
.genki-header-btn{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	line-height:1;
	white-space:nowrap;
	text-decoration:none;
	padding:clamp(8px,1.15vw,11px) clamp(5px,1.3vw,13px);
	border:1.5px solid transparent;
	border-radius:2px;
	transition:.15s;
}
.genki-header-btn--outline{
	font-size:clamp(9px,0.95vw,12px);
	border-color:#E8512A;
	color:#E8512A;
	background:#fff;
}
.genki-header-btn--outline:hover{
	background:#E8512A;
	color:#fff;
}
.genki-header-btn--solid{
	font-size:clamp(9.5px,1vw,13px);
	background:#101215;
	color:#fff;
	border-color:#101215;
}
.genki-header-btn--solid:hover{
	background:#2b2e33;
	color:#fff;
}
@media (max-width:959px){
	.genki-header-btns{display:none}
}

/* ==== フッター ====
   原稿(https://genkisozo.com/renew4/ui_kits/genkisozo/index.html)に合わせて、
   中央揃え＋区切り線のリンク一覧を、左揃え＋区切りなしに変更し、商標表記を追加する。 */
.genki-footer-foot{
	border-top:1px solid #F2C9B8;
}
.genki-footer-foot .l-footer__nav{
	justify-content:center !important;
	gap:22px;
	padding:1em 0;
}
.genki-footer-foot .l-footer__nav li{
	position:relative;
}
.genki-footer-foot .l-footer__nav li+li::before{
	content:"";
	position:absolute;
	left:-11px;
	top:50%;
	transform:translateY(-50%);
	width:1px;
	height:12px;
	background:#D8DADD;
}
.genki-footer-foot .l-footer__nav a{
	border:none !important;
	padding:0 !important;
	font-size:13px;
}
.genki-footer-foot .copyright{
	text-align:center !important;
	color:#8B9099!important;
}
.genki-footer-trademark{
	font-size:11.5px;
	color:var(--color_footer_text,#8B9099);
	opacity:.8;
	margin:0 0 8px;
	text-align:center;
}
@media screen and (max-width:767px){
	.genki-footer-foot .l-footer__nav{
		justify-content:flex-start !important;
		row-gap:6px;
	}
	.genki-footer-foot .l-footer__nav li+li::before{
		display:none;
	}
	.genki-footer-trademark{
		text-align:left;
		font-size:9.5px;
	}
	.genki-footer-foot .l-footer__nav a::before{
		content:"▶";
		display:inline-block;
		transform:scaleX(0.6);
		color:#F2C9B8;
		margin-right:2px;
		font-size:9px;
	}
}

/* ==========================================================================
   category-column.php / category-news.php / page.php / single.php
   （モテる会社づくりコラム／活動実績／固定ページ／通常投稿）
   旧テーマ genkisozo-theme の同名テンプレートをそのままコピーしたため、
   本文で使っているクラス名（.l-container, .c-heading, .blog_listContainer 等）
   をSWELL側にも用意する。SWELL本体の同名クラスと衝突しないよう、
   これら4テンプレートのbody_classフィルタで共通付与している
   #body_wrap.genki-classic-page に限定して適用する。
   ========================================================================== */
#body_wrap.genki-classic-page .l-contents .l-container{
	width:1200px;
	max-width:94%;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
}
#body_wrap.genki-classic-page .l-contents{
	margin:26px 0 40px;
}
#body_wrap.genki-classic-page .c-heading{
	position:relative;
	font-size:22px;
	font-weight:600;
	color:#222;
	text-align:center;
	padding-top:10px;
	margin:0 0 10px;
	text-decoration:none;
	border-bottom:0;
}
/* タイトル下のオレンジ線は、本文コンテナ幅に関係なく画面幅いっぱいまで伸ばす */
#body_wrap.genki-classic-page .c-heading::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width:100vw;
	border-bottom:3px solid #E8512A;
}
@media screen and (min-width:768px){
	#body_wrap.genki-classic-page .c-heading{
		font-size:32px;
	}
}
/* page.php内「〇〇関連コラム」見出し（.bg_gray内のh2.c-heading）は、
   長いサービス名がつくと1文字だけ折り返して見た目が悪くなるため、
   他のc-heading（コラム／活動実績アーカイブ見出し等）より一回り小さくする */
#body_wrap.genki-classic-page .bg_gray .c-heading{
	font-size:20px;
}
@media screen and (min-width:768px){
	#body_wrap.genki-classic-page .bg_gray .c-heading{
		font-size:24px;
	}
}
/* 「〇〇関連コラム」のカード（.bg_gray内のblog_listContainer）は3カラムで
   幅が狭いため、記事タイトルの文字サイズも一回り小さくする */
#body_wrap.genki-classic-page .bg_gray .blog_listContainer ul li .Box_text h3,
#body_wrap.genki-classic-page .bg_gray .blog_listContainer ul li .Box_text h3 a{
	font-size:15px;
}
#body_wrap.genki-classic-page .u-mt0{
	margin-top:0 !important;
}
#body_wrap.genki-classic-page .small-tm{
	font-size:.55em;
	vertical-align:super;
	position:relative;
	top:-.15em;
}
#body_wrap.genki-classic-page .clear{
	clear:both;
}

/* --- 固定ページ本文（page.php / single.php の p-page__body・関連コラム見出しブロック） --- */
#body_wrap.genki-classic-page .p-page__body{
	margin-top:30px;
	line-height:1.8;
	font-size:17px;
}
@media screen and (min-width:768px){
	#body_wrap.genki-classic-page .p-page__body{
		margin:56px auto 0;
		max-width:1100px;
	}
}
#body_wrap.genki-classic-page .p-section{
	clear:both;
}
#body_wrap.genki-classic-page .p-section:not(:last-child){
	margin-bottom:40px;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .p-section:not(:last-child){
		margin-bottom:10px;
	}
}
#body_wrap.genki-classic-page .bg_gray{
	background:#f7f7f7;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .bg_gray{
		padding-bottom:20px;
	}
}

/* --- モテる会社づくりコラム一覧／関連コラム一覧（blog_listContainer） --- */
#body_wrap.genki-classic-page .blog_listContainer{
	margin:20px auto 40px;
	width:100%;
	max-width:1200px;
	background:none;
	padding-bottom:30px;
}
#body_wrap.genki-classic-page .blog_listContainer ul{
	list-style:none;
	margin:0;
	padding:0;
}
#body_wrap.genki-classic-page .blog_listContainer ul li.border_gray{
	border:1px solid #bbb;
	overflow:hidden;
	background:#fff;
}
#body_wrap.genki-classic-page .blog_listContainer ul li .Box_pic{
	clear:both;
	width:100%;
	padding:0;
	margin:0;
}
#body_wrap.genki-classic-page .blog_listContainer ul li .Box_pic img{
	display:block;
	width:100%;
	height:auto;
}
#body_wrap.genki-classic-page .blog_listContainer ul li .Box_text{
	box-sizing:border-box;
	width:100%;
	padding:1% 2%;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	text-align:left;
}
#body_wrap.genki-classic-page .blog_listContainer ul li .Box_text h3{
	margin:0 auto 10px;
	padding:0;
	border-left:0;
	text-align:left;
	text-decoration:none;
	color:#222;
	font-weight:600;
	font-size:20px;
}
#body_wrap.genki-classic-page .blog_listContainer ul li .Box_text h3 a{
	color:#222;
	font-weight:600;
	font-size:20px;
	text-align:left;
	text-decoration:none;
}
#body_wrap.genki-classic-page .blog_listContainer ul li .Box_text h3 a:hover{
	color:#006DD9;
	text-decoration:none;
}
#body_wrap.genki-classic-page .blog_listContainer ul li .Box_text p{
	margin:0 auto 10px;
	padding:0;
	color:#333;
	font-size:14px;
}
@media screen and (min-width:768px){
	#body_wrap.genki-classic-page .blog_listContainer ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#body_wrap.genki-classic-page .blog_listContainer ul::before,
	#body_wrap.genki-classic-page .blog_listContainer ul::after{
		content:"";
		display:block;
		width:31%; /* li の width と合わせ、最終行が2件のときに左右へ広がるのを防ぐ */
	}
	#body_wrap.genki-classic-page .blog_listContainer ul::before{
		order:1;
	}
	#body_wrap.genki-classic-page .blog_listContainer ul li{
		box-sizing:border-box;
		width:31%;
		margin-top:20px;
		text-align:center;
	}
	#body_wrap.genki-classic-page .blog_listContainer ul li .Box_pic{
		float:left;
	}
	#body_wrap.genki-classic-page .blog_listContainer ul li .Box_text{
		padding:1% 2%;
	}
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .blog_listContainer ul li{
		margin-bottom:20px;
	}
	#body_wrap.genki-classic-page .blog_listContainer ul li .Box_text{
		margin-bottom:20px;
	}
}

/* --- 活動実績一覧（news_listContainer） --- */
#body_wrap.genki-classic-page .news_listContainer{
	display:block;
	margin:0 auto;
	width:90%;
	background:none;
	padding-bottom:20px;
}
#body_wrap.genki-classic-page .news_listContainer::after{
	content:"";
	display:block;
	clear:both;
}
#body_wrap.genki-classic-page .news_listContainer ul{
	display:block !important;
	list-style:none;
	width:100%;
	margin:0 0 10px;
	padding:20px 5% 40px;
	border:3px solid #ddd;
	background:#fff;
	box-sizing:border-box;
}
#body_wrap.genki-classic-page .news_listContainer ul li{
	display:block;
	width:100%;
	margin:10px 5px;
	padding-bottom:5px;
	border-left:0;
	border-bottom:1px solid #ccc;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
}
#body_wrap.genki-classic-page .news_listContainer ul li .date{
	display:inline-block;
	width:20%;
	margin-right:2%;
	color:#1D628B;
	font-weight:bold;
}
#body_wrap.genki-classic-page .news_listContainer .text_right{
	float:right;
}
#body_wrap.genki-classic-page .news_listContainer .text_right a{
	color:#203864;
	text-decoration:none;
}
#body_wrap.genki-classic-page .news_listContainer .text_right::before{
	content:"▶";
	margin-right:5px;
	font-size:60%;
	color:#203864;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .news_listContainer ul li .date{
		display:block;
		width:100%;
		margin-right:0;
	}
}

/* --- ページネーション（pagination()関数の出力）--- */
#body_wrap.genki-classic-page .pager ul.pagination{
	text-align:center;
	margin-top:30px;
	padding:0;
	list-style:none;
}
#body_wrap.genki-classic-page .pager .pagination li{
	display:inline-block;
	margin:0 2px;
	padding:0;
	width:50px;
	height:50px;
	text-align:center;
	position:relative;
	background:#333;
	border-radius:10px;
}
#body_wrap.genki-classic-page .pager .pagination li.pre,
#body_wrap.genki-classic-page .pager .pagination li.next{
	display:inline-block;
	width:100px;
	height:50px;
	text-align:center;
}
#body_wrap.genki-classic-page .pager .pagination li.pre span::after{
	content:"　前へ";
}
#body_wrap.genki-classic-page .pager .pagination li.next span::before{
	content:"次へ　";
}
#body_wrap.genki-classic-page .pager .pagination li a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:table;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	text-decoration:none;
}
#body_wrap.genki-classic-page .pager .pagination li a span{
	display:table-cell;
	vertical-align:middle;
}
#body_wrap.genki-classic-page .pager .pagination li a:hover,
#body_wrap.genki-classic-page .pager .pagination li a.active{
	background:#800020;
	color:#fff;
	border-radius:10px;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .pager .pagination li{
		display:none;
	}
	#body_wrap.genki-classic-page .pager .pagination li.pre,
	#body_wrap.genki-classic-page .pager .pagination li.next{
		display:inline-block;
		width:40%;
		height:50px;
	}
	#body_wrap.genki-classic-page .pager .pagination li.pre a,
	#body_wrap.genki-classic-page .pager .pagination li.next a{
		width:100%;
		text-align:center;
	}
	#body_wrap.genki-classic-page .pager .pagination li.pre span::after{
		content:"　前の10件へ";
	}
	#body_wrap.genki-classic-page .pager .pagination li.next span::before{
		content:"次の10件へ　";
	}
}

/* --- ステップ図（「採用の5ステップ」等、固定ページ本文内で使用） --- */
#body_wrap.genki-classic-page .stepbar{
	margin:0 auto;
	width:80%;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap{
	position:relative;
	margin:2em 0;
	padding:.5em;
	background:#FFFDF4;
	border-radius:20px;
	z-index:-2;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle{
	display:inline-flex;
	align-items:center;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle .wbox{
	display:inline-block;
	margin-left:20px;
	width:100px;
	padding:3px;
	color:#fff;
	font-size:.7em;
	text-align:center;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap:first-child .steptitle .wbox,
#body_wrap.genki-classic-page .stepbar .stepbarwrap:first-child .steptitle .stepcircle{
	background:#FF7373;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap:nth-child(2) .steptitle .wbox,
#body_wrap.genki-classic-page .stepbar .stepbarwrap:nth-child(2) .steptitle .stepcircle{
	background:#FF4D4D;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap:nth-child(3) .steptitle .wbox,
#body_wrap.genki-classic-page .stepbar .stepbarwrap:nth-child(3) .steptitle .stepcircle{
	background:#FF5C26;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap:nth-child(4) .steptitle .wbox,
#body_wrap.genki-classic-page .stepbar .stepbarwrap:nth-child(4) .steptitle .stepcircle{
	background:#FF4000;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap:nth-child(5) .steptitle .wbox,
#body_wrap.genki-classic-page .stepbar .stepbarwrap:nth-child(5) .steptitle .stepcircle{
	background:#D90000;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle .stepcircle{
	display:inline-block;
	width:4em;
	height:4em;
	content:"";
	border-radius:50%;
	color:#fff;
	text-align:center;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle .stepcircle span{
	display:inline-block;
	position:relative;
	top:1.2em;
	line-height:1em;
	font-size:.8em;
	font-weight:bold;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle .stepcircle span .learge{
	top:.2em;
	font-size:1.4em;
	line-height:1;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle .title{
	margin:.5em;
	font-weight:bold;
	font-size:1.2em;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptxt{
	padding-left:4.5em;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptxt h3{
	margin:10px 0;
	padding-left:0;
	border-left:0;
	color:#EF7F42;
	font-size:1.2em;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptxt p{
	font-size:.9em;
}
#body_wrap.genki-classic-page .stepbar .stepbarwrap .stepline{
	position:absolute;
	top:1em;
	left:2.5em;
	width:1px;
	height:calc(100% + 1em);
	background-color:#CCC;
	z-index:-1;
}
#body_wrap.genki-classic-page .stepbarwrap:last-of-type .stepline:last-of-type{
	display:none;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .stepbar{
		width:100%;
	}
	#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle .wbox{
		width:auto;
		min-width:50px;
	}
	#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle .stepcircle{
		width:3em;
		height:3em;
	}
	#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle .stepcircle span{
		top:1em;
		font-size:.7em;
	}
	#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptitle .title{
		font-size:1.1em;
	}
	#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptxt{
		padding-left:3.5em;
	}
	#body_wrap.genki-classic-page .stepbar .stepbarwrap .steptxt h3{
		font-size:1.1em;
	}
	#body_wrap.genki-classic-page .stepbar .stepbarwrap .stepline{
		left:2em;
	}
}

/* --- メリット一覧（「〇〇導入の3つのメリット」等、固定ページ本文内で使用） --- */
#body_wrap.genki-classic-page .meritBox{
	display:block;
	clear:both;
	margin:50px auto;
}
#body_wrap.genki-classic-page .meritBox ul{
	display:block;
	width:100%;
	margin:0 !important;
}
#body_wrap.genki-classic-page .meritBox ul li{
	display:flex;
	align-items:center;
	gap:28px;
	clear:both;
	margin-bottom:20px;
	padding:26px 28px;
	background:#FDF1EC;
	border:1px solid #F2C9B8;
	font-size:1.1em;
	font-weight:400;
	text-align:left;
}
#body_wrap.genki-classic-page .meritBox ul li .merit-text{
	flex:1 1 auto;
	min-width:0;
}
#body_wrap.genki-classic-page .meritBox ul li h3{
	display:block;
	width:auto;
	margin:0 0 10px !important;
	padding:0 !important;
	border-left:0 !important;
	font-size:1.3em;
	font-weight:600;
	line-height:1.4 !important;
}
#body_wrap.genki-classic-page .meritBox ul li h3 .number{
	background:#E8512A;
	color:#fff;
	padding:2px 10px;
	border-radius:100%;
	font-weight:normal !important;
	font-size:.9em;
}
#body_wrap.genki-classic-page .meritBox p{
	margin:0;
}
#body_wrap.genki-classic-page .meritBox img{
	order:2;
	flex:0 0 260px;
	float:none !important;
	margin:0 !important;
	width:260px !important;
	height:auto !important;
	border-radius:8px;
	padding-bottom:0;
}

/* 人事制度・評価制度ページ等で使う、ステップ図＋説明画像のブロック。
   旧テーマにあったCSSが移植されておらず、画像が無制限のサイズで
   表示されていたため、幅を収める。PC・スマホともステップ図の下に
   画像を縦積みで表示する。 */
#body_wrap.genki-classic-page .personalsystem-container{
	display:block;
	width:100%;
}
#body_wrap.genki-classic-page .personalsystem-container .personalsystem-box{
	width:100%;
}
#body_wrap.genki-classic-page .personalsystem-container .personalsystem-box .stepbar{
	width:100%;
}
#body_wrap.genki-classic-page .personalsystem-container .image-box{
	width:100%;
	max-width:450px;
	margin:24px auto 0;
	text-align:center;
}
#body_wrap.genki-classic-page .personalsystem-container .image-box img{
	width:100%;
	height:auto;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .personalsystem-container .image-box{
		max-width:450px;
	}
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .meritBox ul li{
		flex-direction:column;
		align-items:center;
		text-align:left;
		font-size:1em;
	}
	#body_wrap.genki-classic-page .meritBox ul li img{
		order:0;
		flex:0 0 auto;
		margin:0 0 16px !important;
		width:85% !important;
		max-width:280px !important;
	}
	#body_wrap.genki-classic-page .meritBox ul li .merit-text{
		width:100%;
	}
}

/* --- 固定ページ本文内の画像配置（WP標準の左寄せ／右寄せ／中央寄せ） --- */
#body_wrap.genki-classic-page .p-page__body img.aligncenter{
	display:block;
	margin:20px auto;
}
@media screen and (min-width:768px){
	#body_wrap.genki-classic-page .p-page__body img.alignright{
		display:inline-block;
		float:right;
		margin:10px 0 10px auto;
	}
	#body_wrap.genki-classic-page .p-page__body img.alignleft{
		display:inline-block;
		float:left;
		margin:10px auto 10px 0;
	}
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .p-page__body img.alignright,
	#body_wrap.genki-classic-page .p-page__body img.alignleft{
		display:block;
		float:none;
		margin:0 auto 10px;
	}
}
/* プロフィールページの写真(uchiyama-portrait.jpg)は原寸が3008x3008pxと非常に大きいため、
   旧サイトの人物写真(400x600px)と同程度の見た目になるよう表示幅を固定する */
#body_wrap.genki-classic-page .p-page-profile .p-page__body img.alignleft{
	width:280px;
	max-width:100%;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .p-page-profile .p-page__body img.alignleft{
		width:200px;
	}
}

/* --- 固定ページ本文内の見出し（h3=オレンジ左ボーダー／h4=水色背景／h5）---
   旧テーマでは h3/h4/h5 に無条件でスタイルが当たっていたが、新テーマでは
   ヘッダー・フッター等の他の見出しに影響しないよう、本文(.p-page__body)の
   中だけに限定する。.meritBox/.stepbar/.blog_listContainer等、各コンポーネント
   側で個別にborder-left:0等の上書きを用意済みのものはそちらが優先される。 */
#body_wrap.genki-classic-page .p-page__body h3,
#body_wrap.genki-classic-page .p-page__body h4,
#body_wrap.genki-classic-page .p-page__body h5{
	clear:both;
}
#body_wrap.genki-classic-page .p-page__body h3{
	margin-top:50px;
	padding:0 10px;
	border-left:12px solid #E8512A;
	font-size:22px;
	line-height:1;
}
#body_wrap.genki-classic-page .p-page__body h4{
	padding:5px 10px;
	background:#DFEFFF;
	font-size:20px;
}
#body_wrap.genki-classic-page .p-page__body h5{
	margin-top:30px !important;
	margin-bottom:0 !important;
	font-size:16px;
}
#body_wrap.genki-classic-page .p-page__body h2.title{
	clear:both;
	margin-top:40px;
	margin-bottom:10px;
	padding-left:5px;
	border-left:8px solid #FB8646;
	font-size:1.6em;
	line-height:1.1;
}

/* --- 会社案内ページ（MISSION/VISION/VALUE、会社概要テーブル） --- */
#body_wrap.genki-classic-page .p-page__body .missionBox{
	display:block;
	width:94%;
	max-width:800px;
	margin:10px auto;
	padding:5%;
	background:#FFF9EE;
}
#body_wrap.genki-classic-page .p-page__body .missionBox h3{
	margin-top:10px;
	margin-left:-10px;
	border:0;
}
#body_wrap.genki-classic-page .p-page__body .missionBox p{
	margin-left:10px;
}
#body_wrap.genki-classic-page .p-page__body dl.valueBox{
	position:relative;
	display:block;
	width:94%;
	max-width:800px;
	margin:10px auto;
	padding:30px 5%;
	background:#fff;
	border:3px solid #E8512A;
	border-radius:10px;
	box-shadow:0 5px 15px rgba(0,0,0,.35);
}
#body_wrap.genki-classic-page .p-page__body dl.valueBox dt{
	position:relative;
	display:block;
	font-size:1.2em;
	font-weight:600;
}
#body_wrap.genki-classic-page .p-page__body dl.valueBox dt::before{
	content:"●";
}
#body_wrap.genki-classic-page .p-page__body dl.valueBox dd{
	margin-left:20px;
	font-size:1.2em;
}
#body_wrap.genki-classic-page .p-page__body .ora{
	color:#E8512A;
}
#body_wrap.genki-classic-page .p-page__body table{
	margin:0 0 24px;
	width:100% !important;
}
#body_wrap.genki-classic-page .p-page__body td,
#body_wrap.genki-classic-page .p-page__body th{
	border:1px solid #ccc;
	padding:10px 15px;
	line-height:2.2;
	background:#fff;
}
#body_wrap.genki-classic-page .p-page__body th{
	background:#f7f7f7;
	font-weight:normal;
	width:30%;
}
#body_wrap.genki-classic-page .p-page__body table.accessTable,
#body_wrap.genki-classic-page .p-page__body table.ohji01{
	width:100%;
	max-width:800px;
	margin:10px auto;
}
#body_wrap.genki-classic-page .p-page__body table.accessTable tr th{
	width:30%;
}
#body_wrap.genki-classic-page .p-page__body table.accessTable tr td{
	width:70%;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .p-page__body table.accessTable,
	#body_wrap.genki-classic-page .p-page__body table.ohji01{
		border-bottom:1px solid #ccc;
	}
	#body_wrap.genki-classic-page .p-page__body table.accessTable tr,
	#body_wrap.genki-classic-page .p-page__body table.ohji01 tr{
		display:block;
		width:100%;
	}
	#body_wrap.genki-classic-page .p-page__body table.accessTable tr th,
	#body_wrap.genki-classic-page .p-page__body table.ohji01 tr th{
		display:block;
		width:100%;
		text-align:left;
	}
	#body_wrap.genki-classic-page .p-page__body table.accessTable tr td,
	#body_wrap.genki-classic-page .p-page__body table.ohji01 tr td{
		display:block;
		width:100%;
		border-top:0;
		border-bottom:0;
	}
}

/* --- プロフィールページ（実績かんむり装飾・業種別実績ボックス） --- */
#body_wrap.genki-classic-page .p-page__body .decoBox{
	display:flex;
	position:relative;
	align-items:center;
	width:100%;
	min-height:185px;
	margin-bottom:30px;
	background:url('images/deco1.jpg') left top no-repeat, url('images/deco2.jpg') right top no-repeat;
	background-size:6%;
}
#body_wrap.genki-classic-page .p-page__body .decoBox ul{
	display:block;
	width:90%;
	margin:0 auto;
}
#body_wrap.genki-classic-page .p-page__body .decoBox ul li{
	display:flex;
	width:98%;
	margin-bottom:20px;
	margin-left:2%;
	padding-left:3.5%;
	background:url('images/crown.jpg') left 4px no-repeat;
	background-size:2.8%;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.6;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .p-page__body .decoBox{
		padding:5% 0;
		background-size:20%;
	}
	#body_wrap.genki-classic-page .p-page__body .decoBox ul{
		width:75%;
	}
	#body_wrap.genki-classic-page .p-page__body .decoBox ul li{
		display:block;
		width:98%;
		padding-left:8%;
		background-position:left 5px;
		background-size:6%;
		font-size:1em;
	}
}
#body_wrap.genki-classic-page .p-page__body .achievementBox{
	display:flex;
	flex-wrap:wrap;
	width:96%;
	margin:0 auto;
	padding:20px 2%;
	background-color:#F8F5E7;
	border:5px solid #CBB543;
	border-radius:10px;
}
#body_wrap.genki-classic-page .p-page__body .achievementBox-left{
	display:block;
	margin-right:10%;
}
#body_wrap.genki-classic-page .p-page__body .achievementBox-right{
	display:block;
}
#body_wrap.genki-classic-page .p-page__body .achievementBox h3{
	width:auto;
	margin:0;
	padding:5px;
	border-left:0;
	color:#E8512A;
	font-size:1.1em;
}
#body_wrap.genki-classic-page .p-page__body .achievementBox ul{
	display:block;
	width:100%;
	margin:10px 0 20px;
}
#body_wrap.genki-classic-page .p-page__body .achievementBox ul li{
	margin-left:2em;
	line-height:1.2em !important;
	list-style-type:disc;
}
#body_wrap.genki-classic-page .p-page__body .learge{
	font-size:1.6em;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .p-page__body .learge{
		font-size:1.2em;
	}
}
#body_wrap.genki-classic-page .p-page__body .u-right{
	text-align:right;
}

/* --- お客様の声・推薦者ページ --- */
#body_wrap.genki-classic-page .p-page__body .voice_info{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	max-width:1000px;
	margin:10px auto;
	padding:30px 3%;
	background:#fff;
	border:1px solid #ccc;
	border-radius:10px;
}
#body_wrap.genki-classic-page .p-page__body .voice_img{
	display:block;
	width:20%;
	height:auto;
}
#body_wrap.genki-classic-page .p-page__body .voice_img img{
	width:90%;
	margin:0 auto;
}
#body_wrap.genki-classic-page .p-page__body .voice_disc{
	display:block;
	width:78%;
	margin-left:2%;
	font-size:18px;
}
#body_wrap.genki-classic-page .p-page__body .voice_disc h3{
	margin-top:0;
	padding:0 !important;
	border-left:0 !important;
}
#body_wrap.genki-classic-page .p-page__body .voice_disc_text{
	width:100% !important;
	margin-left:0 !important;
}
#body_wrap.genki-classic-page .p-page__body .voice_disc ol{
	width:96%;
	margin-left:1em;
	margin-right:0;
}
#body_wrap.genki-classic-page .p-page__body .voice_disc ol li{
	list-style-type:decimal !important;
}
@media screen and (max-width:767px){
	#body_wrap.genki-classic-page .p-page__body .voice_img{
		width:70%;
		margin:0 auto 20px;
	}
	#body_wrap.genki-classic-page .p-page__body .voice_img img{
		width:100%;
		margin:0;
	}
	#body_wrap.genki-classic-page .p-page__body .voice_disc{
		width:100%;
		margin:0;
		font-size:17px;
	}
	#body_wrap.genki-classic-page .p-page__body .voice_disc h3{
		font-size:20px;
		line-height:1.2em;
	}
}

/* --- お問い合わせページ（Contact Form 7） --- */
#body_wrap.genki-classic-page .p-page__body .wpcf7 input,
#body_wrap.genki-classic-page .p-page__body .wpcf7 textarea{
	box-sizing:border-box;
	width:100%;
	padding:8px;
	border:1px solid #ccc;
	line-height:1.2;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 select,
#body_wrap.genki-classic-page .p-page__body .wpcf7 input[type=checkbox],
#body_wrap.genki-classic-page .p-page__body .wpcf7 input[type=radio]{
	width:auto;
	max-width:97%;
	padding:8px;
	border:1px solid #ccc;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 textarea{
	height:300px;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7-list-item{
	display:block;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 input.wpcf7-submit{
	position:relative;
	display:block;
	width:160px;
	height:52px;
	margin:0 auto;
	background-color:#E8512A;
	border-top:1px solid #ccc !important;
	border-left:1px solid #ccc !important;
	border-right:2px solid #aaa !important;
	border-bottom:2px solid #aaa !important;
	border-radius:5px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
/* 送信ボタン下の隙間対策：自動挿入される<p>の余白を消し、
   送信中スピナー(.wpcf7-spinner)はボタンの下に行を作らないよう横に重ねる */
#body_wrap.genki-classic-page .p-page__body .wpcf7 td p{
	margin:0;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 td:has(.wpcf7-submit){
	position:relative;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 .wpcf7-spinner{
	position:absolute;
	top:50%;
	left:calc(50% + 90px);
	margin:-12px 0 0;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 input.wpcf7-submit:hover{
	background-color:#C43D18;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 .wpcf7-not-valid{
	background:pink;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 .wpcf7-response-output{
	margin:10px 0 0;
	padding:8px 35px 8px 14px;
	border-radius:4px;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 .wpcf7-validation-errors{
	color:#B94A48;
	background-color:#F2DEDE;
	border:1px solid #EED3D7;
}
#body_wrap.genki-classic-page .p-page__body .wpcf7 .wpcf7-mail-sent-ok{
	color:#3A87AD;
	background-color:#D9EDF7;
	border:1px solid #BCE8F1;
}
#body_wrap.genki-classic-page .p-page__body .required{
	color:#ff0000;
}