@charset "utf-8";
/*
Theme Name: Lightning Child
Template: lightning
Author:アートフレア株式会社
Version: 1.2
*/
/* 標準データ最終更新日：2025/04/14  */


/*
 * WEBフォントの読み込み（@import url('https://fonts～'); ）はHeader.phpで行う
*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */

:root{
--en:  "Lato", sans-serif;
--en2: 	"Libre Baskerville", serif;
--vk-line-height: 2.0em;
}


.fw-bold{
	font-weight:bold;
}
h3:where(.wp-block-heading).has-background, h4:where(.wp-block-heading).has-background {
    padding: 0.8em 2.375em;
}
.w80{
	width:80%;
	margin:auto;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */

.is-style-af-heading-reverse.white .vk_heading_title::before{
	background-color:#fff;
}

.btn1 a{
	background-image:url(../../../wp-content/uploads/arrow1.png);
	background-size:25px;
	background-repeat:no-repeat;
	background-position:right 15px center;
	padding:30px 60px !important;
	min-width:365px !important;
	position:relative;
}
.btn1 a:hover{
	opacity:1 !important;
	background-repeat:no-repeat!important;
	background-image:url(../../../wp-content/uploads/arrow1-cl.png);
}



.btn-black a{
	background-image:url(../../../wp-content/uploads/arrow1.png);
	background-size:25px;
	background-repeat:no-repeat;
	background-position:right 15px center;
	padding:20px 60px !important;
	min-width:365px !important;
	position:relative;
}
.btn-black a:hover{
		opacity:1 !important;
background-color:var(--vk-color-custom-4) !important;
}

.btn3 a{
	border-top:none!important;
	border-left:none!important;
	border-right:none!important;
	text-align:left!important;
	background-image:url(../../../wp-content/uploads/arrow1-cl.png);
	background-size:25px;
	background-repeat:no-repeat;
	background-position:right 5px center;
	font-size:22px !important;
		padding:20px 10px !important;
	font-weight:600;
	margin:0;
}
.btn3 a:hover{
		opacity:1 !important;
	background-image:url(../../../wp-content/uploads/arrow1.png);
	background-size:25px;
	background-repeat:no-repeat;
	background-position:right 15px center;
}

.bgnone a,.bgnone a:hover{
	background-image:none !important;
}
.bgnone  i{
	position:absolute;
	right:15px;
}

.txt30{
	font-size:clamp(20px ,3vw ,30px);
}

.btn_more a{
	padding-right:30px !important;
		background-image:url(../../../wp-content/uploads/arrow1-cl.png);
	background-size:21px;
	background-repeat:no-repeat;
	background-position:right 0px center;
	font-family:var(--en);
	text-transform: uppercase;
}
.btn_more a:hover{
	color:var(--vk-color-custom-4) !important;
		background-image:url(../../../wp-content/uploads/arrow1-cl.png) !important;
	background-size:21px !important;
	background-repeat:no-repeat !important;
	padding-right:30px !important;
	background-position:right 0px center !important;
}
/* Mediaとテキスト */
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
    padding-right: 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
}

@media (max-width: 768px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding:0;
		margin-top:1em;
	}
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: fixed;
    top: 0;
}
.logged-in.device-pc #site-header {
    top: 32px;
}

