/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

body{
	font-size:18px;
	letter-spacing:0.75px;
	line-height:200%;
	color:#282828;
}

img{
	vertical-align:top;
}

a{
	text-decoration:none;
	transition:0.5s ease;
	cursor:pointer;
}

p{
	line-height:200%;
}

a:hover{
	opacity:0.5;
	cursor:pointer;
}

.center{
	text-align:center;
}

.pc{display:block;}
.sp{display:none;}

.flex-between{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.normal_txt p{
	font-size:18px;
	line-height:200%;
}

.normal_txt p:last-of-type{
	margin-bottom:0;
}

@media(max-width:767px){
body{
	font-size:15px;
}
	
.pc{display:none;}
.sp{display:block;}
}


/****ヘッダー***/

.header_scrolled .site-header {
    background-color: #282828;
}

.header_scrolled.device-pc .global-nav-list>li:last-of-type>a{
	width:6rem;
	height:6rem;
}

.header_scrolled .global-nav-list>li .global-nav-description {
    font-size: 1.2rem;
}

.header_scrolled .global-nav-list>li:last-of-type .global-nav-name {
    margin-bottom: 5px;
    font-size: 13px;
}

.ltg-slide-inner picture{
    position: relative;
}

.ltg-slide-inner picture:after {
	content:"";
	width:100%;
	height:100%;
	display:block;
    position: absolute;
	top:0;
	left:0;
	background:rgba(150,150,150,0.9);
	mix-blend-mode:multiply;
}

body:not(.header_scrolled) .site-header--trans--true {
    background-color: rgba(255, 255, 255, 0) !important;
}

.global-nav-list li{
	margin:0 2rem 0 0;
}

.global-nav-list li:last-of-type{
	margin:0;
}

.device-pc .global-nav-list>li>a{
	color:#fff;
	padding:0;
	display:inline-block;
	font-size:15px;
	font-weight:normal;
}

.device-pc .global-nav-list>li>a:hover{
	transform:translatey(-5px);
}

.device-pc .global-nav-list>li:last-of-type >a:hover{
	transform:translatey(0);
}

.device-pc .global-nav-list{
	display:flex;
	align-items:center;
}

.global-nav-list>li:before{
	display:none;
}

.device-pc .global-nav-list>li:last-of-type>a{
	border:1px solid #fff;
	border-radius:50%;
	width: 8rem;
    height: 8rem;
    display: flex;
	flex-direction:column;
    align-items: center;
    justify-content: center;
	font-family:serif;
	overflow:hidden;
	position:relative;
}

.device-pc .global-nav-list>li:last-of-type>a:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:#000;
	transform:translatex(-9rem);
	transition:0.5s ease;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

.device-pc .global-nav-list>li:last-of-type>a:hover{
	opacity:1;
}

.device-pc .global-nav-list>li:last-of-type>a:hover:before{
	transform:translatex(0);
}

.global-nav-list>li .global-nav-description {
    font-size: 1.8rem;
    overflow: visible;
    line-height: 100%;
    opacity: 1;
	transition:0.5s ease;
}

.device-pc .global-nav-list>li:last-of-type>a:hover .global-nav-description{
	color:#dd6617;
}

.global-nav-list>li:last-of-type .global-nav-name {
	margin-bottom:0.5rem;
	font-size:13px;
}

h1.site-header-logo {
    margin-bottom: 0.5rem;
}

#site-header-container {
    display: flex;
    align-items: center;
}

.ltg-slide-text-set {
    bottom: 3rem !important;
    top: auto !important;
    transform: translateX(-50%);
}

/***TOPページ****/

.site-body{
	padding-top:0;
}

.top_aboutArea{
	background-image:url(/wp-content/uploads/2026/11/bg_black.jpg);
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	color:#fff;
	padding-top:10rem;
	padding-bottom:16rem;
}

.top_aboutArea:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background-image:url(/wp-content/uploads/2026/11/top_about_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position-x:right;
	position:absolute;
	top:0;
	left:0;
	opacity:0.3;
	z-index:-2;
}

.top_aboutArea:after{
	content:"";
	width:100%;
	height:20rem;
	display:block;
	background:#104763;
	position:absolute;
	left:0;
	bottom:-10rem;
	transform:skewy(-5deg);
	z-index:-1;
}

