@charset "utf-8";
/*
Theme Name: Lightning Child
Template: lightning
Author:アートフレア株式会社
Version: 1.2
*/
/* 標準データ最終更新日：2025/04/14  */


/*
 * WEBフォントの読み込み（@import url('https://fonts～'); ）はHeader.phpで行う
*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */

h1,h2,h3,h4,h5 {
	font-weight:400;
}
.fw-normal {
	font-weight:normal;
}
.fw-bold{
	font-weight:bold;
}
p,li {
	line-height:2;
}
.img-100 img {
	width:100%;
}

.site-body-container.container {
	max-width:1030px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */


/*見出し*/
.is-style-vk-heading-both_ends span {
	font-size:30px;
	font-weight:700;
}

/*テーブル*/
.wp-block-flexible-table-block-table>table tr th,
.wp-block-flexible-table-block-table>table tr td {
	font-size:1rem;
	border-color:#ccc;
	padding:10px;
}
.wp-block-flexible-table-block-table.is-style-border-rows>table {
	border-top-width:0;
}
.wp-block-flexible-table-block-table.is-style-border-rows>table tr th,
.wp-block-flexible-table-block-table.is-style-border-rows>table tr td {
	border-style:dotted;
	border-width:1px 0;
	border-color:#ccc;	
	padding:10px;
}

.w-800 {
	width:800px;
}
.fit-content {
	width:fit-content;
}

/*ボタンリセット*/
.vk_button .vk_button_link.btn:hover {box-shadow:none;}

.vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt, .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_subCaption{
  text-decoration:none!important;
}


/*ボタン*/
.vk_button_link.vk_button_link-type-text .vk_button_link_txt {
	color:#000;
	font-weight:700;
}
.vk_button_link.vk_button_link-type-text .vk_button_link_caption {	
	font-size:20px;
}
.vk_button_link.vk_button_link-type-text:hover .vk_button_link_txt {
	color:var(--vk-color-primary);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in.device-pc #site-header {
    top: 32px;
}

.site-header-container.container {
	max-width:1000px;
}

.site-header--layout--nav-float .site-header-logo {
	width:auto;
}
.site-header-logo img {
	max-height:70px;
}

/* グローバルナビ */
.global-nav-list {
	width:100%;
}
.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);
}

.global-nav-name {
    font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size:17px!important;
	letter-spacing:0.1rem;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */



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

.wp-block-group.has-link.floating-banner {
	position:fixed;
}
.floating-banner {
    top: 150px;
    right: 20px;
    background-color: #0e4b29;
    border-radius: 1rem;
    padding: 10px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: transform 0.3s;
    z-index: 11;
}
.floating-banner p {
	font-size:1.2rem;
	line-height:1.5;	
    color: white;
}
.floating-banner:hover {
    transform: scale(1.1);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */

.page-header-title, h1.page-header-title {
	font-size:40px;
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
	letter-spacing:.1em;
}
.page-header-subtext {
	font-size:1rem;
}

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

/* 会社概要 */

/* 会社概要　＞　代表あいさつ */

/*SERVICE*/
.flow1 .wp-block-group {
	text-align: center;
    background-color: #f5f5f5;
    border: 3px solid #a9a9a9;
    padding: 10px;
    border-radius: 5px;
	height:115px;
	position:relative;
}
.flow1 .wp-block-vk-blocks-grid-column-item:not(:last-child):after {
	content:url(../../../wp-content/uploads/arrow2.png);
	position:absolute;
	top:50%;
	right:-5px;
	transform:translateY(-50%);
}
.flow1 .wp-block-group p {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	transform:translate(-50%,-50%);
}

.flow2 .wp-block-column {	
	position:relative;
}
.flow2 .wp-block-column:not(:last-child):after {
	content:url(../../../wp-content/uploads/arrow2.png);
	position:absolute;
	top:18px;
	right:-20px;
}
.flow2 h5 {
	background-color: #414141;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 55px;
    border-radius: 5px;
    font-weight: normal;
    margin-bottom: 13px;
}

.col-list > p {
    background-color: #f5f5f5;
    line-height: 60px;
	width:100%;
	text-align:center;
}

.list-borderbox .wp-block-group {
    border: solid 1px #777;
    padding: 20px;
	min-height:510px;
}
.list-borderbox .wp-block-group h5 {
	font-size: 26px;
    font-weight: normal;
    margin-bottom: 15px;
    text-align: center;
    color: #004d25;
}

/*TOOL*/
.formwrap {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.form2 table,
.form2 table th,
.form2 table td,
.form1 table,
.form1 table th,
.form1 table td {
	border-width:0;
	font-size:1rem;
	padding:15px 10px 10px;
}
.form2 table tr,
.form1 table tr {
	border-bottom:1px dotted #ccc;
}
.form2 table tr th {
	width:25%;
}
.form2 table tr th:nth-child(3) {
	width:50%;
}
.form2 table tr td:nth-child(2) input[type=text] {
	width:30%;
}
.form2 table tr td:nth-child(3) input[type=text] {
	width:65%;
}
.form2 table td p {
	margin-bottom:0;
	text-align:center;
}
.form2 table td ul {
	list-style:none;
	padding-left:0;
	display:flex;
}
.form2 table td ul li imput {
	width:55%;
}

.com_L,
.com_R {
	width:470px;
}

.com_L input[type="text"],
.com_R input[type="text"] {
	width:60%;
}
.box_as {
    border: solid 8px #f5f5f5;
    padding: 30px;
    box-sizing: border-box;
}
.controls.formControls {
	padding-top:15px;
	text-align:center;
}


/*申請自治体*/

.bgmap {
background:url(../../uploads/bgmap.jpg)no-repeat top center/contain;
}
.bgmap > div {
display:flex;
justify-content:center;
gap:1rem;
width:fit-content;
margin-inline:auto;
}
.bgmap > div > div {
width:100%;
}
.bgmap table {
  width:100%;
  border-collapse: collapse;
margin-bottom:15px;
}
.bgmap table th {
border:1px solid #ccc;
padding:.5rem;
}
.bgmap table td {
border:1px solid #ccc;
padding:.5rem 1rem .5rem .5rem;
}

.bgmap table th {
background:rgba(0,0,0,.8);
color:#fff;
writing-mode: vertical-rl;
width:10%;
	font-size:1rem;
	padding:1rem;
}
.bgmap table td {
background:rgba(255,255,255,.8);
white-space:nowrap;
	font-size:1rem;
	padding:1rem;
	width:130px;
}
.bgmap table td a {
color:#000;
	text-decoration:none;
}

/*採用情報*/
.page-id-5107 header.entry-header,
.page-id-5109 header.entry-header {
	display:none;
}

/*****アコーディオン******/
.accordion-003 {
}
.accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    color: #000000;
    cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 20px;
    border-bottom: 3px solid #000000b3;
    border-right: 3px solid #000000b3;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .5rem .5rem 0 .5rem;
    line-height: 1.5;
    color: #000000;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.widget-title.sub-section-title {
	font-family: 'Raleway', sans-serif;
    font-weight: 400;
    border-bottom: 1px dotted #ccc;
    color: #333;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px!important;
    padding: 10px 5px;
}
.sub-section .widget_archive>ul li:not(:last-child), .sub-section .widget_nav_menu>ul li:not(:last-child) {
	border-bottom:none;
}
.sub-section .widget_nav_menu>ul li a {
	padding:0 5px 10px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

h1.entry-title {
	font-size:22px;
	font-weight:700;
}
.entry-meta {
	background-color: #f7f7f7;
    font-size: 11px;
    margin: 15px 0 5px;
    padding: 5px 10px;
}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */