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

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


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

/* :root設定、@import、フォント読み込み、bodyへの上書き、カラー変数設定など */

 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);
}
:root{
	--en: "Lato", sans-serif;
	--serif: "Noto Serif", serif;
	}

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

	/* 繰り返しボタン・見出し、余白設計など */

.img_round img{
	border-radius:25px;
}
.base_btn a{
	min-width:185px !important;
	padding:15px !important;
	margin-right:20px;
}
.base_btn a:hover{
	opacity:1 !important;
	background-color:var(--vk-color-primary) !important;
}

.midashi1 h2{
	font-size:50px;
}
.midashi1 .vk_heading_subtext {
	position:relative;
		font-size:19px;
	text-transform: uppercase;
	font-family:var(--en);
}
.midashi1 .vk_heading_subtext::before{
	 content: '';/*何も入れない*/
  display: inline-block;
  width: 70px;
  height: 1px;
	margin-right:10px;
	position:relative;
	top:-5px;
	background-color:var(--vk-color-primary) ;
}
.midashi1_simple .vk_heading_subtext::before{
	display:none;
}

/* 左画像 レイアウト*/
.bg_right_box{
	position:relative;
}
.bg_right_box img{
	border-radius:0 40px 40px 0;
}
.bg_right_box .wp-block-media-text__content{
	background-color:var(--vk-color-custom-2);
	padding:60px 60px 60px 250px;
	border-radius:40px 0px 0px 40px;
	margin-left:-200px;
	margin-top:180px;
}
.bg_right_box .wp-block-media-text__media{
	z-index:2;
	position:relative;
}

/* 右画像 レイアウト*/
.bg_left_box{
	position:relative;
}
.bg_left_box img{
	border-radius:40px 0px 0px 40px;
}
.bg_left_box .wp-block-media-text__content{
	background-color:var(--vk-color-custom-2);
	padding:60px 250px 60px 60px;
	border-radius:0px 40px 40px 0px;
	margin-right:-200px;
	margin-top:120px;
}
.bg_left_box .wp-block-media-text__media{
	z-index:2;
	position:relative;
}