.top_aboutArea .container{
	position:relative;
}

h2.top_about_catch {
    border: none;
    font-family: serif;
    font-size: 5rem;
    margin-bottom: 2rem;
	padding:0;
}

h2.top_about_catch span {
    display: block;
    font-size: 3.5rem;
    line-height: 150%;
}

.first_catch_ttl {
    font-family: serif;
    font-weight: bold;
    white-space: nowrap;
    font-size: 12.5cqw;
    mix-blend-mode: overlay !important;
    opacity: 0.2;
    text-align: center;
}

.normal_btn_box {
    margin-top: 2rem!important;
	display:inline-block;
}

a.normal_btn {
    color: #282828;
	display:inline-block;
	font-size:1.3rem;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

.top_aboutArea a.normal_btn {
    color: #fff;
}

a.normal_btn span {
    position: relative;
    display: inline-block;
    background: #fff;
    width: 3rem;
    height: 1.8rem;
    border-radius: 100%;
	margin-left:1rem;
	overflow:hidden;
}

a.normal_btn span:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:#dd6617;
	transition:0.5s ease;
	transform:translatex(-100%);
	position:absolute;
	top:0;
	left:0;
	opacity:1;
}

a.normal_btn:hover span:before{
	transform:translatex(0);
	opacity:1;
}

a.normal_btn span p{
	margin:0;
	width:100%;
	height:100%;
	position:relative;
}

a.normal_btn:hover{
	opacity:1;
}

a.normal_btn span p:before, a.normal_btn span p:after{
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background:#104763;
	top:50%;
	left:50%;
	transition:0.8s ease;
}

a.normal_btn span p:before{
	width:8px;
	transform:rotate(30deg) translate(-50%, -50%);
	left:65%;
}

a.normal_btn span p:after{
	transform:translate(-50%, -50%);
	width:1.5rem;
}

a.normal_btn:hover span p:before, a.normal_btn:hover span p:after{
	background:#fff;
}

a.normal_btn:hover span p:before{
	left:75%;
}

a.normal_btn:hover span p:after{
	left:60%;
}

.top_voiceArea{
	color:#fff;
	align-items:flex-end;
}

.top_voiceBox {
    align-items: flex-end;
	position:relative;
	margin-bottom:2.5rem;
}

