@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI: https://cyber-seed.com
Template: lightning
Description: ★ CyberSeed ★
Author: ★ CyberSeed ★
Tags:
Version: 0.1.2
*/

/*-------------------------------------------*/
/*  TOP BANNER BOX
/*-------------------------------------------*/
.top_banner {
  margin-top: 30px;
  padding: 0;
  display: table;
}
.top_bnr_box {
  float: left;
  width: 18%;
  margin: 1%;
  padding: 0;
  display: table-cell;
}
.top_banner img {
  display: block;
}
.top_banner a {
  display: block;
}
.top_banner a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*-------------------------------------------*/
/*  47.おしゃれなシェブロンマーク
/*-------------------------------------------*/
.ftl-b {
  position: relative; /*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em; /*アイコン分のスペース*/
  line-height: 1.4; /*行高*/
  color: #ff6a6a; /*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #fffff4;
}
.ftl-b:before {
  font-family: FontAwesome; /*忘れずに*/
  content: "\f138"; /*アイコンのユニコード*/
  position: absolute; /*絶対位置*/
  font-size: 1em; /*サイズ*/
  left: 0.25em; /*アイコンの位置*/
  top: 0.5em; /*アイコンの位置*/
  color: #ff6a6a; /*アイコン色*/
}

/*-------------------------------------------*/
/*  54.先頭にアイコンをつける
/*-------------------------------------------*/
.ftl-i {
  position: relative;
  background: #f1f8ff;
  padding: 0.25em 0.5em;
  border-left: solid 2em #5c9ee7;
}
.ftl-i:before {
  font-family: FontAwesome;
  content: "\f040";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: normal;
  left: -1.35em;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*-------------------------------------------*/
/*  16.角がぺろっと剥がれるデザイン
/*-------------------------------------------*/
.otl-e {
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
  margin-bottom: 30px;
}
.otl-e:after {
  position: absolute;
  content: "";
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/*-------------------------------------------*/
/*  footerのcopyrightを消去
/*-------------------------------------------*/
footer .copySection p:nth-child(2) {
  display: none !important;
}

/*-------------------------------------------*/
/*  固定headerで別ページへのanchor linkのズレ対策
/*-------------------------------------------*/
.anchor_margin {
  padding-top: 120px;
  margin-top: -120px;
  display: inline-block;
  vertical-align: top;
}

/*-------------------------------------------*/
/*  COMMON DESIGN
/*-------------------------------------------*/

/* header description */
.siteHeader #header_description {
  margin: 0;
  padding: 3px;
  height: auto;
  width: 100%;
  background-color: #337ab7;
  color: #fff;
  font-size: 0.8em;
  line-height: 20px;
  text-align: center;
  display: block;
}

/* header logo */
.siteHeadContainer {
  background-color: inherit;
}
.navbar-brand {
}
.siteHeader_logo {
  float: left;
  display: block;
}
.siteHeader_tel {
  float: right !important;
  display: block;
}

/* page_top */
#page_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#page_top a {
  display: block;
  z-index: 999;
  padding: 2px 0 0 0;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #337ab7;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#page_top a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* anchor link */
#kouza_step1,
#kouza_step2,
#kouza_step3,
#kouza_step4,
#kouza_step5,
#kouza_step6 {
  /*margin-top: -100px !important;
	padding-top: 100px !important;*/
}

/* step_box */
.step_nbr {
  font-size: 1.1em;
  margin: 8px 0 0 0;
}
.step_ttl {
  margin: 2%;
  font-size: 0.8em;
  background-color: #fff;
}
.step_txt {
  margin: 2%;
  font-size: 0.7em;
}
.step_arrow {
  float: left;
  margin: 18px 0.5% 0 0.5%;
  padding: 0;
  width: 2%;
  text-align: center;
  display: block;
}
.step_arrow:before {
  content: "▶︎";
  height: 50px;
  color: pink;
}
.step_box_01 {
  float: left;
  margin: 0.5%;
  padding: 0;
  width: 12%;
  height: 190px;
  text-align: center;
  background-color: #ffeaea;
  display: table-cell;
}
.step_box_02 {
  float: left;
  margin: 0.5%;
  padding: 0;
  width: 13%;
  height: 190px;
  text-align: center;
  background-color: #ffe0e0;
  display: table-cell;
}
.step_box_03 {
  float: left;
  margin: 0.5%;
  padding: 0;
  width: 22%;
  height: 190px;
  text-align: center;
  background-color: #ffd6d6;
  display: table-cell;
}
.step_box_04 {
  float: left;
  margin: 0.5%;
  padding: 0;
  width: 9%;
  height: 190px;
  text-align: center;
  background-color: #ffcccc;
  display: table-cell;
}
.step_box_05 {
  float: left;
  margin: 0.5%;
  padding: 0;
  width: 9%;
  height: 190px;
  text-align: center;
  background-color: #ffc1c1;
  display: table-cell;
}
.step_box_06 {
  float: left;
  margin: 0.5%;
  padding: 0;
  width: 14%;
  height: 190px;
  text-align: center;
  background-color: #ffb7b7;
  display: table-cell;
}
.step_box_01,
.step_box_02,
.step_box_03,
.step_box_04,
.step_box_05,
.step_box_06 {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
}
/*64.背景にカラフルな円 → 三角*/
.ktl-e {
  position: relative;
  color: #333333;
  display: inline-block;
  margin: 47px 0 47px 34%;
  text-shadow: 0 0 2px white;
}
.ktl-e span {
  top: 20px;
  font-size: 0.9em;
  font-weight: bolder;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #fff;
  z-index: 2 !important;
  position: relative;
}
.ktl-e:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 80px 0 80px;
  border-color: #ffd69d transparent transparent transparent;
  z-index: 1;
}

/* TOP kouza */
#kouza_img_box {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#kouza_01,
#kouza_02,
#kouza_03,
#kouza_04,
#kouza_05 {
  width: 24.5%;
}
#kouza_img_box a :hover {
  opacity: 0.5;
}
#kouza_01_ttl,
#kouza_02_ttl,
#kouza_03_ttl,
#kouza_04_ttl,
#kouza_05_ttl,
#kouza_01_txt,
#kouza_02_txt,
#kouza_03_txt,
#kouza_04_txt,
#kouza_05_txt {
  position: relative; /*相対配置*/
  /* float: left; */
  margin-right: 0.5%;
  /* width: 24.5%; */
  width: 100%;
  height: auto;
  /* display: table; */
}
#kouza_01_ttl p,
#kouza_02_ttl p,
#kouza_03_ttl p,
#kouza_04_ttl p,
#kouza_05_ttl p {
  position: absolute; /*絶対配置*/
  width: 100%;
  color: white;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.8em;
  text-align: center;
  bottom: 0px;
  display: block;
}
#kouza_01_ttl span,
#kouza_02_ttl span,
#kouza_03_ttl span,
#kouza_04_ttl span,
#kouza_05_ttl span {
  position: absolute; /*絶対配置*/
  width: 100%;
  color: white;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.8em;
  text-align: center;
  bottom: -18px;
  display: block;
}
/*kouza_01_ttl p のみ修正 2017･12･22*/
#kouza_01_ttl p {
  position: absolute; /*絶対配置*/
  width: 100%;
  color: white;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8em;
  text-align: center;
  bottom: 0px;
  display: block;
}
#kouza_01_txt,
#kouza_02_txt,
#kouza_03_txt,
#kouza_04_txt,
#kouza_05_txt {
  font-size: 1rem;
  line-height: 1.8rem;
  /* height: 100px; */
  height: auto;
  padding: 4px;
}
#kouza_01_txt,
#kouza_01_sp_txt {
  border: medium solid #f6bfab;
}
#kouza_02_txt,
#kouza_02_sp_txt {
  border: medium solid #b1aad4;
}
#kouza_03_txt,
#kouza_03_sp_txt {
  border: medium solid #b4cda6;
}
#kouza_04_txt,
#kouza_04_sp_txt {
  border: medium solid #eed18f;
}
#kouza_05_txt,
#kouza_05_sp_txt {
  border: medium solid #b5cbe0;
}
#kouza_01_sp_txt,
#kouza_02_sp_txt,
#kouza_03_sp_txt,
#kouza_04_sp_txt,
#kouza_05_sp_txt {
  display: none;
}
/* kouza table */
.kouza_tbl {
  width: 100%;
  text-align: center;
  display: block;
}
.kouza_thr {
  width: 100%;
  display: table;
}
.kouza_01_th {
  border: medium solid #f6bfab;
  background-color: #f6bfab;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  float: left;
  width: 30%;
  height: 78px;
  min-height: 96px;
  margin: 0 0 1% 0;
  padding: 1% 1% 0 1%;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  display: table-cell;
}
.kouza_01_td {
  border: medium solid #f6bfab;
  background-color: #fff;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  float: right;
  width: 70%;
  height: 78px;
  min-height: 96px;
  margin: 0 0 1% 0;
  padding: 1%;
  font-size: 1.5rem;
  color: #333;
  display: table-cell;
}
.kouza_02_th {
  border: medium solid #b1aad4;
  background-color: #b1aad4;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  float: left;
  width: 30%;
  height: 78px;
  min-height: 96px;
  margin: 0 0 1% 0;
  padding: 1% 1% 0 1%;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  display: table-cell;
}
.kouza_02_td {
  border: medium solid #b1aad4;
  background-color: #fff;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  float: right;
  width: 70%;
  height: 78px;
  min-height: 96px;
  margin: 0 0 1% 0;
  padding: 1%;
  font-size: 1.5rem;
  color: #333;
  display: table-cell;
}
.kouza_03_th {
  border: medium solid #b4cda6;
  background-color: #b4cda6;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  float: left;
  width: 30%;
  height: 78px;
  min-height: 96px;
  margin: 0 0 1% 0;
  padding: 1% 1% 0 1%;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  display: table-cell;
}
.kouza_03_td {
  border: medium solid #b4cda6;
  background-color: #fff;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  float: right;
  width: 70%;
  height: 78px;
  min-height: 96px;
  margin: 0 0 1% 0;
  padding: 1%;
  font-size: 1.5rem;
  color: #333;
  display: table-cell;
}
.kouza_04_th {
  border: medium solid #eed18f;
  background-color: #eed18f;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  float: left;
  width: 30%;
  height: 78px;
  min-height: 96px;
  margin: 0 0 1% 0;
  padding: 1% 1% 0 1%;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  display: table-cell;
}
.kouza_04_td {
  border: medium solid #eed18f;
  background-color: #fff;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
  float: right;
  width: 70%;
  height: 78px;
  min-height: 96px;
  margin: 0 0 1% 0;
  padding: 1%;
  font-size: 1.5rem;
  color: #333;
  display: table-cell;
}

