@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;
}
body{
	font-family: "Zen Kaku Gothic Antique", sans-serif;
}
h1, h2, h3, h4, h5, h6, .page-header-title{
	font-family: "Zen Kaku Gothic Antique", sans-serif;
}

figure.wp-block-image.is-style-vk-image-rounded img {
    border-radius: 30px !important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */

/* ボタン */
.btn_s{
		position:relative;
}
.btn_s a{
	border-width:3px !important;
	color:#434343 !important;
	position:relative;
	padding:7px 60px 7px 50px!important;
	border-color:var(--vk-color-custom-2) !important;
}
.btn_s i{
	position:absolute;
	right:10px;
	color:var(--vk-color-custom-2) ;
}
.btn_base{
		position:relative;
}
.btn_base a{
	border-width:3px !important;
	color:#434343 !important;
	position:relative;
	background-color:#fff !important;
	padding:12px 60px 12px 50px!important;
	border-color:var(--vk-color-custom-2) !important;
	min-width:230px!important;
}
.btn_base a:hover{
	background-color:var(--vk-color-custom-2)  !important;
}
.btn_base i{
	position:absolute;
	right:10px;
	color:var(--vk-color-custom-2) ;
}


/* タブ */
.vk_tab_labels .vk_tab_labels_label, .vk_tab_labels .vk_tab_labels_label.has-background{
	padding:20px 10px;
	font-size:20px;
	font-weight:600;
	border-radius:10px 10px 0 0;
}
.vk_tab_bodys .wp-block-group{
	border-radius:0 0 30px 30px;
	padding:15px 40px 40px!important;
}

/* CTA */
.top_form_link{
border-radius: 30px;
border: 3px solid #cecece;
padding:20px 10px 20px 20px;
	position: relative;
	transition:0.3s;
}
.top_form_link a{
	text-decoration:none;
	transition:0.3s;
}

.top_form_link a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}
.top_form_link p{
	font-size:14px;
}
.top_form_link h3{
	font-size:24px;
	transition:0.3s;
}
.top_form_link:hover h3{
	color:var(--vk-color-primary);
}
.top_form_link2:hover h3,.top_form_link2 a:hover {
	color:var(--vk-color-custom-2)!important;
}
.top_form_link3:hover h3,.top_form_link3 a:hover {
	color:#7FC8CC!important;
}

.facebook_title i{
	font-size:38px;
}
.contact_btn a{
	font-size:20px!important;
	padding:19px 40px!important;
	min-width:340px !important;
	background: #F777C1;
background: linear-gradient(90deg, rgba(247, 119, 193, 1) 0%, rgba(205, 126, 234, 1) 100%);
}
.btn_pdf i{
	color:#F09494;
	font-size:24px;
}
.btn_pdf a:hover{
	color:#F09494 !important;
}
#main .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt{
	text-decoration:none !important;
}

.kaiin_btn a{
	background-image:url(../../../wp-content/uploads/ic_kaiin.png);
	background-size:65px;
	background-position:left 20px center;
	min-width:375px!important;
	padding:30px!important;
	background-repeat:no-repeat;
	margin-top:25px!important;
}

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

header .wp-block-social-links{
	font-size:29px;
	margin-top:20px;
}

.vk-mobile-nav-widget .wp-block-social-links{
	font-size:40px;
}
/* グローバルナビ */
.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: #498EDE;
    border-bottom: 3px solid #498EDE;
}
.header-top{
	margin-top:0;
}
.header_nav_search_container:nth-child(2){
	
}
.header_nav_search_container{
	min-width:0;
}
.header_sns{
	position:absolute;
	top:-56px;
	right:230px;
}
.header_btn{
	position:relative;
	right:-10px;
}

.header_btn a{
	background: #498EDE;
background: linear-gradient(90deg, rgba(73, 142, 222, 1) 0%, rgba(80, 186, 226, 1) 100%);
	text-align:left;
	font-size:15px !important;
}

.global-nav {
    padding-top: 35px;
    padding-bottom: 10px;
}