.top_voiceBox:before{
	content:"";
	width:40rem;
	height:40rem;
	display:block;
	background-image:url(/wp-content/uploads/2026/11/bg_deco01.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:-5rem;
	left:-10rem;
	z-index:-1;
	mix-blend-mode:multiply;
}

.top_voiceBox h2{
	padding:0;
	margin:0;
	font-family:serif;
	font-size:4.5rem;
	border:none;
	width:50%;
}

.top_voiceBox .normal_txt{
	width:50%;
	margin-bottom:1.5rem;
}

/***スライド****/

.voice_slide .vk_slider_item-paddingLR-use{
	padding:0 0.5rem;
}

.voice_info{
	color:#fff;
	text-align:center;
	transition:0.5s ease;
	width:100%;
	padding:0.5rem;
	position:relative;
	overflow:hidden;
}

a.voice_child:hover{
	opacity:1;
}

a.voice_child:hover:before{
	transform:translatex(0);
}

.voice_name{
	font-size:20px;
}

.voice_name span{
	display:block;
	font-size:15px;
	line-height:120%;
}

.voice_info p{
	font-size:14px;
	margin:0;
}

.voice_img{
	position:relative;
}

.voice_img:after{
	content:"";
	width:100%;
	height:100%;
	background:rgba(21,22,22,0.5);
	display:block;
	transition:0.5s ease;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	mix-blend-mode:multiply;
}

a.voice_child:hover .voice_img:after{
	opacity:1;
}

.top_voiceArea a.normal_btn{
	color:#fff;
}

.top_businessArea{
	background:linear-gradient(to bottom, #104763, #002732);
	padding-bottom:6rem;
}

.top_business_left, .top_business_right {
    width: 48%;
}

.top_business_left h3 {
    border: none;
    padding: 0;
    margin: 0 0 2rem;
    font-family: serif;
    color: #fff;
    font-size: 4rem;
}

.top_business_left h3:after {
    display:none;
}

.top_business_left .normal_txt{
	color:#fff;
}

.top_business_main {
    margin-bottom: 5rem;
}

.business_list_ttl{
	color:#fff;
	font-family:serif;
	text-align:center;
	font-size:3rem;
	border:none;
	padding:0;
	margin:0 0 2rem;
}

.business_list_ttl:after{
	display:none;
}

ul.top_business_list {
    margin: 0;
	padding:0;
}

ul.top_business_list li{
    list-style-type:none;
	margin:0 0 2rem;
	background:#fff;
	padding:2rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

ul.top_business_list li:last-of-type{
    margin-bottom:0;
}

.top_business_txt {
    width: 48%;
}

.top_business_simg {
    width: 48%;
}

.skew_deco02, .skew_deco01{
	position:relative;
}

.skew_deco01:after, .skew_deco02:before{
	position:relative;
	content: "";
    width: 100%;
    height: 20rem;
    display: block;
    background: #104763;
    position: absolute;
    left: 0;	
    transform: skewy(-5deg);
    z-index: -1;
}

.skew_deco02:before{
    top: -16rem;
}

.skew_deco01:after{
    bottom: -10rem;
}

.top_num_img img, .top_business_img img{
	filter: grayscale(100%);
}

.top_business_img{
	position:relative;
}

.top_business_img:after{
	content:"";
}

.top_num_img.skew_deco02:before{
	z-index:2!important;
}

.top_num_img.skew_deco01:after{
	z-index:2!important;
	background:#dd6617;
}

.top_numArea h2{
	font-family:serif;
	font-size:5rem;
	border:none;
	color:#fff;
	text-align:center;
	padding:0;
	margin:0 0 1.5rem!important;
}

.top_numArea h3{
	border:none;
	text-align:center;
	padding:0;
	margin:0;
	font-size:1.8rem;
	font-family:serif;
	color:#fff;
}



.top_numArea h3:after{
	display:none;
}

h2.top_business_catch {
    border: none;
    padding: 0;
    margin: -5rem 0 5rem!important;
    font-family: serif;
    color: #fff;
    text-align: center;
	white-space: nowrap;
    font-size: 9.5cqw;
    mix-blend-mode: overlay !important;
	position:relative;
	z-index:3;
}

/***レスポンシブ*****/
@media(max-width:767px){
.ltg-slide-text-set {
    bottom: auto !important;
    top: 50% !important;
    transform: translateX(-50%) translateY(-50%);
}
	
.site-header-logo img {
	max-height: 35px;
}
	
h2.top_about_catch span {
    font-size: 22px;
	margin-bottom:10px;
}
	
h2.top_about_catch {
    font-size: 30px;
    margin-bottom: 30px;
}
	
.normal_txt p {
    font-size: 15px;
}
	
a.normal_btn {
    font-size: 16px;
}
	
.first_catch_ttl {
    text-align: left;
    padding-left: 15px;
}
	
.top_aboutArea {
    padding-top: 50px;
    padding-bottom: 150px;
}
	
.top_aboutArea:after {
    height: 15rem;
    bottom: -10rem;
}
	
.top_voiceBox h2 {
    font-size: 30px;
	margin-bottom:30px;
    width: 100%;
}
	
.top_voiceBox .normal_txt {
    width: 100%;
    margin-bottom: 0;
	line-height:180%;
}
	
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 25px;
    padding-left: 25px;
}
	
.vk_outer-width-full.vk_outer-paddingLR-none>div>.vk_outer_container {
    padding-left: 25px;
    padding-right: 25px;
}
	
.voice_name {
    font-size: 15px;
}

.voice_name span{
    font-size: 13px;
}
	
.voice_info p{
	line-height:140%;
	font-size:13px;
}
	
.top_voiceBox{
	margin-bottom:10px;
}
	
.top_business_left{
	width:100%;
}
	
.top_business_left h3 {
    margin: 0 0 30px;
    font-size: 30px;
}
	
.top_business_main {
    margin-bottom: 50px;
    flex-direction: column-reverse;
}
	
.business_list_ttl {
    font-size: 25px;
    margin: 0 0 20px;
}
	
ul.top_business_list li{
	flex-direction:column-reverse;
	padding:15px 15px 25px;
	margin-bottom:20px;
}
	
.top_business_simg, .top_business_txt  {
    width: 100%;
}
	
.top_business_simg{
	margin-bottom:10px;
}
}