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

/* ========================
reset
======================== */
body {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, sans-serif;
	letter-spacing: 0.1em
}

/* i, a, a:before, a:after, button, button:before, button:after{
	transition: all 0.3s ease-in-out;
} */

*:focus, button:focus, a:focus {
	outline: none!important;
}
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
    color: #333333;
}

h3,
h4,
h5,
h6,
p,
ul,
li{
	letter-spacing: 0.03em
}
p{
	line-height: 1.8;
}

/* ========================
common
======================== */
@media (min-width: 1200px) {
    .container {
        max-width: 1080px;
    }
}

h2 {
    font-size: 1.25em;
    letter-spacing: .1em;
	margin-bottom: 0!important;
	margin-top: 0.5em!important;
}

.cus-h2-en{
    font-family: "Oswald", sans-serif;
/*    font-optical-sizing: auto; */
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.05em;
}

h3 {
    font-size: 1.6em;
	line-height: 1.8;
}
@media screen and (max-width: 768px) {
	h3 {
		font-size: 1.4em;
		line-height: 1.4;	
	}
}

.vk_button .vk_button_link.btn{
	border-radius: 0;
	font-weight: 600;
}
.vk_button .vk_button_link_caption .vk_button_link_after {
    margin-right: 0;
    background: transparent linear-gradient(90deg, #00873C 0%, #38A032 26%, #7FBF26 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 6px 8px;
    border-radius: 50%;
	font-size: 0.8em;
	margin-left: 2em;
}
.vk_button .vk_button_link.btn:hover .vk_button_link_caption .vk_button_link_after{
	background: #fff;
	color: #00873C;
}

/*
p,
ul li,
ol li {
    font-weight: 600;
}

table {
    border: 1px solid #635459;
}

table tbody tr td,
table thead tr th {
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #635459;
    color: #635459;
}

table thead tr th {
    background-color: #EAE5DA;
}

figure.is-type-video {
    max-width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .site-body-container {
        padding-left: 0;
        padding-right: 0;
    }
}

.main-section {
    margin-bottom: 0;
}

.breadcrumb {
    border-bottom: none;
}

@media screen and (max-width: 768px) {
    .wp-block-columns .wp-block-column:first-child {
        margin-bottom: 1.5rem;
    }
}
*/

/* ========================
utility
======================== */
/* 改行 */
.br-sp {
    display: none;
}
.br-pc {
    display: block;
}
@media screen and (max-width: 768px) {
    .br-sp {
        display: block;
    }

    .br-pc {
        display: none;
    }
}

/* 表示制御 */
.disp-sp {
    display: none;
}
.disp-pc {
    display: block;
}
@media screen and (max-width: 768px) {
    .disp-sp {
        display: block !important;
    }
    .disp-pc {
        display: none !important;
    }
}

/* 横幅 */
.full-width {
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}
.w-380 {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 576px) {
    .w-380 {
        width: 100%;
    }
}
.w-700 {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 992px) {
    .w-700 {
        width: 100%;
    }
}
.w-1000 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1200px) {
    .w-1000 {
        width: 100%;
    }
}

/* フォント色 */
.font-white{
	color: #fff;
}

.font-green{
	color:#00716E;
}

