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

/*===============================
* フッターウィジェットエリア
===============================*/
.l-footer__foot, .l-footer__widgetArea {
	text-align: center;
}

/*===============================
* トップページ
===============================*/

/* アクセス */
.swell-block-dl__dd {
	padding: 0;
}

/*===============================
* ページタイトル
===============================*/
.c-pageTitle {
	text-align: center;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.75);
}

/* カテゴリー一覧ページ */
small.c-pageTitle__subTitle.u-fz-14 {
    display: none;
}

/*===============================
* 企業情報
===============================*/
.company_table th {
	min-width: 65px !important;
}

@media screen and (max-width:599px) {
	.company_table tr {
		font-size: clamp(12px, 14/599*100vw, 14px);
	}
}

/*===============================
* 生産設備
===============================*/

/* カード */
.facility_card {
	padding: 10px;
	border: 1px solid #ddd;
}

/*===============================
* 事業紹介
===============================*/

/* 導入実績 */
.business_bg {
	min-height: 145px;
	aspect-ratio: 480/145;
}

.swell-block-columns .swell-block-column {
	padding: 20px;
}

.business_bg_01 {
	background: url(https://hakkou-g.co.jp/wp-content/uploads/2023/08/bg_business_01_01-1-1.jpg) no-repeat center right / cover;
}

.business_bg_02 {
	background: url(https://hakkou-g.co.jp/wp-content/uploads/2023/08/bg_business_01_02-1.jpg) no-repeat center right / cover;
}

.business_bg_03 {
	background: url(https://hakkou-g.co.jp//wp-content/uploads/2023/08/bg_business_01_03.jpg) no-repeat center right / cover;
}

.business_bg_04 {
	background: url(https://hakkou-g.co.jp//wp-content/uploads/2023/08/bg_business_01_04.jpg) no-repeat center right / cover;
}

@media screen and (max-width:599px) {
	.business_table tr {
		font-size: clamp(12px, 14/599*100vw, 14px);
	}
}

/*===============================
* 企業活動
===============================*/

/* 品質方針 */
.activity_table {
	width: 80%;
	margin: auto;
}

.activity_table td {
	padding: 1em 0.75em;
}

/*===============================
* 八紘電子の人
===============================*/
.people_text-shadow {
	text-shadow: #fff 1px 1px 3px, #fff -1px -1px 3px, #fff -1px 1px 3px, #fff 1px -1px 3px, #fff 1px 0px 3px, #fff -1px 0px 3px, #fff 0px 1px 3px, #fff 0px -1px 3px;

}

/*===============================
* お問い合わせ
===============================*/
form.wpcf7-form.init {
	text-align: center;
}

/* ボーダー色 */
.post_content th,
.post_content td {
	border: 1px solid #ccc;
}

/* 背景色 */
.post_content th {
	background: #FFF4F3;
}

/* 入力エリア */
button, 
input, 
select, 
textarea {
	width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
}

/* チェックボックス */
input[type="checkbox"] {
	width: auto;
}

/* 送信ボタン */
.wpcf7-submit {
	width: 50%;
	margin-top:40px;
}

/* spinnerの位置変更 */
div.wpcf7 .wpcf7-spinner {
    display: block;
}