/* グローバルナビ */
.global-nav-list>li>a {
	transition: .3s;
	border-bottom: 3px solid transparent;
}
.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    color: var(--vk-color-custom-4);
    border-bottom: 2px solid var(--vk-color-custom-4);
}
.global-nav-list>li .global-nav-name{
	font-size:16px;
}
#site-header-container{
	max-width:100%;
	padding-right:0 !important;
}
.header_tel{
	margin-left:10px !important;
	margin-right:20px !important;
}
.header_tel .vk_button_link_txt{
	font-size:26px !important;
	font-family:var(--en);
	font-weight:600;
}
.header_tel i{
	font-size:20px !important;
}
.header_contact a{
	padding:30px 28px !important;
}
.header_contact2 a{
	padding:13px 48px !important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.contact_tel{
	margin-right:40px !important;
}
.contact_tel .vk_button_link_txt{
	font-size:52px !important;
	font-family:var(--en);
	font-weight:600;
}
.contact_tel i{
	font-size:40px !important;
}
.contact_tel .vk_button_link_subCaption{
	font-size:25px !important;
}
.contact_btn a{
	padding:40px 28px !important;
	font-size:20px !important;
	min-width:418px !important;
}

footer p,footer li{
	font-size:16px;
}
.footer_link ul{
	padding:0;
	list-style:none;
	margin-top:0;
}
.footer_link li{
	position:relative;
	font-size:15px;
	margin-top:0;
	margin-bottom:4px;
}
.footer_link li::before{
	 content: '';
  display: inline-block;
  width: 7px;
  height: 2px;
position:relative;
	top:-4px;
	margin-right:4px;
	background-color:var(--vk-color-custom-4)
}
.footer_link p{
	font-weight:600;
	margin-bottom:5px;
}
.footer_link a{
	text-decoration:none;
	transition:0.3s;
}
.footer_link a:hover{
	color:var(--vk-color-custom-4)
}
.site-footer-copyright{
max-width:100%;
	padding:3px;
	background-color:#292929

}
.site-footer-copyright p{
	color:#fff;
	font-size:1rem;
}
.footer_seisan_link .wp-block-list {
    padding-left: 16px;
    margin-top: 2px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* メインビジュアル */
.teaser h2{
	font-size:60px !important;
	padding-left:80px;
}
.teaser p{
	font-size:20px;
	padding-left:80px;
}
.top_about{
	position:relative;
	  gap: 0; 
  align-items: stretch;
	margin-bottom:0;
}
.top_about_left{
	z-index:2;
	position:relative;
bottom:0;
	padding-top:90px;
}
.top_about_left figure{
	z-index:2;
	position:relative;
}
.top_about_left::after{
content: '' !important;
display: inline-block !important;
width: 100px;
height: 100%;
background-color:#EFEFEF;
background-size:100%;
background-repeat: no-repeat;
z-index:1;
position:absolute;
	right:0;
	top:0;
}
#main .top_about_left figure{
	margin-bottom:0;
		object-fit:cover;
	height:100% !important;
	width:100%;
}
#main .top_about_left img{
	object-fit:cover;
	height:100%;
	width:100%;
}
.top_about_right{
 padding: clamp(24px, 5vw, 56px);
padding-left: clamp(44px, 6vw, 106px);
right:0;
margin-left:auto;
	position:relative;
	z-index:1;

}
.top_pro_left{
	padding: clamp(24px, 5vw, 56px);
}
.top_slider .swiper-wrapper{
	gap:50px;
}

.factory_box{
	position:relative;
	top:-350px;
	margin-bottom:-300px;
	padding:50px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);

}
.production_box{
overflow:visible;
}
.production_img{
	margin-top:-100px;
}
.box_left{
	margin-right:0 !important;
}
.box_right{
	margin-left:0 !important;
}
.photo_2_1{
	width:418px;
	margin-left:auto;
	margin-right:20px;
}
.photo_2_2{
	width:220px !important;
	position:relative;
	top:-80px;
}
.box_right .photo_2_1{
	width:418px;
	margin-right:auto;
	margin-left:20px;
	margin-bottom:-90px;
}
.box_right .photo_2_2{
	width:220px !important;
	top:auto;
	bottom:20px;
	right:0;
	left:250px;
	text-align:right;
}


