@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{
--serif:"Shippori Mincho", serif;
}

.fw-bold{
	font-weight:bold;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */

/* 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;
	}
}

.midashi1{
	font-size:2.1rem;
	font-family:var(--serif);
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in.device-pc #site-header {
    top: 32px;
}
#site-header-container{
	max-width:100%;
}

/* グローバルナビ */
.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-1);
    border-bottom: 3px solid var(--vk-color-custom-1);
}
#header-top{
	border:none !important;
}
#site-header{
	padding:15px;
	padding-right:0;
}
#global-nav{
	margin-top:40px;
}
.global-nav-list>li .global-nav-name{
	font-size:17px;
}
.header_nav_search_container{
	min-width:auto;
}
.header_lang{
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
	list-style:none;
	position:absolute;
    top: -55px;
    width: 300px;
    right: 20px;
}
.header_lang li{
	margin-left:15px!important;
	font-family:var(--serif)!important;
	font-size:13px!important;
	
}
.header_lang li.on{
	border-bottom:solid 1px var(--vk-color-primary);
}
.header_lang a{
	text-decoration:none;
	color:#CBCBCB;
	transition:0.3s;
	padding-bottom:3px;
	border-bottom:solid 1px  rgba(43, 43, 43, 0.00);
}
.header_lang a:hover{
	color:var(--vk-color-primary);
	border-bottom:solid 1px var(--vk-color-primary);
}
.gtranslate_wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
	list-style:none;
	position:absolute;
    top: -55px;
    width: 300px;
    right: 20px;
	gap: 1rem;
}

#menu-item-4752 a{
	background-color:var(--vk-color-custom-3)!important;
	color:#fff!important;
	margin-left:20px;
}
#menu-item-4752 a:hover{
	background-color:var(--vk-color-primary)!important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
.tel .vk_button_link_txt{
	font-family:var(--serif);
font-weight: 900;
font-size: 51px;
letter-spacing: 0.03em;

}
.tel i{
	font-size: 40px;
	position:relative;
	top:3px;
}
.contact_btn a{
	width: 386px;
height: 88px;
background: #fff;
font-family:var(--serif);
	font-size: 22px;
	padding-top:25px!important;
}
.contact_btn a i{
	color:var(--vk-color-custom-3)!important;
}
.contact_btn a:hover{
	background-color:var(--vk-color-custom-3)!important;
	color:#fff!important;
	opacity:1;
}
.contact_btn a:hover i{
	color:#fff!important;
}

footer p ,footer li{
	font-size:1rem;
}
.footer_link{
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
}
.footer_link li{
	margin-left:30px!important;
}
.footer_link li::before{
	left:-0.9em!important;
	    content: "\f054"!important;
}
.site-footer-copyright{
	min-width:100%;
	background-color:var(--vk-color-primary);
	color:#fff;
	padding:10px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.teaser{
	height:80vh;
}
.teaser .vk_outer_container{
height:80vh;
position:relative;}
.teaser_box{
	position:absolute;
	z-index:4;
	bottom:13%;
	background-image: url(../../../wp-content/uploads/teaser_cp_bg.png);
	background-size:100% 100%;
	padding:30px 100px;
	color:#fff;
}
.teaser_box h2{
	font-family:var(--serif);
	font-size:50px;
	color:#fff;
}
.teaser_box p{
	font-size:18px;
	font-weight:600;
}

.teaser .vk_outer_container{
	position:relative;
}

.teaser .vk_outer_container::before{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:40vw;
	z-index:2;
	 content: '';/*何も入れない*/
  display: inline-block;
	  background-image: url(../../../wp-content/uploads/teaser_bg1.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:auto 100%;
}

.strength_btn{
	position:relative;
	clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
	  aspect-ratio: 1 / 1;
	padding-top:80px;
	transition:0.3s;
}
.strength_btn:hover{
	background-color:var(--vk-color-custom-3)!important;
}
.strength_ic{
	position:absolute;
	right:-3px;
	bottom:-3px;
}
figure.strength_ic {
	margin-bottom:0;
}
.strength_btn a::after {
position: absolute!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index:2;
pointer-events: auto;
display:block!important;
content: ""!important;
background-color: transparent;
}
.btn_txt a{
	font-family:var(--serif);
}
.btn_txt i{
	color:var(--vk-color-custom-3)!important;
}

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



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

/* 当社について */
.strength_btn2{
	position:relative;
	clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
	  aspect-ratio: 1 / 1;
	padding-top:80px;
	transition:0.3s;
	width:300px;
	margin-left:20px;
}

/* 会社概要　＞　代表あいさつ */


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

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

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



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