@charset "utf-8";
/* font-family: "Zen Kaku Gothic New", sans-serif; */
/* font-family: "Zen Kaku Gothic New", sans-serif; */
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
/*=====ボディ設定*/
html {
  font-size: 62.5%;
  line-height: 1;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

body {
  font-size: 1.6rem;
  overflow: hidden;
}

/*=====ヘッダー*/
header {
  width: 100%;
  text-decoration: none;
  z-index: 20000;
}
.wrap_header {
  width: 920px;
  height: 54px;
  margin: 50px auto 25px;
}

.head_logo {
  width: 339px;
  height: 54px;
}
.head_hr1 {
  width: 100%;
  border-color: #3f59b2;
}
.head_hr2 {
  border-color: #3f59b2;
  border-width: 2px;
}

.head_hr3 {
  border-color: #3f59b2;
  border-width: 2px;
}
.span1 {
  color: #3f59b2;
  font-size: 1.2rem;
  padding: 5px;
}
a {
  text-decoration: none;
}

/* ===== トグルメニュー ===== */

.nav_con {
  display: none;
}

/* 開閉時のアニメーション */
.nav-toggle.active span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}
.nav-toggle.active span:nth-child(2) {
  opacity: 0;
}
.nav-toggle.active span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}
.toppage {
  background: #3f59b2;
}

.toppage a {
  color: #ffffff !important ;
}

.toppage a span {
  color: #ffffff;
}
.oshirasetop {
  background: #3f59b2;
}
.oshirasetop a {
  color: #ffffff !important ;
}

.oshirasetop a span {
  color: #ffffff;
}
.kaisyanavi {
  background: #3f59b2;
}
.kaisyanavi a {
  color: #ffffff !important ;
}

.kaisyanavi a span {
  color: #ffffff;
}

.businessnavi {
  background: #3f59b2;
}
.businessnavi a {
  color: #ffffff !important ;
}
.businessnavi a span {
  color: #ffffff;
}
.contactnavi {
  background: #3f59b2;
}
.contactnavi a {
  color: #ffffff !important ;
}
.contactnavi a span {
  color: #ffffff;
}

.head_navi {
  display: flex;
  font-weight: 700;
  font-size: 1.6rem;
  width: 920px;
  background-color: #ffffff;
  list-style: none;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
}
.head_navi li:hover {
  background: #3f59b2;
}
.head_navi li {
  margin-right: 0px;
  width: 192px;
  height: 61px;
  padding: 20px;
}
.head_navi a {
  color: black;
  display: flex;
  flex-direction: column;
}

.head_navi a:hover {
  color: white;
}
.head_navi a:hover span {
  color: white;
}
/*=====メイン*/
main {
}

/*=====フッター*/

.head_foot1 {
  border-color: #3f59b2;
}
footer {
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  background-color: #e7ecfc;
  line-height: 2;
  margin-top: 63px;
}
footer img {
  width: 326px;
  padding-bottom: 15px;
  padding-top: 58px;
}

.copyright {
  width: 100%;
  font: weight 400px;
  background-color: #3f59b2;
  padding: 10px;
  margin-top: 59px;
  color: white;
}
/* ブレークポイント＝＝＝＝＝＝＝＝＝ */
@media screen and (max-width: 768px) {
  /*ここにcssを書く*/
  img {
    max-width: 100%;
    height: auto;
  }

  body {
    font-size: 1.6rem;
    overflow: auto;
  }

  /*=====ヘッダー*/

  .toppage {
    background: #3f59b2;
  }

  .toppage a {
    color: #000000;
  }

  .toppage a span {
    color: #ffffff;
  }
  header {
    z-index: 10000;
    width: 100%;
    text-decoration: none;
    background-color: white;
    position: fixed;
  }

  header section:first-child {
    padding: 0px;
    width: 100%;
    z-index: 20000;
    background-color: white;
  }
  .wrap_header {
    width: 100%;
    height: 54px;
    margin: 0 auto;
  }
  .head_logo {
    z-index: 3;
    position: fixed;
    width: 60vw;
    height: 10vw;
    margin-left: 20px;
    margin-top: 8px;
    margin-bottom: 0px;
    background-color: white;
    padding: 0;
    top: 0;
  }
  .head_hr1 {
    display: none;
    border-color: white;
  }
  .head_hr2 {
    border-color: white;
    border-width: 2px;
  }

  .head_hr3 {
    border-color: #3f59b2;
    border-width: 2px;
  }

  a {
    text-decoration: none;
  }
  .nav_con.is_open {
    background-image: url(../images/top/nav_close.png);
    position: fixed;
    z-index: 30000;
  }
  .nav_con {
    position: fixed;
    z-index: 30000;
    top: 0;
    right: 0;
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../images/top/nav_con.png);
    background-position: center center;
    background-color: #3f59b2;
  }

  .head_navi {
    display: none;
    flex-direction: column;
    position: fixed;
    z-index: 10000;
    top: 0;
    font-weight: 700;
    font-size: 1.6rem;
    width: 100%;
    height: 100vh;
    background-color: #3f59b2;
    margin: 0 auto;
    text-align: left;
    padding: 20vw 5vw;
  }
  .head_navi li:hover {
    background: #3f59b2;
  }
  .head_navi li {
    margin-left: 10px;
    margin-top: 0px;
    width: 100%;
    height: 10vh;
    padding: 10px;
    position: relative;
  }

  .span1 {
    color: #ffffff;
    font-size: 1.2rem;
    position: absolute;
    z-index: 1;
    left: 70%;
    text-align: left;
    width: 100%;
    font-weight: 400;
  }
  .head_navi a {
    color: #ffffff;
    display: block;
  }

  .head_navi a:hover {
    color: white;
  }
  .head_navi a:hover span {
    color: white;
  }

  /*=====メイン*/
  main {
  }

  /*=====フッター*/

  .head_foot1 {
    border-color: #3f59b2;
  }
  footer {
    width: 100%;
    text-align: left;
    font-size: 1.4rem;
    background-color: #e7ecfc;
    line-height: 2;
    margin-top: 63px;
  }
  footer img {
    width: 80vw;
    padding-bottom: 15px;
    padding-top: 40px;
    padding-left: 51px;
  }
  .footer_adress {
    padding-left: 24px;
  }
  .copyright {
    width: 100%;
    font: weight 400px;
    background-color: #3f59b2;
    padding: 10px;
    margin-top: 24px;
    color: white;
  }
}