.top_profile{
	position:relative;
	  gap: 0; 
  align-items: stretch;
	margin-bottom:0;
}
.top_profile_left{
	z-index:2;
	position:relative;
bottom:0;
	padding-top:90px;
}
.top_profile_left figure{
	z-index:2;
	position:relative;
}
.top_profile_left::after{
content: '' !important;
display: inline-block !important;
width: 100px;
height: 100%;
background-color:#EFEFEF;
background-size:100%;
background-repeat: no-repeat;
z-index:1;
position:absolute;
	right:0;
	top:0;
}
#main .top_profile_left figure{
	margin-bottom:0!important;
		object-fit:cover;
	height:100% !important;
	width:100%;
}
#main .top_profile_left img{
	object-fit:cover;
	height:100%;
	width:100%;
}
.top_profile_right{
 padding: clamp(24px, 5vw, 56px);
padding-left: clamp(44px, 6vw, 106px);
right:0;
margin-left:auto;
	position:relative;
	z-index:1;
top:-70px;
}

.recruit_box{
	gap:0;
	padding:0;
	margin-bottom:0px;
}
.recruit_box_left{
	padding: clamp(24px, 5vw, 76px);
}
.recruit_box figure{
	margin-bottom:0!important;
}

.btn-en a{
	text-transform: uppercase;
	font-family:var(--en);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/* 社訓 */
#main .syakun_box{
	background-size:50%!important;
	background-position:right 5% center!important;
}

.syakun_box li{
	font-size:1.2rem!important;
}
.syakun_box li::before{
	content: "\f192"!important;
}
/* スクロール固定Column */
.position-sticky-wrap {
    overflow: visible !important;　/* 包含するouterに */
}
.device-pc .wp-block-column.position-sticky-column {
    position: sticky; /* PCにのみ反映。 */
    top: 130px;
    align-self: flex-start;
}

.emp_table td, .emp_table th{
	padding:15px!important;
	font-size:1rem;
}

.emp_table th{
	width:30%;
	background-color:#fafafa;
	color:var(--vk-color-primary)
}

.step_ic{
	font-family:var(--en);
	display:inline-block;
	border-bottom:solid 3px var(--vk-color-custom-4);
}

.step_ti{
		font-family:var(--en);
	font-weight:600;
	padding-right:10px;
}
.step_box{
	padding:40px 40px 30px;
}
.arrow_txt{
	top:30px!important;
	font-size:1.3rem;
	position:relative;
	margin-top:-20px!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.postListText_title,.postListText_date{
	font-size:16px;
}
.postListText_title a{
	text-decoration:none;
}
.postListText_singleTermLabel{
	min-width:120px;
}
.postListText_singleTermLabel a{
	padding:5px;
}

.page_link{
	padding-left:30px!important;
	padding-bottom:30px;
}
.page_link li{
	margin:0!important;
}
.page_link li::before{
	left:0 !important;
	top:10px;
}
.page_link li a{
	text-decoration:none;
	color:#000;
	display:block;
	padding:10px 15px 10px 20px;
	border-bottom:solid 1px #ddd;
	transition:0.3s;
}
.feature_box{
	position:relative;
	padding:1px 40px 40px;
	border-radius:4px;
	height:100%;
}
.feature_number{
	background-color:var(--vk-color-custom-4);
	color:#fff;
	border-radius:50%;
	font-family:var(--en);
	font-size:20px;
	font-weight:600;
	width:70px;
	line-height:70px;
	position:absolute;
	top:-35px;
	left:50%;
	transform: translateX(-50%);
	margin-bottom:-40px !important;
}
.kanren_box {
	gap:20px;
}
.kanren_box a{
	min-width:350px!important;
}


.single-cases .entry-footer{
	display:none
}
/* お問い合わせ */
.contact_txt{
	padding:10px;
}
.contact_txt a{
	color:var(--vk-color-custom-4)
}
.smf-item__description{
	display:none;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.widget-title.sub-section-title{
	background-color:var(--vk-color-custom-1);
	color:#fff;
	padding:10px;
	text-align:center;
	margin-top:30px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */