@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description:
Author:アートフレア株式会社
Tags: 
Version: 1.1
*/

/* 標準データ最終更新日：2024/11/22  */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  general　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* :root設定、@import、フォント読み込み、bodyへの上書き、カラー変数設定など */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

:root{
	--en: "Poppins", serif;
	}

 a:not([class]) {
    text-decoration: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
a:not([class]):hover {
    color: var(--vk-color-text-link-hover);
}
/* 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;
	}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.cta_btn1 a{
	box-shadow: 0px 6px 0px #363F70;
position:relative;
	padding:56px 20px 30px!important;
		font-weight:600;
		font-size:34px!important;
}
.cta_btn1 a:hover{
	opacity:1!important;
	box-shadow: 0px 6px 0px #363F70!important;
	background-color:#5A69B7!important;
}
.cta_btn1 .vk_button_link_subCaption{
	position:absolute;
	background-color:#fff;
	border-radius:60px;
	font-size:19px;
	top:-10px;
color:#000;
	left:50%;
	transform: translateX(-50%);
	padding:5px 50px;
	white-space: nowrap;
}

h2{
	font-size:2.4rem;
}
h3 {
    font-size: 1.7rem;
}
.is-style-vk-heading-both_ends::before, .is-style-vk-heading-both_ends::after, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::before, .editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::after{
	border-bottom: 2px solid #d9d9d9;
}

.image_round img{
	border-radius:15px;
}
/* CTA */
.cta_box h2{
	font-size:2rem;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* ヘッダーウィジェット・グローバルナビ */

/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in #site-header {
    top: 32px;
}
#site-header-container{
	max-width:100%;
	padding-right:0;
}
.global-nav-list>li .global-nav-name{
	font-size:1rem;
}
.header-top{
	margin-top:0;
}

