/*
Theme Name:lightning-child
Theme URI:
Template:lightning
Description:
Author:
*/


/*LIGHTNING 専用共通*/



/*サイトヘッダー（上部固定）*/

.site-header {
    position: fixed !important;
    animation: none !important;
    box-shadow: initial !important;
    background-color: #ffffff;
        border-bottom: 1px solid #dededed6;
}



/*サイトヘッダー_logo */

.site-header-logo {
    position: absolute;
    display: block !important;
}

.site-header-logo img {
    max-height: 100%;
    max-width: 100%;
}


/*サイトヘッダー_ナビゲーションメニュー */

.global-nav-name {
    font-size: 14px !important;
    color: ;
    font-family: sans-serif;
    letter-spacing: 1px;
    color: #525252;
}


.device-pc .global-nav-list>li>a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.device-mobile .global-nav-list>li {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

nav#global-nav {
    position: absolute;
    right: 0px;
    left: 0;
    margin: 0 auto;
    width: fit-content;
}

.breadcrumb {
    display: none;
}

/*LIGHTNING G3.カスタムヘッダー*/
.g3_site_header_customcont{
    position: absolute;
    right: 0px;
}


/*ヘッダー_モバイルメニュー*/

.vk-mobile-nav-menu-btn {
    background: url(https://www.kotoo-int-academy.jp/wp-content/uploads/2023/03/mobimenu.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 33px;
    height: auto;
    border-radius: 0px;
    top: 40px;
    left: auto;
    right: 20px;
}



div#vk-mobile-nav-menu-btn {
    border: 0px;
    background-color: transparent;
}

div#vk-mobile-nav {
    width: 30%;
    border-bottom: 0px;
    background-color: #ffffffe0;
    padding: 100px 20px;
}

.vk-mobile-nav.vk-mobile-nav-right-in {
    left: 100%;
    top: 0;
}

.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-right-in {
    transition: all .3s ease-out;
    left: 70%;
}


.vk-mobile-nav nav>ul {
    border-top: 0px solid #ccc;
}

.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
    color: #565656;
    font-weight: 700;
    border-bottom: 0px solid #ccc;
    font-size: 13px;
}







/*サイトボディ*/

.container {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.site-body {
    padding: 0px;
}




/*LIGHTNING フッター*/

.site-footer-copyright {
    display: none;
}

.main-section {
    margin-bottom: 0px;
}

.site-footer-content {
    padding: 40px;
    margin: 0px;
    background-color: #07B53B;
    position: relative;
}

.site-footer-content .widget_nav_menu>div>ul li a {
    border: 0px;
    color: white;
    padding-left: 0px;
    background-color: inherit;
    font-size: 13px;
}

.site-footer {
    border-top: 0px; 
}


/*LIGHTNING 下層ページ*/
.breadcrumb {
    display: none;
}

.page-header {
    display: none;
}


/*sightoriginのマージン0*/

.panel-grid.panel-has-style {
    margin-bottom: 0px !important;
}

.panel-grid.panel-no-style{
    margin-bottom: 0px !important;
}

.panel-grid-cell .so-panel {
    margin-bottom: 0px !important;
}


.row {
    margin-right: 0px;
    margin-left: 0px;
}

.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 {
    padding-right: 0px;
    padding-left: 0px;
}

.widget {
    margin-bottom: 0px !important;
}



/*recaptchaのプライバシーマークを非表示(決まりのリンクを貼る注釈が必須)*/
.grecaptcha-badge { 
    visibility: hidden;
}


table {
    border: 1px solid #b1b0b0ba !important;
}


th {
    background-color: #E6F8EB;
    color: gray;
}


/*----------------------------------------------共通---------------------------------------------*/

#content{
    margin-bottom: 0px;
    overflow: hidden;
}

p{
    margin-bottom: 0px !important;
    text-align: justify;
    color: #575757;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6{
    font-family: serif;
    color: #525252;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 300;
}


.text_center{
    text-align: center;
}

.text_right{
    text-align: right;
}


.divlink{
    position: relative;
}

.divlink:hover{
    opacity: 0.8;
}

.divlink a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.divline_yoko{
    height: 1px;
    background-color: #afafaf;
}

.divline_tate{
    width: 1px;
    background-color: #afafaf;
}

.topandbottomcenter{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
}

.bg_photo{
    background-size: cover;
    background-position: center;
    position: relative;
}

.photodark{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000040;
}

.sep {
    border: 0;
    margin: 15px;
}


/*---------CNTACTFORM7----------*/
.wpcf7-form .wpcf7-text{
    border-radius: 0px;
    border-width: 1px;
    height: 40px;
    margin-bottom: 10px;
    color: #2d2d2d;
}

.wpcf7-form textarea{
    border-radius: 0px;
    border-width: 1px;
    margin-bottom: 4px;
    color: #2d2d2d;
}

.wpcf7-form select{
    border-radius: 0px;
}

.row_center{
   margin-left: auto;
   margin-right: auto; 
}

input[type=submit]{
    border-radius: 0;
    border: 0;
}

.chusyaku_contactform {
    font-size: 13px;
    margin-bottom: 17px !important;
}

.chusyaku_contactform a {
    font-weight: 700;
    text-decoration: revert;
}

/*---------Gallery----------*/
#gallery-2 img {
    border: 0px solid #cfcfcf !important;
}

#gallery-2 .gallery-item {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 33.33333% !important;
}

.ilightbox-inner-toolbar {
    display: none;
}

.ilightbox-holder.metro-white {
    padding: 0px;
    box-shadow: none;
}

.gallery{
        max-width: initial;
}


/*---------color----------*/


.color_white{
    color: white;
}

.color1{
    color: #07B53B;
}

.bg_white{
    background-color: white;
}

.bg_color1{
    background-color: #07B53B;
}

.bg_color2{
    background-color: #f2f2f2;
}

.bg_color3{
    background-color: #E6F8EB;
}


a:hover {
    color: #59c368;
}

/*--------------------------------------------PC------------------------------------------------*/

/*----ヘッダー高さ---*/
.site-header {
    height: 220px;
}

/*----ヘッダー_logo位置と大きさ---*/
.site-header-logo {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0px auto !important;
    width: 180px !important;
    padding-top: 0 !important;
}


/*----ヘッダー_ナビゲーションメニュー位置---*/

nav#global-nav {
   bottom: 21px;
}

/*----ヘッダー_ナビゲーションメニュー間隔---*/

