@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{
	    --vk-line-height: 2.0em;
}
.fw-bold{
	font-weight:bold;
}

h2 {
    font-size: 2.8rem;
}
h3 {
    font-size: 2.0rem;
}
.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;
    text-decoration-style: none;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
.fz22{
	font-size:22px;
}

.fz24{
	font-size:24px;
}
.fz26{
	font-size:26px;
}

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

.contact_btn a{
	width: 454px;
padding:30px!important;
border: 1px solid #fff;
	font-size:22px!important;
}
.contact_btn i{
	color:var(--vk-color-primary)!important;
	font-size:28px!important;
	transition:0.3s;
}
.contact_btn a:hover{
	background-color:var(--vk-color-primary)!important;
	color:#fff!important;
}
.contact_btn a:hover i{
	color:#fff!important;
}

.fit-content{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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{
max-width:100%;	
	padding:15px 20px
}
.header-top{
	margin-top:0;
}

#menu-item-4752 a{
	background-color:var(--vk-color-custom-1)!important;
	color:#fff!important;
	border-radius:70px;
	margin-left:10px;
	padding-left:30px;
	padding-right:30px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */

.footer_link a{
	margin:0 20px;
	font-size:16px;
	transition:.3s;
}
.site-footer-copyright p{
	font-size:16px;
}
.footer_link a:hover{
	  color: var(--vk-color-custom-1) !important;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* メインビジュアル */
.teaser {
	padding-left:12%;
}
.teaser h2{
	font-size:55px;
}
.teaser p{
	font-size:28px;
	font-weight:600;
}

/* 吹き出し */
.fukidashi{
	background-size:475px;
	font-size:19px;
	font-weight:600;
	color:#fff;
	height:130px;
	width:475px;
	background-repeat:no-repeat;
	background-position:top;
}
.fukidashi1{
	background-image:url(../../../wp-content/uploads/fukidashi1.png);
/* 	padding-top:20px; */
    padding: 14px 15px;
}
.fukidashi2{
	background-image:url(../../../wp-content/uploads/fukidashi1.png);
/* 	padding-top:35px; */
	padding: 15px;
}
.fukidashi3{
	background-image:url(../../../wp-content/uploads/fukidashi3.png);
/* 	padding-top:35px; */
/* 	margin-left:20px; */
	padding: 15px;
}
.fukidashi4{
	background-image:url(../../../wp-content/uploads/fukidashi4.png);
/* 	padding-top:20px; */
/* 	margin-right:20px; */
	padding: 15px;
}

/* 研究領域・業績 */
.ryouiki_outer{
	position:relative;
}
.ryouiki_ill{
	position:absolute;
	top:70px;
	left:0;
	z-index:2;
}
.ryouiki_box{
width: 764px;
background: #fff;
box-shadow: 3px 3px 6px rgba(0, 176, 203, 0.16);
padding:30px 40px;
	margin-left:auto;
}

.ryouiki_btn a{
	background-repeat:no-repeat;
	background-size:30px;
	background-position:left;
	padding-left:37px!important;
	position:relative;
	padding-right:20px!important;
	font-size:18px !important;
	border-top:none !important;
	border-right:none !important;
	border-left:none !important;
	border-bottom:solid 1px #ccc !important;
	width:225px;
	text-align:left !important;
}

.ryouiki_btn a i{
	font-size:14px !important;
	color:#ccc !important;
	position:absolute;
	right:5px;
	transition:0.3s;
}
.ryouiki_btn1 a{
	background-image:url(../../../wp-content/uploads/top_ryouiki_ic1.png)
}
.ryouiki_btn2 a{
	background-image:url(../../../wp-content/uploads/top_ryouiki_ic2.png)
}
.ryouiki_btn3 a{
	background-image:url(../../../wp-content/uploads/top_ryouiki_ic3.png)
}
.ryouiki_btn4 a{
	background-image:url(../../../wp-content/uploads/top_ryouiki_ic4.png)
}
.ryouiki_btn5 a{
	background-image:url(../../../wp-content/uploads/top_ryouiki_ic5.png)
}
.ryouiki_btn6 a{
	background-image:url(../../../wp-content/uploads/top_ryouiki_ic6.png)
}
.ryouiki_btn7 a{
	background-image:url(../../../wp-content/uploads/top_ryouiki_ic7.png)
}
.ryouiki_btn8 a{
	background-image:url(../../../wp-content/uploads/top_ryouiki_ic8.png)
}
.ryouiki_btn9 a{
	background-image:url(../../../wp-content/uploads/top_ryouiki_ic9.png)
}
.ryouiki_btn a:hover{
	background-color:#fff !important;
	color:#000 !important;
}
.ryouiki_btn .has-text-color.is-style-outline:hover .vk_button_link_txt{
	color:var(--vk-color-primary) !important;
}
.ryouiki_btn a:hover i{
		color:var(--vk-color-primary) !important;
	right:0px;
}
.vk_button-color-custom a:hover{
	box-shadow:none!important;
}

.txt_btn i{
	color:var(--vk-color-primary) !important;
}
.txt_btn a:hover{
		color:var(--vk-color-primary) !important;
}
.vk_tab_labels .vk_tab_labels_label, .vk_tab_labels .vk_tab_labels_label.has-background{
	padding:25px 10px!important;
}
.vk_tab_bodys_body .wp-block-group{
	border-color:var(--vk-color-primary) !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */
.page-header-title, h1.page-header-title{
font-size:2.8rem;}
.padding-box{
	padding:30px;
	padding-left:70px!important;
}
.padding-box li{
	font-size:18px
}
.padding-box2{
	padding:34px;
}

.page-header{
	background-size:auto 360px!important;
	background-position:left top!important;
}

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

.position-sticky-wrap {
    overflow: visible !important;　/* 包含するouterに */
}
.device-pc .wp-block-column.position-sticky-column {
    position: sticky !important; /* PCにのみ反映。 */
    top: 130px;
    align-self: flex-start;
}
.ryouiki_box2{
width: 100%;
background: #fff;
box-shadow: 3px 3px 6px rgba(0, 176, 203, 0.16);
padding:30px 40px;
	margin-left:auto;
}
.ryouiki_box2 .ryouiki_btn a{
	background-repeat:no-repeat;
	background-size:30px;
	background-position:left;
	padding-left:37px!important;
	position:relative;
	padding-right:20px!important;
	font-size:18px !important;
	border-top:none !important;
	border-right:none !important;
	border-left:none !important;
	border-bottom:solid 1px #ccc !important;
	width:265px;
	text-align:left !important;
	margin:10px !important;
}

.table-gyouseki th,.table-gyouseki td{
	padding:15px !important;
}
.vk_timeline_item_caption{
	color:var(--vk-color-custom-3) !important;
	margin-bottom:13px !important;
}

/* よくある質問 */

.faq_btn a{
	min-width:400px !important;
}
.is-style-vk_faq-bgfill-rounded .vk_faq_title:before {
    background-color: var(--vk-color-custom-3) !important;
}

/* お問い合わせ */
.tel .vk_button_link_txt{
	font-family:var(--en);
font-weight: 900;
font-size: 38px;
letter-spacing: 0.03em;

}
.tel i{
	font-size: 30px;
	position:relative;
	top:3px;
	color:var(--vk-color-custom-1) !important;
}

.policy{
	overflow-y:auto!important;
	height:230px!important;
	text-align:left!important;
}
.policy p{
font-size: 0.85em;
    opacity: 0.8;
}
.smf-item__description{
	display:none;
}

#privacypolicy h5{
	font-size:16px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



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



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