/*
Theme Name: Lightning Child (G3)
Theme URI: 
Template: lightning
Description: Child theme for Lightning Generation 3 (G3). Add your custom CSS/JS and template overrides here.
Author: 
Version: 1.0.0
Text Domain: lightning-child-g3
*/

/*
  Place your custom CSS below.
  Tip (Lightning G3): parent theme files for G3 live under /wp-content/themes/lightning/_g3/
*/

/*header*/
.global-nav-list {
    align-items: center;
}
.global-nav-list>li {
	margin-left: 24px;
}
.global-nav-list>li.header-contact {
	margin-left: 32px;
}
.global-nav-list>li .global-nav-name {
    font-size: 18px;
    font-family: metronic-slab-narrow, serif;
    letter-spacing: 0.05rem;
    color: #05447A;
    font-weight: 600;
}
.header-contact a {
	background: #F6BC26;
	    padding: 12px 24px!important;
    border-radius: 50px;
    line-height: 1;
    height: 46px;
}
@media screen and (max-width:991.98px) { 

.site-header-logo img {
    max-height: 38px;
}
}
@media screen and (max-width:991px) { 
.admin-bar .vk-mobile-nav-menu-btn {
    top: calc(46px + 7px);
    border: none;
	position: absolute;
}
}
.vk-mobile-nav nav>ul {
    border-top: none;
}
.vk-mobile-nav nav ul li {
    margin-bottom: 12px;
}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
    border: none;
    font-family: metronic-slab-narrow, serif;
    font-weight: 600;
    color: #05447A;
}
.vk-mobile-nav .header-contact a {
	background: none;
	padding: .7em .5em!important;
}


/*見出し*/
.top-h2 {
	     text-align: center;
    border: none;
    margin: 0 0 32px;
    font-size: 36px;
    font-family: metronic-slab-narrow, serif;
    font-weight: 600;
    letter-spacing: 0.05rem;
    text-indent: 0.05rem;
    color: #05447A;
    position: relative;
    padding: 0 0 8px;
}
.top-h2::after {
	    content: "";
    width: 87px;
    height: 4px;
    background: #F8DB8F;
    border-radius: 50px;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}
.top-h2-left {
	text-align: left;
}
.top-h2-left::after {
	left: 0;
	right: auto;
	margin-right: auto;
}
@media screen and (min-width:992px) { 
	.top-h2 {
		font-size: 46px;
		margin: 0 0 40px;
}
}


@media screen and (min-width:768px) { 
}
@media screen and (min-width:992px) { 
}

/*TOP*/
.home .site-body {
    padding: 0 0 2rem;
}
.top-section {
	margin-top: 64px;
}
.page-width {
	padding: 0 15px;
	max-width: 1080px;
	margin: 0 auto;
}
.swiper-pagination-bullet-active {
    background: #F6BC26;
}
.top-news-wrap {
  margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
	background: #F0F0F0;
	padding: 40px 0;
}
.top-business-img {
	    border-radius: 10px;
    width: 100%;
    margin-bottom: 24px;
}
.top-business-h3 {
	    font-size: 16px;
    line-height: 1.6;
    border-bottom: solid 1px #b0b0b0;
    padding-bottom: 12px;
	margin-bottom: 24px;
}
.link-btn {
	     background: #05447A;
    color: #fff;
    font-size: 14px;
    padding: 18px 32px;
    border-radius: 7px;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 300px;
    margin-top: 40px;
	position: relative;
}
.link-btn::before {
    content: '';
    position: absolute;
    bottom: 47%;
    right: 19px;
    width: 24px;
    height: 1px;
    background: #fff;
    transition: all .3s;
}
.link-btn::after {
    content: '';
    position: absolute;
    bottom: 53%;
    right: 18px;
    width: 12px;
    height: 1px;
    background: #fff;
    transform: rotate(35deg);
    transition: all .3s;
}
.top-about-section {
	     background: #F4F7F8;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 64px 0;
}
.top-about-inner {
	max-width: 700px;
}
.company-table {
    width: 100%;
    max-width: 700px;
    margin: 40px auto;
    border-top: solid 1px #B4B4B4;
    border-spacing: 0;
	    border-left: none;
    border-right: none;
}
.company-table tr th, .company-table tr td {
    border-bottom: solid 1px #B4B4B4;
    border-top: none;
    border-left: none;
    border-right: none;
    background: none;
    padding: 20px 15px;
    font-size: 14px;
}
.company-table tr th {
    width: 28%;
}
.company-table tr td {
    font-weight: 400;
}
.company-motto {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 24px;
}
.company-motto-text {
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    text-indent: 1px;
    margin-bottom: 48px;
}
.top-banner-list {
	    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}