.device-pc .global-nav-list>li>a {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.device-mobile .global-nav-list>li {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/*----ヘッダーを上部に固定した高さだけボディを下に落とす---*/
.site-body {
    margin-top: 220px !important;
}


/*----ヘッダーのカスタムボタン---*/

.row_bt_head {
    position: absolute;
    height: 80%;
    right: 0;
    width: 180px;
    right: 100px;
}

.box_bt_contact {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box_bt_contact p {
    text-align: center;
    font-weight: 700;
   font-size: 20px;
    line-height: 27px;
}

/*----フッターのロゴ・コピーライト---*/

.box_fotterlogo{
    width: 180px;
    margin-top: 35px;
}

.box_cr {
    position: absolute;
    right: 0;
    bottom: 0;
}

.box_cr p {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
}


.bt_tel{
    display: none;
}

.tabdisplay{
         display: none;
     }

   .icon_mail  {
    display: none;
}  

/*---------改行----------*/

.spkaigyo{
    display: none;
}

.tabkaigyo {
    display: none;
}

/*-----------------------------------------PC(1920px)-------------------------------------------*/

@media only screen
 and (max-width: 1920px) {
     
     .site-header {
    height: 190px;
}
     
     .site-body {
    margin-top: 190px !important;
}
     .site-header-logo {
         width: 160px !important;
         top: 48px;
     }
     
     .row_bt_head{
         width: 150px;
         right: 70px;
     }
     
     .box_fotterlogo {
    width: 160px;
}
     
     .box_bt_contact p {
    font-size: 18px;
    line-height: 24px;
}
     

     
}



/*-----------------------------------------PC(1440px)-------------------------------------------*/

@media only screen
 and (max-width: 1440px) {
.site-header {
    height: 170px;

     }
     
     .site-body {
    margin-top: 170px !important;
}
     
     .row_bt_head{
             width: 130px;
         right: 15px;
     }
     
.box_bt_contact p {
    font-size: 16px;
    line-height: 22px;
}
     
     .site-header-logo {
    top: 47px;
    width: 140px !important;
}
     
     nav#global-nav {
    bottom: 14px;
}
     .global-nav-name{
         font-size: 13px !important;
     }
     
     .device-mobile .global-nav-list>li {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
     
     .box_fotterlogo {
    width: 140px;
}
     
     .box_cr p {
    font-size: 11px;
}
     
}

/*-----------------------------------------ipad(横)---------------------------------------------*/

@media only screen
 and (max-width: 1152px) {
     
     p {
    font-size: 14px;
}
     
     .global-nav-name {
    font-size: 12px !important;
}
     
     .site-header {
    height: 150px;
}
     
          .site-body {
    margin-top: 150px !important;
}
     
.device-mobile .global-nav-list>li {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
     
     .row_bt_head {
    width: 120px;
    right: 20px;
}
     nav#global-nav {
    bottom: 10px;
}
     
     .site-header-logo {
    top: 39px;
}
     
}


/*--------------------------------------------ipad(タテ)----------------------------------------*/

@media only screen
 and (max-width: 991px) {

     
    .site-header {
    height: 100px;

     }
     
     .site-body {
    margin-top: 100px !important;
}
     
.site-header-logo {
    top: 28px;
    width: 128px !important;
}
     
     .row_bt_head {
    position: fixed;
    bottom: 0;
    height: 42px;
    width: 100%;
    display: flex;
         border-top: 1px solid #ffffff59;
         top: auto;
    right: auto;
}
     
     
     .tabdisplay{
         display: inline;
     }
     
.bt_tel {
    display: flex;
    border-right: 1px solid #ffffff59;
}
     
     .box_bt_contact img {
    width: 14px;
    position: relative;
    top: 2px;
    margin-right: 8px;
}
     
   .icon_mail  {
    display: block;
}  
 .icon_mail img {
    width: 21px;
}
     
     .box_bt_contact p {
    font-size: 16px;
    line-height: 23px;
}
     
     .site-footer-content {
    padding-bottom: 62px;
}
     
     .box_fotterlogo {
    width: 128px;
}
     
     
     /*---------改行----------*/
.tabkaigyo{
    display: block;
}

.tabkaigyo_none{
    display: none;
}
     
   
     
}


/*--------------------------------------------SP(640px)----------------------------------------*/

@media only screen
 and (max-width: 640px) {
     
     box_bt_contact p {
    font-size: 15px;
    line-height: 20px;
}
     .row_bt_head {
             height: 35px;
     }
     

}


/*------------------------------------------------SP-----------------------------------------------------*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    
    
    
div#vk-mobile-nav {
    width: 50%;
}


.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-right-in {
    left: 50%;
}
  
/*---------改行----------*/
.spkaigyo{
    display: block;
}

.spkaigyo_none{
    display: none;
}
    
    
   .site-header {
    height: 85px;

     }
     
     .site-body {
    margin-top: 85px !important;
}
     
     .site-header-logo {
    top: 25px;
         width: 100px !important;
}
    
     .vk-mobile-nav-menu-btn {
    width: 28px;
    top: 34px;
}
    
.box_cr {
    position: relative;
    margin-top: 9px;
    left: -5px;
}
    
    .box_bt_contact p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
}
    
    
    
}

/*---------------------------------------------SP(iphone5)--------------------------------------------------*/

@media screen and (max-width: 374px) {
    
}