/*-------------------------------------------*/
/*  @media DESIGN
/*-------------------------------------------*/

/* スマホ用 */
@media (max-device-width: 480px) and (orientation: landscape) {
}

/* スマホ用 */
@media (max-width: 991px) {
  #kouza_img_box img {
    width: 100%;
  }
}

/* スマホ用 */
@media (max-width: 767px) {
  .top_bnr_box {
    float: none;
    width: 98%;
    margin: 1% auto;
    padding: 0;
    display: table;
  }
  /* for PC */
  .forPC {
    display: none;
  }
  /* header logo */
  .siteHeader_logo {
    float: none !important;
    margin: 0 auto;
    display: block;
  }
  .siteHeader_tel {
    float: none !important;
    margin: 10px auto 5px auto;
    display: block;
  }
  #menuBtn {
    margin-top: 70px;
  }
  /* step_box */
  /*64.背景にカラフルな円 → 三角*/
  .ktl-e {
    margin: 20px 0 20px 30%;
  }
  .step_arrow {
    float: none;
    width: 100%;
  }
  .step_arrow:before {
    content: "▼";
    width: 50px;
    height: 20px;
  }
  .step_box_01,
  .step_box_02,
  .step_box_03,
  .step_box_04,
  .step_box_05,
  .step_box_06 {
    float: none;
    width: 100%;
    height: auto;
    display: block;
  }
  /* TOP kouza */
  #kouza_img_box {
    flex-direction: column;
  }
  #kouza_01,
  #kouza_02,
  #kouza_03,
  #kouza_04,
  #kouza_05 {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    width: 100%;
  }
  #kouza_txt_box {
    /* display: none; */
  }
  #kouza_01_ttl,
  #kouza_02_ttl,
  #kouza_03_ttl,
  #kouza_04_ttl,
  #kouza_05_ttl {
    margin: 0;
    width: 35%;
  }
  #kouza_01_ttl p,
  #kouza_02_ttl p,
  #kouza_03_ttl p,
  #kouza_04_ttl p,
  #kouza_05_ttl p {
    font-size: 1rem;
  }
  #kouza_01_txt,
  #kouza_02_txt,
  #kouza_03_txt,
  #kouza_04_txt,
  #kouza_05_txt {
    width: 65%;
    height: auto;
    padding: 1%;
    font-size: 1rem;
    line-height: 1.8rem;
  }
  /* kouza table */
  .kouza_01_th,
  .kouza_02_th,
  .kouza_03_th,
  .kouza_04_th {
    float: none;
    margin-bottom: 0;
    font-size: 1.7rem;
    width: 100%;
    height: auto;
    min-height: auto;
    display: block;
  }
  .kouza_01_td,
  .kouza_02_td,
  .kouza_03_td,
  .kouza_04_td {
    float: none;
    margin-top: 0;
    width: 100%;
    height: auto;
    display: block;
  }
}

/* タブレット〜PC用 */
@media (min-width: 768px) {
}

/* タブレット用 */
@media (min-width: 992px) {
  #menuBtn {
    margin-top: 30px;
  }
}

/* PC用 */
@media (min-width: 1200px) {
}

/*------------------------------------------------*/
/* Copyright© Cyber-Seed Inc. All Rights Reserved.
/*------------------------------------------------*/

@media print {
  a[href]:after {
    content: "" !important;
  }

  abbr[title]:after {
    content: "" !important;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
  header {
    background-color: #fff !important;
    -webkit-print-color-adjust: exact;
  }
}

.wpcf7-form-control-wrap {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .container {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
  }
  .menuBtn,
  .navSection,
  .navSection .searchform {
    display: none;
  }
  .navbar-header {
    float: left;
  }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
  .gMenu_outer.itemOpen,
  .gMenu_outer.itemClose {
    display: block;
  }
  ul.gMenu {
    float: right;
  }
  ul.gMenu > li {
    position: relative;
    float: left;
  }
  ul.gMenu > li > a {
    border-bottom: none;
    padding: 10px;
  }
  ul.gMenu > li a:hover {
    background: none;
  }
  ul.gMenu > li > a:hover:after,
  ul.gMenu > li.current-post-ancestor > a:after,
  ul.gMenu > li.current-menu-item > a:after,
  ul.gMenu > li.current-menu-parent > a:after,
  ul.gMenu > li.current-menu-ancestor > a:after,
  ul.gMenu > li.current_page_parent > a:after,
  ul.gMenu > li.current_page_ancestor > a:after {
    content: ".";
    line-height: 0;
    border-bottom: 1px solid #337ab7;
    bottom: 0px;
    display: block;
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
  }

  /* ▼▼▼ サブメニューの超シンプル修正 ▼▼▼ */
  ul.gMenu > li > ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    background-color: #ffffff !important;
    width: 240px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  }

  ul.gMenu > li:hover > ul.sub-menu {
    display: block !important;
  }

  ul.gMenu > li > ul.sub-menu li {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: 0 !important;
  }

  ul.gMenu > li > ul.sub-menu li a {
    display: block !important;
    width: 100% !important;
    padding: 12px 16px !important;
    color: #333333 !important;
    background-color: #ffffff !important;
    text-align: left !important;
    white-space: nowrap !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  ul.gMenu > li > ul.sub-menu li a:hover {
    background-color: #f5f5f5 !important;
    color: #111111 !important;
  }
  /* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

  .gMenu_name {
    text-align: center;
    display: block;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (max-width: 991px) {
  .gMenu_outer {
    overflow: visible;
    display: block;
    height: auto;
  }
  ul.gMenu {
    border-top: none;
    width: 100%;
  }
  ul.gMenu a {
    border-bottom: none;
  }

  nav {
    font-size: 1.4vw;
  }
}

@media (max-width: 767px) {
  .gMenu_outer {
    overflow: scroll;
    display: none;
    height: 20em;
  }
  ul.gMenu {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }
  ul.gMenu a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }

  nav {
    font-size: 14px;
  }
}

/*--------------*/
/* コラムリスト
/*--------------*/
.column-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}

.column-list ul li {
  margin: 0;
  width: 32%;
  display: flex;
  align-items: stretch;
}

.column-list ul li dl {
  background: #fff;
  border: solid 1px #c8c8c8;
  margin: 0;
  width: 100%;
}

.column-list ul li dl dt {
  border: none;
  margin: 0;
  margin-bottom: 0.8em;
  padding: 0;
  width: 100%;
}

.column-list ul li dl dt img {
  width: 100%;
  height: auto;
}

.column-list ul li dl dd {
  border: none;
  margin: 0 auto 0.8em;
  padding: 0;
  width: 95%;
}

.column-list ul li dl dd span.date {
  font-size: 12px;
  display: block;
  margin-bottom: 0.8em;
}

.column-list ul li dl dd a span.tit {
  color: #464646;
  font-size: 20px;
  line-height: 1.4em;
}

.column-list ul li dl dd.column-category a {
  display: inline-block;
  margin: 0.4em;
  margin-left: 0;
}

.column-btn {
  display: block;
  width: 40%;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .column-list ul li dl dd span.date {
    font-size: 14px;
  }
}