@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;
    --vk-line-height: 2.1em;
}

.vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt, .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_subCaption, .editor-styles-wrapper .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt, .editor-styles-wrapper .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_subCaption{
	    text-decoration: none;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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 h2{
	font-size:45px;
}
.midashi1 p{
	font-size:26px;
	font-family:var(--en);
	text-transform: uppercase;
}
.midashi2{
	border-left:solid 4px var(--vk-color-primary) ;
	padding-left:15px;
	margin-top:20px;
}

.wp-block-heading.is-style-vk-heading-solid_black{
	color:var(--vk-color-primary) ;
}
.wp-block-heading.is-style-vk-heading-background_fill_lightgray{
	background-color:#F0F4F8
}

/* ボタン */
.btton1 {
	min-height:35px;
	margin-right:40px !important;
}
.btton1 a{
	font-size:18px;
	background-image:url(../../../wp-content/uploads/arrow.png);
	background-size:34px !important;
	background-position:right !important;
	background-repeat:no-repeat !important;
	padding-right:44px !important;
	padding-top:10px  !important;
	padding-bottom:10px !important;
	transition:0.3s;
	line-height:35px !important;
}
.btton1 a:hover{
	background-image:url(../../../wp-content/uploads/arrow_on.png) !important;
	background-position:right !important;
	color:var(--vk-color-primary) !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;
}

.txt_kyoutyou{
	display:inline-block;
	padding:10px 15px!important;
}
.vk_timeline_item_caption{
	font-family:var(--en);
	font-weight:600;
}
.vk_timeline .vk_timeline_item h4{
	margin-bottom:10px;
}

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

/* グローバルナビ */
.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);
}

.global-nav-list>li .global-nav-name{
	font-size:16px;
}

#site-header-container{
	min-width:100%;
}
.header-top{
	border:none;
}
.site-header{
	box-shadow:none;
	padding:15px;
}
.site-header-logo img {
    max-height: 70px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */

.contact_btn a{
	background-color:#fff !important;
	border:solid 1px #A3A3A3 !important;
	line-height:150px;
	color:#0A0A0A !important;
	font-size:20px !important;
}
.contact_btn a i{
	color:var(--vk-color-primary) !important;
	font-size:26px;
	transition:0.3s;
}
.contact_btn a:hover{
	opacity:1;
	background-color:var(--vk-color-primary) !important;
	color:#fff !important;
}
.contact_btn a:hover i{
	color:#fff !important;
}

footer p,footer,.site-footer-copyright p{
	font-size:16px;
}

.footer_link{
	width:65%;
	margin:auto;
}
.footer_link a{
	text-decoration:none;
}
.footer_link a:hover{
text-decoration:underline;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*メインビジュアル*/
.teaser_copy_box{
	background-color:rgba(255, 255, 255, 0.94);
	padding:60px;
	position:absolute;
	min-width:600px;
	width:45vw;
	z-index:3;
}
.teaser_copy{
	margin-bottom:3rem;
}
.teaser_copy h2{
	font-size:40px;
}
.teaser_copy p{
	font-size:22px;
	font-family:var(--en);
	font-weight:600;
}
.teaser_txt{
	font-size:20px;
}
.teaser_ph{
	width:65%;
	position:relative;
margin-left:auto !important;
	right:0;
	margin-right:0 !important;
}
.teaser_ph img{
	object-fit:cover;
	aspect-ratio: 4 / 3;
	width:100%;
	min-height:640px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */



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

/* お問い合わせ */

.smf-item__description{
	display:none;
}


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

.postListText_date{
	font-size:16px;
}
.postListText_title{
	font-size:16px;
}
.postListText_title a{
	text-decoration:none;
}

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



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