@charset "utf-8";

@font-face {
font-family: 'kunikuni';
 src: url('kunikuni.woff2.html') format('woff2'),
 url('kunikuni.woff2.html') format('woff');
}

@font-face {
  font-family: 'tenkuni';
   src: url('tenkuni.woff2.html') format('woff2'),
   url('tenkuni.woff2.html') format('woff');
  }

@font-face {
  font-family: 'hanzi';
   src: url('hanzi.woff2.html') format('woff2'),
   url('hanzi.woff2.html') format('woff');
  }

/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning-master
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

/* 全体 */
strong[class="gMenu_name"]{
	font-size: 1.4vw !important;
  font-weight: 200;
}

/* ハンバーガーメニュー */
.vk-mobile-nav-menu-btn{ 
  right: 25px;
  left: inherit;
  }

/* フッター　Lightningのコピーライト　消す */
footer .copySection p:nth-child(2) {
  display:none !important;
}

/* ロゴ大きく */
.navbar-brand img {
  max-height: 5vw;
  }

/* ナビメニュー大きく */

.textwidget.custom-html-widget{
position:relative;
margin:0 calc(50% - 50vw);
overflow:hidden;
}

/* モーション */
.fuwafuwa {
  -webkit-animation:fuwafuwa 3s infinite linear alternate;
  animation:fuwafuwa 3s infinite linear alternate;
  }
  
  @keyframes fuwafuwa {
  0% {transform:translate(0, 0) rotate(-5deg);}
  50% {transform:translate(0, -5px) rotate(0deg);}
  100% {transform:translate(0, 0)rotate(5deg);}
  }

  h1,h2,h3,h4,h5,p{
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0vw;
    padding: 0vw;
    border: none;
  }

  .col{
    margin: 0vw;
    padding: 0vw;
  }

  
/* body */

.siteContent{
  margin: 0vw;
  padding: 0vw;

}
.page_home_main{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 40vw 1fr;
}

.page_home_backgraund_1{
  grid-column: 1;
  grid-row: 2;
}

/* section1 */
.section_1_page_home{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column: 1;
  grid-row: 1;
  height: 42vw;
}

.page_home_eye_catching_image{
  grid-column: 1/7;
  grid-row: 1/7;
  z-index: -999;
  width: 100%;
}

.page_home_h1_1,
.page_home_h1_2,
.page_home_h1_3{
  z-index: 4;
  font-size: 2vw;
  font-weight: 500;
  font-family: 'Noto Sans JP', sans-serif;
  color: rgb(0, 85, 64);
  text-align: center;
  align-self: center;
  justify-self: center;
}

.page_home_h1_1{
  grid-column: 1/3;
  grid-row: 2/4;
}

.page_home_h1_2{
  grid-column: 1/3;
  grid-row: 3/5;
}

.page_home_h1_3{
  grid-column: 1/3;
  grid-row: 4/6;
}

.section1_accent_1{
  grid-column: 5/7;
  grid-row: 1/3;
  font-size: 10vw;
  font-weight: 600;
  color: #50e0be81;
  height: 12vw;
  z-index: 3;
  font-family: 'Hanzi';
  margin: 0vw;
  padding: 0vw;
  margin-top: -3vw;
  margin-left: -3vw;
  transform: rotate(-3deg)
}

.page_home_catchcopy{
  grid-column: 2/6;
  grid-row: 1/3;
  z-index: 3;
  font-size: 1.4vw;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.7;
  margin: 0vw;
  padding: 0vw;
  text-align: left;
  align-self: center;
  justify-self: center;
}


.page_home_image_background{
  grid-column: 1/3;
  grid-row: 2/5;
  z-index: 2;
  width: 30vw;
  height: 20vw;
  background: rgba(157, 226, 157, 0.438);
  margin-left: 5vw;
  margin-top: -3vw;
}

.page_home_backgroundobject
{
  grid-column: 1/3;
  grid-row: 1/7;
  background-color: rgb(255, 255, 255);
  z-index: 3;
  width: 24vw;
  height: 40vw;
  margin-left: auto;
  margin-right: auto;
}

/* section2 */
.section_2_page_home{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 5vw auto 1fr;
  grid-column: 1;
  grid-row: 2;
  padding: 5vw;
  z-index: 2;
}

a { text-decoration: none;}
a {color: #000;}
a:hover { text-decoration: none;}
a:hover {color: #000;}

/* サービス */
.page_home_h1_4{
  grid-column: 1/13;
  grid-row: 1;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3vw;
  color: rgb(0, 112, 73);
}

.page_home_survice_menu_1,
.page_home_survice_menu_2,
.page_home_survice_menu_3{
  display: grid;
  grid-template-columns: 16vw 1fr;
  grid-template-rows: 15vw 10vw 10vw 5vw;
  height: 40vw;
  margin: 1vw;
  border: solid 0.1vw rgb(218, 218, 218);
  background-color: rgb(255, 255, 255);
}

.page_home_h2_1,
.page_home_h2_2,
.page_home_h2_3{
  grid-column: 1;
  grid-row: 2;
  font-size: 3vw;
  border: none;
  font-family: 'kunikuni';
  font-weight: 200;
  margin: 0vw;
  padding: 2vw;
  align-self: center;
  justify-self: center;
}

.page_home_h3_1,
.page_home_h3_2,
.page_home_h3_3{
  grid-column: 2;
  grid-row: 2;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.4vw;
  margin: 0vw;
  padding: 0vw;
  border: none;
  text-align: right;
  align-self: center;
  justify-self: left;
  line-height: 2.4vw;
}

.page_home_h2_1_contents,
.page_home_h2_2_contents,
.page_home_h2_3_contents{
  grid-column: 1/3;
  grid-row: 3;
  border: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.3vw;
  font-weight: 100;
  margin: 0vw;
  padding-left: 2vw;
  padding-right: 2vw;
  align-self: start;
  justify-self: center;
}

.page_home_survice_menu_1_button{
  grid-column: 1/3;
  grid-row: 4;
  margin: 0vw;
  padding: 0vw;
  background-color: unset;
  border: none;
}

/* 開発サポート */
.page_home_survice_menu_1{
  grid-column: 1/5;
  grid-row: 2;
}

.page_home_img_1{
  grid-column: 1/3;
  grid-row: 1;
  width: 30vw;
}

/* スクール */
.page_home_survice_menu_2{
  grid-column: 5/9;
  grid-row: 2;
}

.page_home_img_2{
  grid-column: 1/3;
  grid-row: 1;
  width: 30vw;
}

.page_home_h2_2{
  text-align: right;
}

/* 健康サポート */
.page_home_survice_menu_3{
  grid-column: 9/13;
  grid-row: 2;
}

.page_home_h2_3{
  line-height: 3vw;
}

.page_home_img_3{
  grid-column: 1/3;
  grid-row: 1;
  width: 30vw;
}

.page_home_survice_menu_4{
  grid-column: 1/13;
  grid-row: 3;
  border: solid 0.1vw rgb(218, 218, 218);
  padding: 1vw;
  margin: 1vw;
}

.page_home_h2_4{
  font-family: 'kunikuni';
  font-size: 3.5vw;
  margin: 0vw;
  padding: 0vw;
}

.page_home_backgraund_1{
  grid-column: 1;
  grid-row: 2;
  z-index: -999;
  width: 50vw;
  margin: 0vw;
  padding: 0vw;
  justify-self: start;
}

/* 固定ページ home */
/* section3 */
.section_3_page_home{
  margin-top: 8vw;
}

.page_home_section_3_h1_1{
  font-size: 2.8vw;
  margin-left: 5vw;
  margin-bottom: 2vw;
  color: rgb(0, 112, 73);
}


/* システム開発 */
.page_home_section_3_contents_1,
.page_home_section_3_contents_2,
.page_home_section_3_contents_3,
.page_home_section_3_contents_4,
.page_home_section_3_contents_5
{
  margin: 1vw;
  padding: 0vw;
  display: grid;
  grid-template-columns: 1;
  grid-template-rows: 1fr 1fr 1fr;
  background-color: white;
  height: 40vw !important;
}

.page_home_section_3_img_1,
.page_home_section_3_img_2,
.page_home_section_3_img_3,
.page_home_section_3_img_4,
.page_home_section_3_img_5{
  border: none;
}

.page_home_section_3_img_4,
.page_home_section_3_img_5{
width:100vw;
}


.page_home_section_3_h2_1,
.page_home_section_3_h2_2,
.page_home_section_3_h2_3,
.page_home_section_3_h2_4,
.page_home_section_3_h2_5
{
text-align: center;
padding: 1vw;
font-size: 2vw;
font-weight: 400;
color: #006e7f;
}

.page_home_section_3_sentence_1,
.page_home_section_3_sentence_2,
.page_home_section_3_sentence_3,
.page_home_section_3_sentence_4,
.page_home_section_3_sentence_5
{
padding: 1vw;
font-size: 1.4vw;
line-height: 2.5vw;
font-weight: 200;
}

/* slick用 */
.slick-arrow {
  z-index:20; /* 矢印画像を最前面へ */
  
}
.slick-arrow{
  position: absolute;
  top: 40%;
}
.prev-arrow{
  left: 1vw;
  width: 3vw;
  opacity: 10%;
}
.prev-arrow:hover{
  opacity: 50%;
}
.next-arrow{
  right: 1vw;
  width: 3vw;
  opacity: 10%;
}
.next-arrow:hover{
  opacity: 50%;
}



/* section4 */
.section_4_page_home{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(8, 3.5vw);
height: 26vw;
margin-top: 10vw;
}

.page_home_section_4_img_1{
grid-column: 1/5;
grid-row: 1/5;
z-index: -999;
width: 100vw;
}

.section_4_page_home_p_1,
.section_4_page_home_p_2,
.section_4_page_home_p_3,
.section_4_page_home_p_4{
 font-size: 1.8vw;
 color: rgb(2, 129, 108);
 align-self: center;
 justify-self: start;
}

.section_4_page_home_p_1{
  grid-column: 2;
  grid-row: 3;
}
.section_4_page_home_p_2{
  grid-column: 2;
  grid-row: 4;
}
.section_4_page_home_p_3{
  grid-column: 2;
  grid-row: 5;
}
.section_4_page_home_p_4{
  grid-column: 2;
  grid-row: 6;
}

/* section5 */
.section_5_page_home{
display:none;
}

.widget-title{
  margin-left: 5vw;
  color: rgb(0, 112, 73);
}
.section_5_title{
  text-align: center;
  font-size: 1.6vw;
  font-weight: 400;
  color: #006e7f;
}

.section_5_ul{
  margin: 0vw;
  padding: 0vw;
}

.post_list{
padding-top: 2vw;
padding-bottom: 2vw;
}

.test{
  background-color: white;
  margin: 1vw;
  height: 32vw !important;
}

.section_5_read{
  font-weight: 200;
  text-align: center;
  margin-top: 1vw;
}

.section_5_categoly{
  margin-left: 1vw;
  font-weight: 100;
  color: rgb(0, 82, 98);
}

.section_5_contents{
  font-weight: 100;
  margin-top: 1vw;
  padding-left: 2vw;
  padding-right: 2vw;
}

/* 画像の幅をコンテンツいっぱいにする */
.left{
  width: 100vw;
  height: 14vw;
  object-fit: cover;
}

.widget-title::after{
  display: none;
}

.page_home_backgraund_2{
  z-index: -999;
  margin-top: -80vw;
  float: right;
}

@media screen and (max-width: 420px){
  .navbar-brand img {
    max-height: 15vw;
    }

  .page_home_main {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100vw 350vw;
  }

  /* section1 s */
  .section_1_page_home{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    height: 100vw;
    grid-column: 1;
    grid-row: 1;
  }
  
  .page_home_eye_catching_image{
    grid-column: 1/7;
    grid-row: 1/7;
    z-index: -999;
    height: 100vw;
    object-fit: cover;
  }
  
  .page_home_h1_1,
  .page_home_h1_2,
  .page_home_h1_3{
    z-index: 4;
    font-size: 4vw;
    font-weight: 500;
    color: rgb(0, 0, 0);
    text-align: center;
    justify-self: center;
  }

  .page_home_h1_1{
    grid-column: 1/4;
    grid-row: 4;
    align-self: end;
  }

  .page_home_h1_2{
    grid-column: 1/4;
    grid-row: 5;
    align-self: center;
  }
  
  .page_home_h1_3{
    grid-column: 1/4;
    grid-row: 6;
    align-self: start;
  }
  
  .section1_accent_1{
    grid-column: 4/7;
    grid-row: 2;
    font-size: 15vw;
    font-weight: 600;
    color: #50e0be81;
    height: 12vw;
    z-index: 3;
    font-family: 'hanzi';
    margin: 0vw;
    padding: 0vw;
    margin-top: -3vw;
    margin-left: -3vw;
    transform: rotate(-3deg)
  }
  
  .page_home_catchcopy{
    grid-column: 2/6;
    grid-row: 1/4;
    z-index: 3;
    font-size: 3.5vw;
    font-family: 'Noto Serif JP', serif;
    text-align: left;
    align-self: center;
    justify-self: center;
  }
  
  .page_home_backgroundobject
  {
    grid-column: 1/3;
    grid-row: 4/7;
    z-index: 3;
    width: 50vw;
    height: 50vw;
    margin: 0vw;
    padding: 0vw;
  }

  /* section2s */
.section_2_page_home{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 10vw repeat(3, 1fr) 20vw;
  grid-column: 1;
  grid-row: 2;
  padding: 5vw;
  z-index: 2;
}

/* サービス */
.page_home_h1_4{
  grid-column: 1;
  grid-row: 1;
  font-size: 6vw;
  color: rgb(1, 74, 48);
}

/* 開発サポート */
.page_home_survice_menu_1,
.page_home_survice_menu_2,
.page_home_survice_menu_3{
  height: 100vw;
  display: grid;
  grid-template-columns:50vw 1fr;
  grid-template-rows: 40vw 20vw repeat(2,1fr);
}

.page_home_survice_menu_1{
  grid-column: 1;
  grid-row: 2;
}

.page_home_img_1,
.page_home_img_2,
.page_home_img_3{
  grid-column: 1/3;
  grid-row: 1;
  width: 100vw;
  height: 40vw;
  object-fit: cover;
}

.page_home_h2_1,
.page_home_h2_2,
.page_home_h2_3
{
  grid-column: 1;
  grid-row: 2;
  font-size: 8vw;
  line-height: 6vw;
}

.page_home_h2_3 br{
  display: none;
}

.page_home_h3_1,
.page_home_h3_2,
.page_home_h3_3
{
  grid-column: 2;
  grid-row: 2;
  font-size: 4vw;
  line-height: 6vw;
  text-align: center;
  justify-self: center;
  margin-left: -5vw;
}

.page_home_h2_1_contents,
.page_home_h2_2_contents,
.page_home_h2_3_contents
{
  grid-column: 1/3;
  grid-row: 3;
  font-size: 4vw;
  padding: 0vw 5vw 0vw 5vw;
}

.page_home_survice_menu_1_button,
.page_home_survice_menu_2_button,
.page_home_survice_menu_3_button
{
  grid-column: 1/3;
  grid-row: 4;
  font-size: 4vw;
}
 
/* スクール */
.page_home_survice_menu_2{
  grid-column: 1;
  grid-row: 3;
}

/* 健康サポート */
.page_home_survice_menu_3{
  grid-column: 1;
  grid-row: 4;
}

.page_home_survice_menu_4{
  grid-column: 1;
  grid-row: 5;
}

.page_home_h2_4{
  font-size: 6vw;
}

.page_home_h2_4_contents{
  font-size: 4vw;
}


/* section3 */
.section_3_main{
height: 100vw;
}
.page_home_section_3_h1_1{
  font-size: 6vw;
}
/* システム開発 */
.page_home_section_3_contents_1,
.page_home_section_3_contents_2,
.page_home_section_3_contents_3,
.page_home_section_3_contents_4,
.page_home_section_3_contents_5
{
  padding: 0vw;
  display: grid;
  grid-template-columns: 1;
  grid-template-rows: 1fr 1fr 1fr;
  height: 100vw !important;
}

.page_home_section_3_contents_hover:hover{
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}


.page_home_section_3_img_1,
.page_home_section_3_img_2,
.page_home_section_3_img_3,
.page_home_section_3_img_4,
.page_home_section_3_img_5{
  border: none;
  border-radius: 1vw;
}
.page_home_section_3_h2_1,
.page_home_section_3_h2_2,
.page_home_section_3_h2_3,
.page_home_section_3_h2_4,
.page_home_section_3_h2_5
{
text-align: center;
padding: 2vw;
font-size: 4vw;
}

.page_home_section_3_sentence_1,
.page_home_section_3_sentence_2,
.page_home_section_3_sentence_3,
.page_home_section_3_sentence_4,
.page_home_section_3_sentence_5
{
padding: 1vw;
font-size: 4vw;
line-height: 6vw;
font-weight: 200;
}


/* section4 */
.section_4_page_home{
  display: grid;
  grid-template-columns: 20vw 1fr;
  grid-template-rows: repeat(5, 1fr);
  height: 40vw;
  margin-top: 15vw;
  }
  
  .page_home_section_4_img_1{
  grid-column: 1/5;
  grid-row: 1/5;
  z-index: -999;
  height: 40vw;
  }
  
  .section_4_page_home_p_1,
  .section_4_page_home_p_2,
  .section_4_page_home_p_3,
  .section_4_page_home_p_4{
   font-size: 4vw;
   color: rgb(2, 129, 108);
   align-self: center;
   justify-self: start;
  }
  
  .section_4_page_home_p_1{
    grid-column: 2;
    grid-row: 2;
  }
  .section_4_page_home_p_2{
    grid-column: 2;
    grid-row: 3;
  }
  .section_4_page_home_p_3{
    grid-column: 2;
    grid-row: 4;
  }
  .section_4_page_home_p_4{
    grid-column: 2;
    grid-row: 5;
  }

/* section5 */
/* 画像の幅をコンテンツいっぱいにする */
.section_5_page_home{
  height: 100vw;
  display: none;
}

.test{
  height: 80vw !important;
}

.left{
  width: 100vw;
  height: 30vw;
  object-fit: cover;
}

.slick-dots li{
  width: 1vw !important;
  height: 1vw !important;
  margin: 2vw !important;
}

.section_5_title{
 font-size: 4vw;
}

.page_home_backgraund_2{
  z-index: -999;
  margin-top: -150vw;
  float: left;
}
}