.header_btn{
margin-bottom:0;
}
.header_btn a{
	padding:30px 20px 30px 100px !important;
		background-image:url(../../../wp-content/uploads/zoom_ic.png);
	background-repeat:no-repeat;
	background-size:56px;
	background-position:left 30px center;
}
.header_btn a:hover{
	opacity:1;
	background-color:var(--vk-color-primary) !important;
	color:#fff !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 フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* フッターウィジェット、フッターロゴ、コピーライト */

footer.site-footer {
    padding-bottom: 15vh;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  pageheader,breadcrumb 下層ページヘッダー
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 下層ページのページヘッダー、パンクズ設定 */
div#breadcrumb {
}
ol.breadcrumb-list {
    width: var(--vk-width-container););
    padding: 1rem 0;
}
ol.breadcrumb-list span,ol.breadcrumb-list a,.breadcrumb-list li:after{
	font-size:14px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* メインイメージ */
.teaser_inner{
	width:50%;
	background-image:url(../../../wp-content/uploads/teaser_mask.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding:50px 10px;
	padding-right:80px;
}
.teaser_txt1_1{
	font-size:24px;
	padding:20px 5px;
	    writing-mode: vertical-rl;
	letter-spacing:5px;
	margin-right:10px	 !important;
}
.teaser_txt1_2{
	font-size:34px;
	font-weight:600;
}
.teaser_txt1_2 strong{
 background-image: radial-gradient(circle at center, var(--vk-color-custom-1) 20%, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
  padding-top: .4em; /* 縦方向の位置調整 */
	font-size:43px;
	margin-right:10px !important;
}
.teaser_txt1_3{
	   writing-mode: vertical-rl;
	font-size:29px;
	font-weight:600;
	letter-spacing:5px;
}
.teaser_txt1_4{
	font-size:39px;
	font-weight:600;
}
.teaser_txt1_4 strong{
	font-size:80px !important;
	font-family:var(--en) !important;
	position:relative;
	top:4px;
}
.teaser_txt1_5{
	font-size:32px!important;
	font-weight:600;
		position:relative;
	top:10px;
}
.teaser_txt2{
	font-size:23px;
	display:inline-block;
	margin:65px auto 20px;
	padding:10px!important;
}
.teaser_copy{
	width:540px;
	margin:auto;
	height:100vh;
	position:relative;
}
.teaser_inner2{
	top:40%;
	position:absolute;
	transform: translateY(-50%);
	width:100%;
}

.teaser_btn a{
	box-shadow: 0px 6px 0px #bfbf44;
position:relative;
	padding:55px 20px 30px!important;
		font-weight:600;
		font-size:29px!important;
}
.teaser_btn a:hover{
	opacity:1!important;
	box-shadow: 0px 6px 0px #bfbf44!important;
	background-color:#F7F7A0!important;
}
.teaser_btn .vk_button_link_subCaption{
	position:absolute;
	background-color:#fff;
	border-radius:60px;
	font-size:19px;
	top:-10px;

	left:50%;
	transform: translateX(-50%);
	padding:5px 50px;
	white-space: nowrap;
}
.teaser{
	height:calc(100vh - 110px);
}
.cta_btn2 a{
	padding:46px 20px 30px!important;
}
.cta_btn2 .vk_button_link_txt{
	position:relative;
}
.cta_btn2 img{
	position:relative;
	top:13px;
	margin-right:10px;
}
/* キャンペーン */
.campaign_title_txt{
	position:relative;
	padding-left:70px;
	font-size:27px;
}
.campaign_title_txt img{
	position:absolute;
	left:0;
}

.syunin_box p{
	line-height:2.2;
}



/* こんな方におすすめ */
.chek_list{
	display:flex;
	flex-wrap:wrap;
}
.chek_list li{
	width:50%;
	font-size:20px;
	font-weight:600;
}
.recommend_box{
	padding:50px;
}

.start_ti{
	position:relative;
}
.start_ti p{
	font-family:var(--en);
	font-size:118px;
	font-style:italic;
	font-weight:600;
	opacity:.21;
	transform: rotate(-0.01turn);
	position:absolute;
	letter-spacing:25px;
	top:-70px;
	left:2%;

	line-height:1;
	width:100%;
}

/* AIR STARTの特徴 */
.features_box{
	position:relative;
}
.features_number{
	position:absolute;
	font-size:150px;
	color:var(--vk-color-primary);
	opacity:0.1;
	right:0;
	bottom:-30px;
	font-style:italic;
	font-weight:600;
	font-family:var(--en);
	line-height:1;
}

/* 収益プラン */
.plan_list {
	width:100%!important;
	margin:30px 0;
}
.plan_list p{
	font-size:1.2rem;
	font-weight:600;
}
.plan_month{
	width:20%;
	text-align:center;
	padding:10px!important;
}
.plan_text{
	width:55%;
	padding-left:30px;
}
.plan_fee{
	margin-left:auto;
	width:18%;
	text-align:right;
	padding-right:50px;
}

.plan_text.short{
	width:35%;
}
.plan_fee.long{
	width:38%;
}
.plan_box{
	padding:50px 100px;
	position:relative;
}
.fukidashi{
	position:absolute;
	right:50px;
	top:-50px;
}
.fukidashi p{
	background-color:var(--vk-color-custom-1);
	padding:15px;
	position:relative;
	border-radius:15px;
}
.fukidashi p:before {
  content: ""!important;
  position: absolute!important;
  top: 100%;
  left: 50%;
	z-index:2;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid var(--vk-color-custom-1);;
}

/* AIR STARTで学ぶ内容 */
.box_naiyou{
	padding:30px;
}
.step_ti1{
	padding:5px 30px!important;
	border-radius:60px;
	width:180px;
	margin:auto;
	margin-bottom:15px;
}
.flow_box i{
	margin-top:40px;
	margin-left:-5px;
}

/* 認定店制度のメリット */
.merit_box .wp-block-group{
	height:100%;
	padding:30px;
}
.seid__box{
	padding:50px;
}
.seid__box .wp-block-heading img{
	position:relative;
	top:5px;
}

/* 空調業界の特性 */
.featuers_box .wp-block-vk-blocks-grid-column-item{
	position:relative;
	padding-top:50px;
	padding-left:40px;
	padding-right:40px;
}
.featuers_box h3{
	margin-top:20px;
}
.featuers_box .wp-block-vk-blocks-grid-column-item:nth-child(even){
	margin-top:50px;
}
.featuers_number{
	position:absolute;
	z-index:2;
		font-style:italic;
	font-weight:600;
	font-family:var(--en);
	color:var(--vk-color-custom-4);
	font-size:5.6rem;
	line-height:1;
	top:20px;
	left:15px;
}

/* 最新情報 */
.news_box{
	padding:50px!important;
}
.postListText_date{
	font-size:1rem;
}
.postListText_title a{
	font-size:1rem;
	border-bottom:none;
	text-decoration:none;
}

/* お問い合わせ */
.smf-item__description{
	display:none;
}
.smf-item__label{
	color:#fff;
}
.smf-control-description{
	color:#fff;
}

.snow-monkey-form p{
color:#fff;
}
.smf-checkbox-control__label{
	color:#fff;
}
.smf-radio-button-control__label{
	color:#fff;
}
.smf-file-control__label{
	background-color:#fff;
}
.smf-file-control__filename--no-file{
	color:#fff;
}
.smf-button-control button[type="submit"]{
	background-color:var(--vk-color-custom-4);

}
.smf-progress-tracker__item__number{
	background-color:#303033!important;
	color:#fff;
}
.smf-progress-tracker__item__number2{
	background-color:#fff!important;
	color:var(--vk-color-primary);
}
.smf-progress-tracker__item__text{
	color:#fff;
}
[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__number{
background-color:#fff!important;
	color:var(--vk-color-primary);
}
[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__text{
	color:#fff;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive / Single ブログ一覧ページ、ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* パーツごとにコメントアウトで注釈を入れてください。 */
header.entry-header h1 {
    color:#555;
    border-bottom: solid 3px #777;
    padding-bottom: .2em;
    margin-bottom: 1rem;
}

header.entry-header .entry-meta {
    font-size: 1rem;
    text-align: right;
    color: #aaa;
}

/* フッタータグ・カテゴリ */
.entry-footer {
    margin-top: var(--vk-margin-section-bottom);
}
.entry-meta-data-list dl {
    margin: 0 0 10px;
    display: flex;
    align-items: baseline;
}
.entry-meta-data-list dt {
    background: none;
    color: unset;
    font-size: 1rem;
    padding: 0;
    min-width: 5em;
    text-align: left;
    float: unset;
    margin-right: 1.5em;
}
.entry-meta-data-list dd.tagcloud {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}
.entry-meta-data-list dd a {
    font-size: 14px !important;
    background: #eee;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #777;
    border-radius: 5px;
    margin: 0;
    transition: .3s;
}
.entry-meta-data-list dd a:hover {
    text-decoration: none;
    color: #333;
    background: #ddd;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  メモ用
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */