/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/
.page-header{
	margin-top: 0 !important;
}
.page-header-title{
	font-weight: 600;
}
.page-header-subtext {
    font-size: 1rem;
  font-weight: 600;
  color: #005283;
}
.entry-title{
  font-size: 1.75rem;
  font-weight: 600;
  border-bottom: 1px solid #005283;
  padding: 0.5em 0.25em;
  margin-bottom: 1em;
}
.entry-body h2,
.section-wrap h2,
.archive-header-title {
  font-size: 1.75rem;
  font-weight: 600;
  border-bottom: 1px solid #005283;
  padding: 0.5em 0.25em;
  margin-bottom: 1em;
}
.entry-body h3 {
  background-color: #d8f0f5;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.25em 1em;
  margin-bottom: 0.875em;
}
.entry-body h4 {
  position: relative;
  z-index: 1;
  font-size: 1.25rem;
  color: #005283;
  font-weight: bold;
  padding-top: 0.15em;
  padding-bottom: 0.25em;
}
.entry-body h5 {
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.25em 0;
}
.entry-body h6 {
  position: relative;
  z-index: 10;
  font-size: 1rem;
  font-weight: bold;
  padding-left: 0.75em;
}
.entry-body h6::before {
  position: absolute;
  z-index: 5;
  display: inline-block;
  content: "";
  width: 0.325em;
  height: 75%;
  background: #004ea2;
  top: 0.15em;
  left: 0;
}
.site-body ul li{
	list-style: unset;
}
.site-body ul.is-style-vk-check-mark li,
.localNavi{
	list-style: none;
}
.vk_accordion-trigger .vk_accordion-toggle-close::after,
.vk_accordion-trigger .vk_accordion-toggle-open::after {
      border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
      width: 14px;
    height: 14px;
}
.page_link{
	position: relative;
	z-index: -10;
	display: block;
	margin-top: -120px;
	padding-top: 120px;
	cursor: auto;
}
.page_link:focus{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    outline:none;
}
@media screen and (max-width:767px) {
  .page-header{
    min-height: 180px;
    background-position-x:center;
    margin-top: 0;
  }
  .page-header-title,h1.page-header-title {
      font-size: 1.75rem;
  }
	.page_link{
		margin-top: -80px;
		padding-top: 80px;
	}
}
.wp-block-button{
	text-align:center;
	margin:20px auto 30px;
}
.wp-block-button a{
	display:block;
	max-width:350px;
	border-radius: 50px !important;
	color:#fff;
	font-size:1rem;
	padding: 1em 4em 1em 2em;
	position:relative;
	text-decoration:none;
	margin:0 auto;
	background: rgb(0 82 131);
	transition:transform .4s;
}
.wp-block-button a::before,
.wp-block-button a::after {
  content: "";
  position: absolute;
  z-index: 0;
  margin: auto;
  inset: 0 2em 0 auto;
  width: 16px;
  height: 2px;
  border-radius: 10px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1px) 50%;
  transform: rotate(27deg);
	transition: inset 0.3s;
}
.wp-block-button a::after{
  transform: rotate(-30deg);
}
@media (any-hover: hover) {
	.wp-block-button a:hover{
		transform:translateY(5px);
		background-color: rgb(0 82 131);
		filter: none;
	}
	.wp-block-button a:hover::before,
	.wp-block-button a:hover::after{
		inset: 0 1.7em 0 auto;
	}
}
/* archive
-------------------------------------------------------------------*/
.archive .widget,
.single-news .widget_text{
	margin-bottom: 0;
}
ul.vk_archive-list{
	padding-left: 0;
}
ul.vk_archive-list li{
	padding-bottom: .5em;
	border-bottom: 1px solid #005283;
	list-style: none;
}
ul.vk_archive-list li a{
	color: unset;
	padding-bottom: .5em;
	text-decoration: unset;
}
ul.vk_archive-list li a:hover{
	opacity: 0.7;
}
ul.vk_archive-list li::marker{
	content: none;
}
.vk_posts-postType-news .type-news{
	padding: 1.5em;
}
.post-type-news .site-body ul li {
	list-style: none;
}
.vk_posts-postType-news .type-news .postListText_title a{
	font-size: 1rem;
	text-decoration: none;
	color: unset;
}
.vk_posts-postType-news .type-news .postListText_title a:hover{
	opacity: 0.7;
}
@media screen and (max-width:767px) {
	.vk_posts-postType-news .type-news{
		padding: 1em;
	}
}
/* equipment
-------------------------------------------------------------------*/
.post-name-equipment .wp-block-table.is-style-vk-table-border-top-bottom table,
.post-name-equipment .wp-block-table.is-style-vk-table-border-top-bottom th,
.post-name-equipment .wp-block-table.is-style-vk-table-border-top-bottom td {
	min-width: 80px;
}
@media screen and (max-width:767px) {
	.swiper-pagination-bullet {
	    width: 10px;
		height: 3px;
	}
}

/* recruit
-------------------------------------------------------------------*/
.post-name-recruit .snf-agreement{
	margin: 2em auto 2em;
	padding: 1em 2em 2em;
	background: #f3f3f3;
	max-width: 800px;
}
.post-name-recruit .snf-agreement .agree_lead {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    background: none;
}
.post-name-recruit .snf-agreement .agree-text {
    max-height: 200px;
    max-width: 720px;
	margin: auto auto 1em;
    overflow-y: scroll;
    padding: 1em; 
    border: 1px solid #282828;
	background: #fff;
}
.post-name-recruit .snf-agreement .smf-label {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
}
.post-name-recruit .snf-agreement .smf-error-messages {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
}
.post-name-recruit .snf-agreement .smf-placeholder{
	text-align: center;
	width: auto;
}
.smf-action {
	display: flex;
	justify-content: center;
	margin-top: 4em;
	gap: 0 1em;
}
.smf-action .smf-button-control__control {
	display:flex;
	width: fit-content;
	max-width: 300px;
	min-width: 230px;
	color: #FFF;
	font-size: 1rem;
	font-weight: 600;
	padding: 10px 2em;
	min-height: 58px;
	align-items:center;
	justify-content:center;
	position:relative;
	z-index: 0;
	text-decoration:none;
	display:block;
	max-width:250px;
	border-radius:50px;
	color:#fff;
	font-size:0.875rem;
	padding: 1.5em 2em 1.5em 2em;
	position:relative;
	text-decoration:none;
	margin:0 auto;
	background: rgb(72 185 208) !important;
	transition:transform .4s;
	border: none !important;
}

.smf-action .smf-button-control__control::before,
.smf-action .smf-button-control__control::after {
  content: "";
  position: absolute;
  z-index: 0;
  margin: auto;
  inset: 0 2em 0 auto;
  width: 16px;
  height: 2px;
  border-radius: 10px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1px) 50%;
  transform: rotate(27deg);
	transition: inset 0.3s;
}
.smf-action .smf-button-control__control::after{
  transform: rotate(-30deg);
}

@media (any-hover: hover) {
	.smf-action .smf-button-control__control:hover::before,
	.smf-action .smf-button-control__control:hover::after{
		inset: 0 1.7em 0 auto;
	}
}