/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2025 | 07:03:05 */
/* -------------------------------------------- */
/* 社名ロゴを丸ゴシックに */
/* ロード画面 */
/* ヘッダー */
/* フッター */
#site_loader_overlay .catch,
header .logo_text,
footer .logo_text {
	font-family: "Kosugi Maru", sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* -------------------------------------------- */
/* グローバルメニュー右寄せ */
#global_menu ul {
    text-align: right;
    margin-right: 50px;
}

/* -------------------------------------------- */
/* PCでもトップへ戻るボタンを表示 */
#return_top {
	display: block !important;
}

/* -------------------------------------------- */
/* フッター：所在地・TEL・FAX */
/* ※HTMLはjQueryで追加 */
#ftaddress {
	text-align: center;
	padding: 20px 20px 0 20px;
	line-height: 1.75;
	letter-spacing: 0.1em;
}

/* -------------------------------------------- */
/* Home：ロード画面：ロゴ画像＋メッセージ */
/* ロゴ画像：マーク＋社名を1枚の画像で処理した場合 */
.use_loading_screen #site_loader_overlay .logo_image img {
	width: 100% !important;
	max-width: 1280px !important;
	height: auto !important; 
}
/* ロゴ画像：マークのみ画像で処理した場合 */
.use_loading_screen #loader-logomark img {
	width: 100%;
	max-width: 2.6em;
	vertical-align: bottom;
	margin-right: 0.5em;
}
@media screen and (max-width: 480px) {
	.use_loading_screen #loader-logomark {
		display: block !important;
	}
	.use_loading_screen #loader-logomark img {
		max-width: 100px;
		margin-right: 0;
		margin-bottom: 1em;
	}
}
/* メッセージ：下からふわっと */
#site_loader_logo.use_text_animation.active .message {
	-webkit-animation: messPopUp 1.4s ease forwards 2s !important;
	animation: messPopUp 1.4s ease forwards 2s !important;
}
@keyframes messPopUp {
	from {
		opacity: 0;
		transform: translateY(80px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* -------------------------------------------- */
/* Home：スライダー文字に影 */
#header_slider .catch,
#header_slider .item {
	text-shadow: 2px 2px 5px #737373,-2px -2px 5px #737373;
}

/* -------------------------------------------- */
/* Home：フリースペースで明朝が使えないエラーへの対策 */
.topfreemincho {
	font-family:
		'Times New Roman', 游明朝, 'Yu Mincho', 游明朝体, YuMincho, 
		'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', HiraMinProN-W3, 
		HGS明朝E, 'ＭＳ Ｐ明朝', 'MS PMincho', 
		serif;"
}
/* Home：フリースペースで文字サイズの操作ができないことへの対策 */
.topfreeftsize36 {
	font-size: 36px !important;
}

/* -------------------------------------------- */
/* Home：フリースペースのテキストにスマホで両端に余白を追加 */
/* TCDテーマの設定で「コンテンツの横幅に合わせる」にすると発生する両端の罫線を回避しつつ本文両端に余白を設けるため */
.home #cb_content_1 .wrp {
	padding-left: 20px;
	padding-right: 20px;
}

/* -------------------------------------------- */
/* Home：フリースペースの本文を右寄せにしつつ中央に
.home #cb_content_1 .left-center {
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
*/

/* -------------------------------------------- */
/* Home：フリースペースでナゾの画像が挿入されるバグを回避 */
.home #cb_content_1 .veu_autoEyeCatchBox,
.home #cb_content_3 .veu_autoEyeCatchBox {
	display: none;
}
/* -------------------------------------------- */
/* Home：フリースペースでCTAと「CTAの編集」が挿入されるバグを回避 */
.home #cb_content_1 .cat01wrp,
.home #cb_content_1 .veu_adminEdit_cta,
.home #cb_content_3 .cat01wrp,
.home #cb_content_3 .veu_adminEdit_cta {
	display: none;
}

/* -------------------------------------------- */
/* Home：タブコンテンツ数をスマホで5個表示：デフォは幅に合わせてタブ数が減少 */
/* タブ数が減るブラウザ幅に「+31」の値で設定する */
.tab_content_top .tab .item { min-width: 200px; }
@media screen and (max-width: 1100px ) { .tab_content_top .tab .item { min-width: 180px; }}
@media screen and (max-width: 1000px ) { .tab_content_top .tab .item { min-width: 160px; }}
@media screen and (max-width:  820px ) { .tab_content_top .tab .item { min-width: 120px !important; }}
@media screen and (max-width:  670px ) { .tab_content_top .tab .item { min-width: 100px !important; }}
@media screen and (max-width:  570px ) { .tab_content_top .tab .item { min-width:  80px !important; }}
@media screen and (max-width:  470px ) { .tab_content_top .tab .item { min-width:  60px !important; }}
@media screen and (max-width:  460px ) { 
	.tab_content_top .tab .item {
		min-width: auto;
		width:  19.5% !important;
		margin-left: 0.25% !important;
		margin-right: 0.25% !important;
	}
}
@media screen and (max-width:  430px ) {
	.tab_content_top .tab .item {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
} 
@media screen and (max-width:  338px ) {
	.tab_content_top .tab .item {
		width:  20% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
}

/* Home：動画を幅いっぱいに */
#cb_content_3 {
	padding: 0 !important;
}

/* Home：「お知らせ」の上に罫線を追加 */
.home #cb_content_4 {
	/* border-top: solid 1px #dddddd; */
	padding-top: 4.5% !important;
}

