/*
Theme Name: Lightning Child 
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/
@charset "UTF-8";
.siteHeader {
	background: #a9f5f2 !important;
}
.siteHeader .container {
	display:flex;
	justify-content: space-between;
}
@media (min-width: 1200px) {
    .gMenu_outer {
        right: 0;
        float: right;
        width: inherit;
        min-height: 4em;
        display: table;
    }
}
.device-pc .gMenu>li a{
	font-weight: 100;
}
.device-pc .gMenu>li a:hover {
	color: #6849cf;
}
.gMenu>li:before {
	border-bottom: 0;
}

@media (max-width: 991.98px) {
    .gMenu_outer {
        display: none!important;
    }
}

@media (min-width: 1200px) {
	.container{
		max-width:100%!important;
    }
}

.header_scrolled .gMenu_outer {
	background-color: #a9f5f2;
}
.header_scrolled .gMenu>li {
	border-left: 0;
}
.header_scrolled .gMenu>li:last-child {
	border-right: 0;
}
@media (min-width: 992px) {
    .header_scrolled .gMenu_outer {
        display: flex;
        justify-content: end;
    }
}

.header_scrolled .gMenu_outer nav {
	margin:0;
}

@media (min-width: 992px) {

.header_scrolled .gMenu {
  float: right;
}

.navbar-header {
  top: -54px;
}

.header_scrolled .navbar-header {
  position: fixed;
  z-index: 2000;
  top: 0;
  transition: top 1s;
}

.header_scrolled.admin-bar .navbar-header {
  top: 32px;
  transition: top 1s;
}

.header_scrolled .siteHeader_logo img {
  max-height: 40px;
}

.header_scrolled .siteHeader_logo {
  font-size: 28px;
}

.header_scrolled .gMenu>li {
  border-left: none;
}

.header_scrolled .gMenu>li:last-child {
  border-right: none;
}

}


.siteFooter {
    border-top-color: #fff;
}

@media ( max-width:991.98px ) {
	.siteHeader{
		position: fixed!important;
	}
}
@media (max-width: 782px) {
    .admin-bar .vk-mobile-nav-menu-btn {
        top: 8px;
    }
}




/*****STANDART CSS******/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var,
video {
  margin: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  /******SMOOTH SCROLL ANCHOR******/
}

/*****STANDART CSS******/
/* ---------common--------- */
body {
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings: "palt";
}

body.open {
  overflow: hidden;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;
  color: #fff;
}
img {
  /*width: 100%;*/
}

/* パンくずリスト */
.bread {
  width: 100%;
  margin-top: 15px;
}

.bread .inner {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

.bread ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bread ul li {
  padding: 5px;
}

.bread ul li a {
  -webkit-transition: .15s;
  transition: .15s;
}

.bread ul li a:hover {
  opacity: 0.7;
}

.bread ul li:after {
  content: '\003e';
  margin-left: 10px;
  margin-right: 10px;
  color: #000;
}

.bread ul li:last-child:after {
  content: "";
}

/* flex */
/*.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
}*/

.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


.form_select {max-width: 1000px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between;}
.nav_form_select {width: 32%; height: 50px; text-align: center; background: #8766f2; font-size: 18px; line-height: 50px; color:#fff; border-radius: 10px; margin-bottom: 10px;}
.nav_form_select a {width: 100%; height: 50px; background: #8766f2; font-size: 18px; line-height: 50px; color:#fff; border-radius: 10px; text-align: center; display: block;}
.nav_form_select a:hover {width: 100%; height:50px; background: #4f2ebf; font-size: 18px; line-height: 50px; color:#fff; border-radius: 10px; text-align: center; display: block; text-decoration: none;}
.nav_form_select a.current {background:#a9f5f2!important;}
p.contact_txt {font-size: 16px; text-align: center;}
p.contact_txt  span {ccolor: red;}
.form {max-width: 1000px; width: 100%; display: flex;  justify-content: space-between; align-items: center; margin: 10px 0; border-bottom: 1px solid #777; padding-bottom: 5px;}

.formkomoku {
	width: 280px;
	float: none!important;
}
.content { max-width: 720px; width: 100%;}
.content2 { max-width: 720px; width: 100%; display: flex;  justify-content: left; white-space: nowrap;}
.content label { max-width: 720px; width: 100%;}
.content label select {width: 150px!important; }
.content2_base { max-width: 720px; width: 100%;}
.content2 label { max-width: 720px; width: 100%; display: flex; align-items: center;}
.content2 label select {width: 150px!important; }
.form-control {
    width: 100%!important;
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
	line-height: 34px;
	height: 34px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-right: 10px!important;
}


#very-special-field {
    background-color: #f3f3f1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc!important;
    padding: 0;
    height: 40px;
    margin-top: 3px;
    margin-bottom: 10px;
    font-size: 1em;
    color: #000;
}

@media (max-width: 768px) {
.form {max-width: 100%; width: 100%; display: block; margin: 10px 0;}
}

@media (max-width: 599px) {
.form_select {max-width: 90%; width: 100%; margin: 0 auto; display: block;}
.nav_form_select {width: 100%; height: 50px; text-align: center; background: #8766f2; font-size: 18px; line-height: 50px; color:#fff; border-radius: 10px;}
.nav_form_select a {width: 100%; height: 50px; background: #8766f2; font-size: 18px; line-height: 50px; color:#fff; border-radius: 10px; text-align: center; display: block;}
	.nav_form_select a:hover {width: 100%; height:50px; background: #4f2ebf; font-size: 18px; line-height: 50px; color:#fff; border-radius: 10px; text-align: center; display: block; text-decoration: none;}
.content2 label select {
    width: 100% !important;
}
}
/* 年を非表示 */
/*.wpcf7 input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}*/

/* 月を非表示 */
/*.wpcf7 input[type="date"]::-webkit-inner-spin-button {
    display: none;
}*/

/* 日を非表示 */
/*.wpcf7 input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}*/
.ui-datepicker-trigger {
    cursor: pointer;
}
.date-selection1 img {margin: 0 5px;}
.date-selection2 img {margin: 0 5px;}
.date-selection3 img {margin: 0 5px;}
.date-selection7 img {margin: 0 5px;}
.date-selection8 img {margin: 0 5px;}
.date-selection9 img {margin: 0 5px;}

/* 年/月/日テキストを非表示にする */
.custom-date::-webkit-datetime-edit-year-field,
.custom-date::-webkit-datetime-edit-month-field,
.custom-date::-webkit-datetime-edit-day-field {
    display: none;
}

/* カレンダーアイコンを非表示にしない */
.custom-date::-webkit-calendar-picker-indicator {
    display: block;
}

/* Firefox用 */
.custom-date::-moz-date-time-field {
    display: none;
}

/* フィールド全体を透明にしない */
.custom-date {
    opacity: 0; /* フィールド自体を透明にする */
    pointer-events: none; /* フィールド自体をクリックできなくする */
}

/* ラッパー要素のスタイル */
.custom-date-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 200px; /* 必要に応じて調整 */
    height: 34px; /* 必要に応じて調整 */
    border: 1px solid #ccc;
    border-radius: 4px;
	background-color: white;
	margin-right: 10px;
}

.custom-date-wrapper::before {
    content: ' '; /* カレンダーアイコン */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
/* フィールド全体をクリック可能にする */
.custom-date {
    position: relative;
    z-index: 2;
}
.mainSection-col-two {
	width:100%!important;
}