.site-header{
	box-shadow:none;
}
.site-header-container {
	padding-left:20px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */

footer p{
	font-size:16px;
}

.footer_link a{
	font-size:16px;
	text-align:left !important;
}
.footer_link i{
	color:#F094BB;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/* メインビジュアル */
.teaser{
	position:relative;
	background-repeat:no-repeat;
	padding-top:60px;
	padding-bottom:60px;
	height:80vh
}
#teaser_bg{
	position:absolute;
	width:70%;
	bottom:0;
left:0;
		height:70vh!important;
}
#teaser_bg img{
	border-radius:0 30px 30px 0;
	object-fit:cover;
	width:100%;
	height:100%!important;
}

#teaser_ph{
	position:absolute;
	right:0;
	width:70%;
	top:0;
height:70vh!important;

}
#teaser_ph img{
		border-radius:30px 0 0 30px;
	object-fit:cover;
	width:100%;
height:73vh!important;
}

.teaser_cp{
	position:absolute;
	z-index:4;
	bottom:20%;
	left:3vw;
/* background: rgba(255, 255, 255, 0.84);
	border-radius:30px;
	padding:20px 40px; */
}
.teaser_cp h2{
	box-decoration-break: clone;	
	-webkit-box-decoration-break: clone;
	font-size:47px;
	line-height: 2.5;
	margin-bottom:40px;
	display:inline;
	padding:.3em;
	background-color:#fff;
	
/* 透過 */

}
.teaser_cp p{
	font-size:25px;
	font-weight:600;
	box-decoration-break: clone;	
	-webkit-box-decoration-break: clone;
}

.top_kensyuu_box{
background: linear-gradient(#f6fde3 0%, #d8fff3 100%);
border-radius:40px;
	padding:40px 60px 60px;
}
.top_kensyuu_box .vk_post:hover {
    background: rgb(255 255 255 / 0%);
}
/* About Us */
.top_about{
	background-image:url(../../../wp-content/uploads/top_about_bg2.jpg);
	background-size:80%;
	background-repeat:no-repeat;
	padding-bottom:50px;
	padding-right:50px;
	background-position:bottom 0 right ;
}
.top_about_title{
	font-size:31px;
}
.top_about_txt{
	padding-left:20px;
}

.top_link a{
	color:#000;
	text-decoration:none;
}
.top_link a:hover{
	
}

.vk_accordion{

}
.is-style-vk_accordion-background-color-rounded-border .vk_accordion-trigger{
		background: #E8EDFD;
background: linear-gradient(90deg, rgba(232, 237, 253, 1) 0%, rgba(223, 247, 255, 1) 100%);
}
.vk_accordion-target-open{
	background: #F3F6FE;
background: linear-gradient(90deg, rgba(243, 246, 254, 1) 0%, rgba(239, 251, 255, 1) 100%);
}

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



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

/* 協会について */

.greeting_box img{
	border-radius:30px;
}
.about_sotial_box{
	padding:30px;
}
.midashi2{
	font-size:30px;
}

.youtube_link{
	width:660px;
	margin:auto;
	padding-left:50px;
}
.youtube_link a:hover {
	color:#E20000!important;
}

.pagelink_fix a{
	writing-mode: vertical-rl;
	border-radius:5px 0 0 5px;
	padding:15px 10px!important;
	min-width:10px!important;
}

.smf-item__description{
	display:none;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.postListText{
	border-bottom-style:solid;
}
.postListText_date{
	font-size:1rem;
}
.postListText_title{
	font-size:1rem;
}
.postListText_title a{
	text-decoration:none;
}

.postListText_singleTermLabel_inner {
    font-size: 13px;
    padding: 5px 1rem;
    line-height: 16px;
    border-radius: 60px;
}

.sub-section-title{
	color:var(--vk-color-primary)!important;
	padding-bottom:10px!important;
	border-bottom: solid 2px var(--vk-color-primary)!important;
}
.sub-section .widget_nav_menu>ul li a{
	transition:0.3s;
	padding-left:10px;
}
 .sub-section .widget_nav_menu>ul li a:hover {
    text-decoration: none;
    background: none;
    color:var(--vk-color-primary)!important;
	 background-color:#fafafa;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.entry-meta-data-list dd a{
	text-decoration:none;
}


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