/*記事に埋め込んだGoogleマップの角丸化*/
iframe[src^="https://www.google.com/maps/embed?"] {
    border-radius: 25px !important;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  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{
	padding:5px 0;
	position:fixed !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: 1px solid #fff; 
}
#site-header-container{
	max-width:100%;
}
.global-nav-list>li .global-nav-name{
	font-size:16px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

.tel a{
	font-family:var(--en);
	font-size:53px !important;
}
.tel a i{
	font-size:40px !important;
	color: var(--vk-color-custom-1);
}
.contact_whitebox{
	padding:50px;
}
.contact_btn a{
	width:400px;
	display:flex;
	flex-wrap:wrap;
	flex-direction: column-reverse;
	transition:0.3s;
}
.contact_btn .vk_button_link_caption{
	font-size:18px !important;
}
.contact_btn a:hover{
	background-color: var(--vk-color-custom-1) !important;
}

.header_nav_search_container .contact_btn a{
		width:230px;
}
footer,footer p{
	color:#fff;
	font-size : 1rem;

}
.footer_link{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	padding:0;
}
.footer_link li{
	width:25%;
	font-size : 1rem;
	margin-bottom:20px;
}
.footer_link li a{
	text-decoration:none;
	transition:0.3s;
}
.footer_link li a:hover{
	opacity:0.6;
}
.site-footer-copyright{
	font-size : 1rem;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  pageheader,breadcrumb 下層ページヘッダー
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

	/* 下層ページのページヘッダー、パンクズ設定 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.teaser{
	text-align:center;
}
.teaser h2{
	border-bottom:solid 6px #fff;
	display:inline-block;
	font-size:68px !important;
	padding-bottom:10px;
}
.teaser h2 strong{
	background-color:#fff;
	color:#FEB000;
	padding:0px 10px;
	border-radius:5px;
	margin:0 10px;
}
.teaser p{
	font-size:20px !important;
}


.top_service_box{
	background-size:auto 100% !important;
	background-repeat:none !important;
	background-position:left !important;
}


.top_service_btn {
    position: relative;
    padding: 20px 30px !important;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    max-width: 650px;
    margin: 20px 0 !important;
    transition: 0.3s;
}
.top_service_btn .vk_icon_frame{
	position:absolute;
	right:60px;
	transition:0.3s;
	top:50%;
	transform: translateY(-50%)
}
.top_service_btn:hover .vk_icon_frame{
	right:50px;
}
.top_service_number{
	position:absolute;
	background-color:var(--vk-color-primary);
	color:#fff;
	font-family:var(--en);
	font-weight:600;
	font-size:45px;
	border-radius:14px;
	width:145px;
	text-align:center;
	padding:10px;
	position:absolute;
	top:-25px;
	right:-50px;
	z-index:2;
	line-height:1;
}
.top_service_btn a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}
.top_service_txt{
	font-size:35px;
	font-size:min(2.3vw,35px);
	font-weight:600;
}

.top_recruit_img{
	transform: rotate(12deg);
	padding-right:50px;
}

.top_recruit_img img{
	border-radius:30px;
	max-height: 500px;
}
.top_recruit_img1{
	position:relative;
	z-index:3;
	right:-50px;
}
.top_recruit_img2{
	position:relative;
	z-index:2;
	top:70px;
}
.top_recruit_outer {
	overflow:visible !important;
}
.top_recruit .wp-block-media-text__media {
	padding-left:60px;
}
.top_recruit .wp-block-media-text__media img{
position:relative;
	top:-160px;
}
 .top_recruit_btn_outer{
	margin-top:-70px !important;
} 
.top_recruit_btn .wp-block-group{
	position:relative;
}
.top_recruit_btn .wp-block-group a{
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}
.top_recruit_btn .wp-block-group img{
	margin-top:20px;
}
.top_recruit_btn p{
	font-weight:600;
font-size:20px;}
.top_recruit_btn .wp-block-group .wp-block-group{
	margin-bottom:20px;
}
.top_recruit_btn .vk_icon{
	transition:0.3s;
	position:absolute;
	bottom:3px;
	right:20px;
}
.top_recruit_btn .wp-block-group:hover .vk_icon{
right:15px;
	
}
.top_recruit_btn .wp-block-group i,
.top_recruit_btn .wp-block-group p{
	transition:0.3s;
}
.top_recruit_btn .wp-block-group:hover i,
.top_recruit_btn .wp-block-group:hover p{
	color:var(--vk-color-custom-3) !important;
}
.top_recruit_btn .wp-block-group{
	transition:0.3s;
}
.top_recruit_btn .wp-block-group:hover {
	border-color:var(--vk-color-custom-3) !important;
}
.top_entry_btn{
	padding:40px !important;
	position:relative;
	transition:0.3s;
	margin-top:-70px;
	z-index:3;
}
.top_entry_btn a{
		position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}
.top_entry_btn p{
	font-size:45px;
	padding-left:70px;
}
.top_entry_btn:hover{
	background-color:var(--vk-color-custom-3)!important;
}
.top_entry_ic1 i{
	font-size:80px!important;
	margin-right:80px!important;
}
.top_entry_ic2 i{
	font-size:34px!important;
	position:absolute;
	right:50px;
	top:50%;
	transform: translateY(-50%)
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 私たちについて */
.about-message{
	border-radius:1rem;
}

.about_txt1{
	font-size:1.3rem;
	font-family:var(--serif);
}
.about_txt1-big{
	font-size:2.5rem;
	font-family:var(--serif);
}
.keyword_box h3{
	width:130px;
	height:130px;
	display:block;
	border: solid 4px var(--vk-color-custom-1);
	border-radius:50%;
	font-size:45px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.keyword_box p{
	width:calc(100% - 140px)!important;
	margin-left:auto;
}
.greeting_copy{
	font-size:2.2rem;
}

/* 事業内容 */
.business_listbox a{
	padding:15px 5px 15px 55px!important;
	border-bottom:dotted 1px #ccc;
	font-size:1.1rem;
	position:relative;
	text-align:left!important;
}
.business_listbox i{
	position:absolute;
	left:20px;
	color:var(--vk-color-primary)!important;
}
.business_listbox{
	padding:30px;
}

.support_en{
	font-family:var(--en);
	font-weight:600;
	color:var(--vk-color-primary)!important;
	font-size:2rem;
}

.business-check{
	background-color:var(--vk-color-custom-2);
	border-radius:25px;
	padding:30px 30px 30px 70px !important;
}
.business-check-white{
	background-color:#fff;
}

/* 採用情報 */
#main .recruit_intro_box img{
	width:auto;
	height:150px !important;
}
.recruit_value{
	padding:40px;
}
.recruit_value h3{
	font-size:2rem;
}

/* .recruit_value ul{
	display:flex;
	flex-wrap:wrap;
} 
.recruit_value li{
font-size:1.2rem;
width:33%;
}*/

.recruit_what_box1 .wp-block-group{
	height:100%;
	padding:30px;
}
.recruit_what_box2 .wp-block-group{
	height:100%;
	padding:30px;
}
.recruit_wel_box .wp-block-media-text{
	padding:30px 20px 30px 30px;
	border-radius:30px;
	height:100%;
}
.stepup_txtbox{
	background-color:#fafafa;
	border-radius:20px;
	padding:25px 25px 40px;
	width:250px;
	margin-bottom:8px;
}
.stepup_ti{
	border:solid 2px var(--vk-color-primary)!important;
	border-radius:70px;
	padding:4px 20px;
	margin-top:-28px;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	color:var(--vk-color-primary)!important;
}

.recruitment_box{
	padding:50px;
	border-radius:30px;
	background-color:#fff;
}

.rec-deta-number{
	font-size: 1.5em;
    margin-top: .5em;
    margin-bottom: 0;
    line-height: 1;
}
.rec-deta-number strong{
	font-family: var(--en);
    font-size: 1.7em;
}
/* お問い合わせ */
.smf-item__description{
	display:none;
}


.form_tel{
	 width:fit-content !important;
  margin:0 auto !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive / Single ブログ一覧ページ、ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

.postListText{
	border-bottom-style:solid;
}
.postListText_title a{
	text-decoration:none;
	font-size:1rem!important;
}
.postListText_date{
	font-size:1rem!important;
	padding-top:2px;
}
.postListText_singleTermLabel_inner{
	padding:4px !important;
}

.media-img{
	border-radius:10px;
}
.sideWidget h4{
	border-left:solid 4px var(--vk-color-primary)!important;
	padding-left:9px!important;
}
.sideWidget .localNavi{
	padding:2px 14px;
	border-radius:10px;
	margin-top:10px;
	background-color:var(--vk-color-custom-2)
}

/* 	円グラフ自動生成 */
:root {
	--pie1: #ed724c;
	--pie2: #efa81c;
	--pie3: #f3e03b;
	--pie4: #94c45d;
	--pie5: #4fa7cf;
	--pie6: #6672b2;
	--pie8: #dd3f3b;
}
.piechart_legend p::before {content: '■ ';}
.piechart_legend p:nth-child(1)::before { color:var(--pie1) }
.piechart_legend p:nth-child(2)::before { color:var(--pie2) }
.piechart_legend p:nth-child(3)::before { color:var(--pie3) }
.piechart_legend p:nth-child(4)::before { color:var(--pie4) }
.piechart_legend p:nth-child(5)::before { color:var(--pie5) }
.piechart_legend p:nth-child(6)::before { color:var(--pie6) }
.piechart_legend p:nth-child(7)::before { color:var(--pie7) }
.piechart_legend p:nth-child(8)::before { color:var(--pie8) }

.piechart {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}
.piechart_circle {
    aspect-ratio: 1;
    width: 120px;
    border-radius: 50%;
}
.piechart_legend p {
    line-height: 1.7;
	margin: 0;
}

.wrap2{
    container-type: inline-size;
}
.piechart_legend {
    display: block;
  font-size:14px;
}

@container (min-width: 250px) {
.piechart_legend {
    display: grid;
    grid-template: auto / 1fr 1fr;
	gap: 0 1em;
}
}

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