.top-banner-list li img {
	    width: 100%;
    display: block;
}
.top-insta-h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.top-insta-h2 .insta-icon {
	    width: 36px;
    display: block;
}
.top-insta-h2::after {
	display: none;
}
@media screen and (min-width:992px) { 
	.top-section {
    margin-top: 80px;
}
	.top-news-wrap {
		padding: 64px 0 40px;
}
	.top-news-inner {
		display: flex;
    justify-content: space-between;
}
	.top-news-title-wrap {
		width: 25%;
}
	.top-news-text-wrap {
		width: 77%;
}
	
	.top-business-inner {
		    display: flex;
    align-items: center;
    justify-content: space-between;
}
	.top-business-img {
		width: 44%;
		margin: 0;
}
	.top-business-text-wrap {
		width: 49%;
}
	.top-business-h3 {
    font-size: 18px;
}
	.company-table {
		margin: 48px auto;
}
	.company-table tr th, .company-table tr td {
    padding: 20px 32px;
    font-size: 15px;
}
	.top-banner-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 48px;
}
}



/*footer*/
.footer-nav-list {
	display: none;
}
.site-footer {
    border-top: none;
    background: #292929;
}
.custom-footer-inner {
	    max-width: 450px;
    margin: 0 auto;
}
.footer-logo-wrap {
	    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-logo {
	    width: 60%;
    max-width: 150px;
    margin-bottom: 24px;
}
.footer-logo-text-wrap {
	    color: #fff;
    text-align: center;
}
.footer-logo-head-text {
	    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}
.footer-menu {
	    padding: 0!important;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-menu li a {
	font-size: 14px;
	color: #fff;
}

.footer-contact-btn {
	    margin: 32px auto;
    background: none;
    border: solid 1px;
    max-width: 270px;
}
.site-footer-copyright {
    padding: 1rem;
    color: #fff;
}
.site-footer-copyright p:nth-child(2) {
  display: none;
}
@media screen and (min-width:992px) { 
	.footer-logo-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
	.footer-logo-text-wrap {
    color: #fff;
    text-align: left;
}
	.footer-logo-head-text {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}
	.footer-logo-text {
		margin-bottom: 0;
}
	.footer-menu {
    padding: 0!important;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
	.footer-contact-btn {
    margin: 40px auto 32px;
    background: none;
    border: solid 1px;
    max-width: 270px;
}
}

.breadcrumb {
    border: none;
    padding: 16px 0;
}

/*contact*/
.page-id-68 .page-header {
    color: #fff;
    background-image: url(https://eagle-eye-jp.com/wordpress/wp-content/uploads/2026/03/contact-head2.jpg);
background-size: cover;
	background-position: center;
}
.page-id-68 .page-header-inner {
	margin: 64px auto;
}
.page-id-68 .page-header-title {
	font-size: 36px;
	font-family: metronic-slab-narrow, serif;
	font-weight: 600;
	letter-spacing: 0.05rem;
	text-indent: 0.05rem;
}

/*contactForm7*/
.contact-head-text {
  font-weight: 400;
  width: 95%;
  margin: 48px auto !important;
}

table.CF7_table {
  width: 95%;
  margin: 0 auto;
	border: none;
}

table.CF7_table p {
  margin: 0;
}

table.CF7_table th,
table.CF7_table td {
  padding: 0;
  background: none;
  border: none;
}

table.CF7_table td {
  background: #fff;
  padding: 0 0 32px 0;
}

table.CF7_table th {
  padding: 0 0 16px 0;
  width: 100%;
	text-align: left;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table {
  display: table;
}

/* PC/SP共通で縦組み */
.CF7_table tr,
.CF7_table td,
.CF7_table th {
  display: block;
  width: 100%;
  line-height: 2.5em;
}

/*入力欄*/
.CF7_table input,
.CF7_table textarea {
  border: 1px solid #CECECE;
  box-shadow: none;
  background: #fff;
  border-radius: 3px;
  margin: 0;
  width: 100%;
}

.CF7_table input::placeholder,
.CF7_table textarea::placeholder {
  color: #CECECE;
}

.cf7__select {
  position: relative;
}

/*.cf7__select:before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 10;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  pointer-events: none;
  content: '';
}*/

.CF7_table select {
  border: 1px solid #CECECE;
  box-shadow: none;
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  height: auto;
  line-height: 20px;
  margin: 0;
  width: 100%;
}

.CF7_table ::placeholder {
  color: #797979;
}

/*「必須」文字*/
.CF7_req {
      font-size: 12px;
    padding: 4px 10px;
    background: #F6BC26;
    color: #fff;
    border-radius: 3px;
    margin-left: 1em;
    font-weight: normal;
}

/*「任意」文字*/
.CF7_unreq {
  font-size: 12px;
  padding: 4px 10px;
  background: #bdbdbd;
  color: #fff;
  border-radius: 3px;
  margin-right: 1em;
  font-weight: normal;
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
      text-decoration: none;
    text-align: center;
    display: block;
    width: 310px;
    margin: 12px auto;
    background: #05447A;
    color: #fff;
    border-radius: 7px;
    padding: 20px;
    position: relative;
}

.CF7_btn {
  text-align: center;
}

.wpcf7-spinner {
  width: 0;
  margin: 0;
}

/* 992px以上のときだけ適用 */
@media screen and (min-width: 992px) {
	.page-id-68 .page-header-inner {
	margin: 80px auto;
}
	.page-id-68 .page-header-title {
	font-size: 46px;
}
  .contact-head-text {
    width: 760px;
  }

  table.CF7_table {
    width: 760px;
  }
}