/* アニメーション：フェードイン */
@keyframes fadeInAnime{
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* ========================
ヘッダー
======================== */
.site-header--layout--nav-float .site-header-container{
	max-width: 1080px;
}	
/* @media (min-width: 992px){

} */

body.home .site-header {
    background-color: rgba(0,0,0,0);
	position: absolute;
    box-shadow: none;
}
body.home.header_scrolled .site-header{
	position: fixed;
	background-color: #fff;
}
@media screen and (max-width: 768px) {
    body.home .site-header {
		position: relative;
    }
}

/* ヘッダー装飾 */
.site-header:before {
    content: "";
    display: inline-block;
	width: 72px;
    height: 46px;
    background: url(./images/nav-border-l.png) no-repeat center center/contain;
	position: absolute;
    top: 50%;
	left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.site-header:after {
    content: "";
    display: inline-block;
	width: 72px;
    height: 46px;
    background: url(./images/nav-border-r.png) no-repeat center center/contain;
	position: absolute;
    top: 50%;
	right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .site-header:before, .site-header:after {
		width: 45px;
    }
}

/* ロゴ */
body.home .site-header-logo span{
	position: relative;
}
body.home .site-header-logo span:before{
    position: absolute;
    top: 0;
	left: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(./images/logo-a-c7s-white.png) no-repeat left center / contain;
	animation: fadeInAnime 1s ease-in-out 2s 1 normal forwards;
	opacity:0;
	z-index: 0;
}
.header_scrolled .site-header-logo {
    display: block;
}
body.home.header_scrolled .site-header-logo span:before{
	z-index: -1;
}
@media (max-width: 991.98px){
/* 	.site-header-logo{
		text-align: left;
	} */
	body.home .site-header-logo span:before{
		content: none;
/* 		top: 0%;
		left: 50%; */
/* 		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%); */
	}
}
@media screen and (max-width: 768px) {
	body.home .site-header-logo span:before{
		content: none;
	}
}

/* ナビメニュー */
@keyframes color-change{
	0% {color:#000;}
	100% {color:#fff;}
}
body.home .global-nav-list>li .global-nav-name{
	animation: color-change 1s ease-in-out 2s 1 normal forwards;
}
.header_scrolled .site-header .global-nav .global-nav-list>li .global-nav-name{
	color: #000!important;
}


/* ========================
トップスライドショー
======================== */
/* 背景画像 */
.ltg-slide picture{
	position: relative;
}
@keyframes fade-slide-cover {
    0% { opacity: 0; }
	100% { opacity: 0.58; }
	100% {background:#000000;}
}
.ltg-slide picture:before{
    position: absolute;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
	animation: fade-slide-cover 1s ease-in-out 2s 1 normal forwards;
}
@media screen and (max-width: 576px) {
	.swiper-container{
		padding-bottom: 120px;	
	}
}

/* スライドテキスト＆リンクブロック */
.ltg-slide-text-set{
	animation: fadeInAnime 1s ease-in-out 2s 1 normal forwards;
	opacity:0;
	margin-top: 2rem;
}
@media screen and (max-width: 576px) {
    .ltg-slide-text-set{
		top: 30%;
		left: 0%;
    	transform: translateY(0%) translateX(0%);
		padding: 0 1.5rem;
    }
}
.ltg-slide-text-set .container{
	max-width: 825px;
}

/* キャッチコピー */
.ltg-slide-text-title{
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 5.5rem;
	line-height: 1.2;
	letter-spacing: 0.018em;
}
@media screen and (max-width: 768px) {
    .ltg-slide-text-title{
		font-size: 2.2rem;
    }
}

/* 企業理念リンク */
.ltg-slide .mini-content-container-1 .btn{
	background: url(./images/fv-link-green.jpg) no-repeat center / cover;
	border: none;
    border-radius: unset;
    text-align: left;
	font-size: 1.35rem;
	padding: 1.2em 2em;
}
.ltg-slide .mini-content-container-1 .btn:hover{
	background: url(./images/fv-link-blue.jpg) no-repeat center / cover;
}
.ltg-slide .mini-content-container-1 .btn div{
	display: inline-block;
}
.ltg-slide .mini-content-container-1 .btn .cus-btn-txt{
	margin-right: 4rem;
	line-height: 1.7;
}
.ltg-slide .mini-content-container-1 .btn .cus-btn-link{
	font-size: 14px;
	font-weight: 600;
	padding: 10px 35px 10px 0px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.ltg-slide .mini-content-container-1 .btn{
		background: url(./images/fv-link-green-sp.jpg) no-repeat center / cover;
		font-size: 18px;
		margin-top: 2.3rem;
		padding: 1.2em;
    }
	.ltg-slide .mini-content-container-1 .btn:hover{
		background: url(./images/fv-link-blue-sp.jpg) no-repeat center / cover;
	}
	.ltg-slide .mini-content-container-1 .btn .cus-btn-txt{
		margin-right: 0;
		margin-bottom: 1rem;
		line-height: 1.4;
	}

}

/*線の設定*/
.ltg-slide .mini-content-container-1 .btn .cus-btn-link:before{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	background:#fff;
	width:100%;
	height:2px;
	animation: arrowlong 2s ease infinite;
}
@keyframes arrowlong{
    0%{width:0;opacity:0}
    20%{width:0;opacity:1}
    80%{width:105%;opacity:1}
    100%{width:105%;opacity:0}
}

.ltg-slide .mini-content-container-1 .btn .cus-btn-link span:after {
    content: '';
    position: absolute;
    top: 40%;
	right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    transition: all .3s;
}

/* ========================
トップ下部
======================== */
/* 事業内容 */
#sec-service h3 {
    margin-bottom: 1.125em !important;
}

/* 会社情報・IR情報・採用情報 */
#sec-contents .wp-block-cover{
	min-height: 312px;	
}
@media screen and (max-width: 768px) {
	#sec-contents .wp-block-cover{
		min-height: 238px;	
	}
}

#sec-contents .wp-block-cover .wp-block-cover__inner-container:before{
    content: '';
    position: absolute;
    top: 51%;
    right: 1.4em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 42px;
    height: 42px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: transparent linear-gradient(90deg, #00873C 0%, #38A032 26%, #7FBF26 100%) 0% 0% no-repeat padding-box;
    transition: all .3s;
}
#sec-contents .wp-block-cover .wp-block-cover__inner-container:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 2.5em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    transition: all .3s;
}

#sec-contents .wp-block-cover:hover .wp-block-cover__background{
	background-color: #005AA0!important;
	opacity: 0.58;
	transition: all .3s;
}
#sec-contents .wp-block-cover:hover .wp-block-cover__inner-container:before{
	background: #fff;
}
#sec-contents .wp-block-cover:hover .wp-block-cover__inner-container:after{
	border-color: #005AA0;
}


/* ========================
 * 下層ページ：共通
======================== */
/* .page-header{
	background-color: #fff;
}
.page-header-inner{
    max-width: 100%;
    padding: 0;
	margin-bottom: 0;
}
.page-header-title-link{
	display: flex;
    justify-content: space-between;
	max-width: 1140px;
    margin: auto;
} */
/* ページタイトル */
/* .page-header-title{
	color: #333;
}
.page-header-title:after{
	content: "COMPANY";
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #00716E;
	font-size: 14px; 
} */
/* ページタイトルのリンク */
/* .page-header-link{
	color: #333;
} */
/* ページタイトルのアイキャッチ画像 */
.page-header-image{
}
.page-header-image img{
	width: 100%;
	vertical-align: bottom;
}

/* パンくず */
.breadcrumb{
	background-color: #F0F3F5;
	border: none;
}