/* Home：「お知らせ」と「おすすめ商品」の間に罫線を追加し、おすすめエリアを加工 */
.home #cb_content_5 {
	border-top: solid 1px #dddddd;
	padding-top: 4.5% !important;
	background-color: #f9f9f9;
}
.home #cb_content_5 .project_list {
	padding-left: 20px;
	padding-right: 20px;
}

/* -------------------------------------------- */
/* Home以外のボタン */
.wp-block-button a {
	background: #00729f !important;
	color: #ffffff !important;
	padding-top: 1em;
	padding-bottom: 1em;
}
.wp-block-button a:hover {
	background: #00466d !important;
}

/* -------------------------------------------- */
/* 事業内容：各見出しをフッターメニューから開いた時に固定ヘッダに隠れる問題への対策 */
html {
	scroll-padding-top: 100px; /* 固定ヘッダ高さ */
}

/* -------------------------------------------- */
/* 会社概要 */
/* 沿革：表 */
.enkaku-tabl tr td:first-child {
	width: 7em;
}

/* -------------------------------------------- */
/* お問い合わせ */
/* フォーム */
.fmbx {
	border-top: solid 1px #d9edf7;
}
.fmbx .fmline {}
.fmbx .fmline .tit {
	font-weight: bold;
	padding: 0.25em 0 0.2em 0.45em;
	border-left: solid 0.8em #d9edf7;
	margin-bottom: 0.5em;
	line-height: 1.5;
}
.fmbx .fmline .tit .hissu {
	color: #cf2e2e;
	padding-left: 0.5em;
	font-weight: inherit;
	line-height: inherit;
}
.fmbx .fmline .inpbx {}
.fmbx .fmline .inpbx input[type="text"],
.fmbx .fmline .inpbx input[type="email"],
.fmbx .fmline .inpbx textarea {
	width: 100%;
	max-width: 600px;
	border: solid 1px #ccc;
	border-radius: 4px; /* 角丸 */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0.5em 0.75em;
}
.fmbx .fmline .inpbx textarea {
	line-height: 1.75;
}
.fmbx .fmline .inpbx input[type="text"]:focus,
.fmbx .fmline .inpbx input[type="email"]:focus,
.fmbx .fmline .inpbx textarea:focus {
	-moz-box-box-shadow:		0px 5px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:			0px 5px 10px 0px rgba(0,0,0,0.1);
	box-shadow:					0px 5px 10px 0px rgba(0,0,0,0.1);
	background:					#e8f0fe;
}
.fmbx .fmline .inpbx .mwform-checkbox-field {
	margin: 0.75em 0 0.75em 0;
}
.fmbx .fmline-ckbx {
	margin-top: 3em;
	margin-bottom: 3em;
}
/* 確認・送信ボタン */
.fmbx .fmbtn {
	padding-top: 2em;
}
.fmbx .fmbtn input[type="submit"],
.fmbx .fmbtn .back {
	border: none;
	background: #1b54a7;
	color: #fff;
	font-family: inherit;
	text-align: center;
	padding: 0.8em 0 0.75em 0;
	border-radius: 5px; /* 角丸 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
}
.fmbx .fmbtn input[type="submit"]:hover,
.fmbx .fmbtn .back:hover {
	background: #f2ba00;
	cursor: pointer;
}
.fmbx .fmbtn input[type="submit"] {
	max-width: 12em;
}
.fmbx .fmbtn .back {
	max-width: 5em;
	margin-right: 1em;
}
/* 確認画面 */
.page-id-129 .fmbx .fmline {
	border-bottom: dashed 1px #d9edf7;
	padding-bottom: 0.75em;
}
.page-id-129 .fmbx .inpbx {
	padding: 0,75en 1em 1em 1em;
	line-height: 1.75;
	margin-left: 1.25em;
}
/* エラー */
.fmbx .fmline .error {
	display: inline;
    position: relative;
    padding-left: 0.25em;
	font-weight: inherit;
	line-height: inherit;
}
/* プライバシーポリシー：枠線 */
.privacybox {}

/* -------------------------------------------- */
/* おすすめ商品：詳細ページの記事下に現れるカテゴリー名の上に余白を追加 */
#related_project .design_headline2 {
	background-color: #dddddd;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

/* -------------------------------------------- */
/* CTA 01：お問い合わせ */
.cat01wrp {
	margin-top:100px;
	background: #00729f;
	padding: 6px;
}
.cat01wrp .wp-block-button__link {
	font-size: 1.5em;
	line-height: 1.75;
	padding-top: 10px;
	padding-bottom: 5px;
	background:transparent !important;
}
.cat01wrp:hover {
	background: #00466d;
}
@media screen and (max-width: 480px) {
	.cat01wrp .wp-block-button__link {
		font-size: 1.2em;
	}
}

/* -------------------------------------------- */
/* その他 */

/* ハイライトがイタリックになるのを解除 */
.has-inline-color {
	font-style: normal;
	font-weight: normal;
}

/* インラインブロック表示 */
.ib {
	display: inline-block;
}

/* 一時非表示 */
.nondisp {
	display: none !important;
}