/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.29.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2024 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/


footer{width: 100%;background: #2b3e66;}
#copyright{text-align: center;color: #fff;font-weight: bold;padding: 20px 0 110px;}
#f_copyright{text-align: center;color: #fff;font-weight: bold;padding: 20px 0;}

@media screen and (max-width:1440px){
footer{width: 100%;background: #2b3e66;}
#copyright{text-align: center;color: #fff;font-weight: bold;padding: 2vw 0 9vw;}
#copyright{text-align: center;color: #fff;font-weight: bold;padding: 2vw 0;}
}

@media screen and (max-width:767px){
footer{width: 100%;background: #2b3e66;}
#copyright{text-align: center;color: #fff;font-size: 0.6rem;font-weight: bold;padding: 3vw 0 20vw;}
#f_copyright{text-align: center;color: #fff;font-size: 0.6rem;font-weight: bold;padding: 3vw 0;}
}


/*コンタクト*/
#contact_view { position: relative; width: 100vw; height: auto; }
#contact_view h2 {font-size:4rem;position: relative; top: 0; width: 100vw; text-align: center; color: #39382A;  margin: 100px auto; font-weight: bold;}
#contact_view h2::before {content: ''; position: absolute; top: 100%; left: 46%; width: 160px; border-bottom: 3px solid #FF7B39; }
@media screen and (max-width:1440px){
#contact_view h2 {font-size:3rem;margin: 5vw auto; }
#contact_view h2::before { top: 100%; left: 45%; width: 10vw; border-bottom: 2px solid #FF7B39; }
}
@media screen and (max-width:767px){
#contact_view h2 { font-size:2rem; margin: 10vw auto; }
#contact_view h2::before { top: 100%; left: 42%; width: 16vw; border-bottom: 2px solid #FF7B39; }
}




#contact_sec01 .maincontent {position: relative; width: 1000px; margin: 100px auto 0;  padding-bottom: 100px;}
#contact_sec01 .maincontent p {position: relative; top: 25px; font-size: 1.8rem; line-height: 2.8rem; color: #39382A; letter-spacing: 2px;font-weight: bold;}
#contact_sec01 .maincontent .mast {background: #FF7B39; color: #fff; padding: 0px 30px; margin: 0 30px;font-weight: bold;}
#contact_sec01 .maincontent h5 {position: relative; top: 0px; font-size: 1.8rem; color: #39382A; letter-spacing: 2px;font-weight: bold;}
#contact_sec01 .sec01_flex{display: flex;}
#contact_sec01 .maincontent .input01 {width: 100%; height: 60px; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size: 32px; letter-spacing: 2px; padding: 0 0 0 20px; margin: 0 0 50px 0; }
#contact_sec01 .maincontent .input02 {width: 100%; height: 60px; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size: 32px; letter-spacing: 2px; padding: 0 0 0 20px; margin: 40px 0 50px 0;  }
.button029{position:absolute;top:830px;right:450px;background: #eee;padding: 20px; margin:0; height: 70px;border: 1px solid #39382A;cursor: pointer;font-size: 1.8rem;line-height: 2.8rem;}
.button03 h2 {font-size: 1.5rem; padding: 2vw 0; }
#contact_sec01 .maincontent .button02:hover{background: #777;}
#contact_sec01 .maincontent .content{display: flex;}
#contact_sec01 .maincontent .p_01{position: relative; top: -10px; left: 20px;}
#contact_sec01 .maincontent .input03 {width: 100%; height: 190px; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size: 32px; letter-spacing: 2px; padding: 10px 0 0 20px; margin: 0 0 20px 0; word-wrap: break-word; word-break: break-all; }
#contact_sec01 .maincontent .p_02 { font-size: 1.2rem; text-align: center; margin: 0 auto 0px; }
.center{width:100%;margin: 0 auto;text-align:center;}
.button03 {position: relative; width: 270px; background: #037196; margin: 0px auto 30px; text-align: center;font-size: 2.5rem;}
.button03 h2 { color: #fff; font-size: 2.5rem; padding: 20px 0; }
#postal-code{width:70%;}

@media screen and (max-width:1440px){
#contact_sec01 .maincontent {width: 90vw; margin: 5vw auto 0;  padding-bottom: 0vw;}
#contact_sec01 .maincontent h5 {position: relative; top: 0px; font-size: 1.2rem; color: #39382A; letter-spacing: 2px;}
#contact_sec01 .sec01_flex{display: flex;}
#contact_sec01 .maincontent p { top: 1vw; font-size: 1.4rem; line-height: 2.0rem; letter-spacing: 2px;}
#contact_sec01 .maincontent .mast { padding: 0px 2vw; margin: 0 2vw;}
#contact_sec01 .maincontent .input01 {width: 100%; height: 40px; font-size: 1.2rem; letter-spacing: 2px; padding: 0 0 0 1vw; margin: 0 0 20px 0;  }
#contact_sec01 .maincontent .input02 {width: 100%; height: 40px; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size: 1.2rem; letter-spacing: 2px; padding: 0 0 0 1vw; margin: 2vw 0 2vw 0; }
.button029{position:absolute;top:540px;right:80px;background: #eee;padding: 20px; margin:0; height: 3vw;border: 1px solid #39382A;cursor: pointer;font-size: 1.8rem;line-height: 2.8rem;}
.button03 h2 {font-size: 1.5rem; padding: 2vw 0; }
#contact_sec01 .maincontent .content{display: flex;}
#contact_sec01 .maincontent .p_01{ top: -0.3vw; left: 1vw;}
#contact_sec01 .maincontent .input03 {width: 100%; height: 20vw; border: 1px solid #00A3FF; font-size: 1.2rem; letter-spacing: 2px; padding: 1vw 0 0 2vw; margin: 0 0 1vw 0; }
#contact_sec01 .maincontent .p_02 { font-size: 1.2rem; margin: 0 auto; }
.button03 { font-size: 2rem; width: 27vw; margin: 4vw auto; }
.button03 h2 {font-size: 2rem; padding: 2vw 0; }
}
@media screen and (max-width:990px){
.button029{position:absolute;top:440px;right:40px;background: #eee;padding: 20px; margin:0; height: 3vw;border: 1px solid #39382A;cursor: pointer;font-size: 1.8rem;line-height: 2.8rem;}
.button03 h2 {font-size: 1.5rem; padding: 2vw 0; }
}
@media screen and (max-width:767px){
#contact_sec01 .maincontent {width: 90%; margin: 60px auto 0;  padding-bottom: 0;}
#contact_sec01 .maincontent h5 {position: relative; top: 0px; font-size:16px; color: #39382A; letter-spacing: 2px;}
#contact_sec01 .maincontent p { font-size:16px; line-height: 2.0rem; letter-spacing: 2px;margin-bottom: 0em;}
#contact_sec01 .maincontent .mast { padding: 0px 2vw; margin: 0 2vw;}
#contact_sec01 .maincontent .input01 {width: 100%; height: 30px; font-size:16px; letter-spacing: 2px; padding: 0 0 0 2vw; margin: 0 0 20px 0; }
#contact_sec01 .maincontent .input02 {width: 100%; height: 30px; background: #E9F7FF; color: #39382A; border: 1px solid #00A3FF; font-size:16px; letter-spacing: 2px; padding: 0 0 0 2vw; margin: 0px 0 20px 0; }
.button029{position:absolute;top:327px;right:30vw;background: #eee;padding:0 10px;height:30px; margin:0; border: 1px solid #39382A;cursor: pointer;font-size:16px;line-height: 1.8rem;}
.button029 h5{font-size:16px;line-height: 1rem;color: #39382A;padding:8px; 0}
#contact_sec01 .maincontent .content{display: flex;}
#contact_sec01 .maincontent .p_01{position: relative; top: -0.2vw; font-size:16px;}
#contact_sec01 .maincontent .top{position: relative; top: 0vw;}
#contact_sec01 .maincontent .input03 {width: 100%; height: 100px; border: 1px solid #00A3FF; font-size:16px; letter-spacing: 0.5px; padding: 1vw 1vw 1vw 1vw; margin: 0 0 1vw 0; }
#contact_sec01 .maincontent .p_02 {width: 83%; font-size:16px; margin: 4vw auto; 0}
.button03 {position:relative; left:30px; font-size: 1.5rem; width: 50vw; margin: 8vw auto; }
.button03 h2 {font-size: 1.5rem; padding: 3vw 0; }
	.address_span{font-size:0.8rem;letter-spacing:-0.1vw;font-weight: 400;}
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
.mainSection-title, h2 {
    padding: 0;
    border-top: 0px solid #337ab7;
    border-bottom: 0px solid #e9e9e9;
}