@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: "Barlow", sans-serif;
    --vk-line-height: 1.9em;
}

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

	.img_round img{
		border-radius:30px;
	}
	
/* スクロール固定Column */
.position-sticky-wrap {
    overflow: visible !important;　/* 包含するouterに */
}
.device-pc .wp-block-column.position-sticky-column {
    position: sticky; /* PCにのみ反映。 */
    top: 70px;
    align-self: flex-start;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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{
	min-width:100%;
	padding-right:0;
}
.site-header-logo {
	margin:22px 30px 28px!important;
}

#menu-item-4752 a{
	background-color:var(--vk-color-primary);
	color:#fff;
	margin-left:10px;
}
#menu-item-4752 a:hover{
	background-color:#454545;
}
.device-pc .global-nav-list>li>a {
        padding: 33px 2.0em;
    }
.header-top{
	margin-top:0 !important;
}

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



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
/* CTA */
.contact_tel .vk_button_link_txt{
	font-family:var(--en);
	font-weight:600;
	font-size:35px;
}
.contact_tel i{
	font-size:25px;
	position:relative;
	top:3px;
}
.site-footer-copyright{
	display:none;
}

footer,footer p,footer a{
	font-size:16px;
}
footer a{
	margin-left:20px
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.top_about_btn{
	width:31.03%;
}
.top_about_btn a{
	background-repeat:no-repeat;
	background-size:34px;
	background-position:left;
	border-top:none !important;
	border-right:none !important;
	border-left:none !important;
	width:100%;
}


.top_about_btn1 a{
	background-image:url(../../../wp-content/uploads/top_about_ic1.png);
}
.top_about_btn1 a:hover{
	background-image:url(../../../wp-content/uploads/top_about_ic1-on.png);
}
.top_about_btn2 a{
	background-image:url(../../../wp-content/uploads/top_about_ic2.png);
}
.top_about_btn2 a:hover{
	background-image:url(../../../wp-content/uploads/top_about_ic2-on.png);
}
.top_about_btn3 a{
	background-image:url(../../../wp-content/uploads/top_about_ic3.png);
}
.top_about_btn3 a:hover{
	background-image:url(../../../wp-content/uploads/top_about_ic3-on.png);
}

.more_btn a{
	width:160px;
	padding-left:10px !important;
	padding-right:0 !important;
	position:relative;
	text-align:left;
}
.more_btn a i{
	position:absolute;
	right:9px;
}

.top_feature_box{
	position:relative;
	margin-bottom:40px;
}
.top_feature_box .number{
	padding:0px;
	font-family:var(--en);
	font-size:22px;
	width:60px;
	height:60px;
	border-radius:50%;
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	top:-20px;
	left:-15px;
}

/* FLOW */
.flow_box .wp-block-group{
	background-color:#fff;
	padding:20px;
	width: 100%;
height: 204px;
border-radius: 20px;
box-shadow: 2px 3px 7px rgba(30, 81, 162, 0.2);
}
.flow_box img{
	width:150px;
	display:block;
	margin:10px auto;
}

.top_bunner .vk_button_link_txt{
	    margin-bottom: 0px;
    font-size: 40px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
    font-family: var(--en);
    text-transform: uppercase;
}
.top_bunner .vk_button_link_txt{
	margin-top:-15px !important;
}
.top_bunner .vk_button_link_subCaption{
	margin-top:-15px !important;
}
.top_bunner .wp-block-column .wp-block-cover__background.has-background-dim.has-background-dim-30{
	transition:0.3s;
}
.top_bunner .wp-block-column:hover .wp-block-cover__background.has-background-dim.has-background-dim-30{
	opacity:0;
}
.teaser_cp{
	font-size:64px !important;
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
.teaser_txt{
padding:20px 40px;
	font-size:24px;
	display:inline-block;
border-radius: 30px;
background: rgba(255, 255, 255, 0.85);

}
.teaser_cp_box{
	padding-left:40px;
}


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

/* 事務所概要 */
/* タイムライン2カラム */
.timeline-2column {
    --time-width:200px;
}
.timeline-2column.vk_timeline .vk_timeline_item {
    padding-left: calc( var(--time-width) + 20px);
}
.timeline-2column.vk_timeline .vk_timeline_item_lineStyle-default::before {
    left: var(--time-width);
    top: 30px;
}
.timeline-2column.vk_timeline .vk_timeline_item_style {
    left: calc( var(--time-width) - 5px);
    top: 12px;
}
.timeline-2column.vk_timeline .vk_timeline_item_caption {
    position: absolute;
    left: 0;
    top: 5px;
    width: calc( var(--time-width) - 20px);
    text-align: right;
}
.wp-block-vk-blocks-timeline-item h4{
	font-size:1rem;
	padding-top:7px;
}
.wp-block-vk-blocks-accordion-trigger h3{
	font-size:1.4rem;
}
.wp-block-vk-blocks-accordion-trigger img{
	position:relative;
	top:7px;
	margin-right:10px;
}
.vk_accordion-trigger{
	padding-top:7px;
}

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

/* 会社概要 */

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

.btn_tate a{
	writing-mode: vertical-rl;
	    min-width: 10px !important;
	padding:15px 10px !important;
}
.btn_tate a i{
	margin:10px 0 0!important;
}
.smf-item__description{
	display:none;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.postListText_title a{
	text-decoration:none;
	font-size:16px;
}
.postListText_date{
	font-size:16px;
}
.postListText_singleTermLabel{
	min-width:130px;
}
.postListText_singleTermLabel a{
	padding:4px;
}

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



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