@charset "UTF-8";

body {
  font: 12px "M PLUS 1p","Noto Sans CJK JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-weight: 300;
  line-height: 1.5;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  margin: 0 auto;
  width: 100%;
}
  @media screen and (min-width: 768px) {
    body {
      width: 1366px;
    }
  }

/*アニメーション要素のスタイル*/
.animation{
  opacity : 0;
  visibility: hidden;
  transition: 1s;
  transform: translateY(30px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.siteWrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* ハンバーガーメニュー */
.menu-btn {
  position: fixed;
  top: 10px;
  right: 10px;
  display: flex;
  height: 40px;
  width: 40px;
  justify-content: center;
  align-items: center;
  z-index: 90;
  transition: all 0.5s 0s ease;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background-color: #ffffff;
  position: absolute;
  transition: all 0.5s 0s ease;
}
.menu-btn span:before {
  bottom: 8px;
}
.menu-btn span:after {
  top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
}
#menu-btn-check {
  display: none;
}
.menu-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;/*leftの値を変更してメニューを画面外へ*/
  z-index: 80;
  background-color: rgba(0,0,0,0.5);
  transition: all 0.5s;/*アニメーション設定*/
}
.menu-content ul {
  padding: 70px 10px 0;
}
.menu-content ul li {
  border-bottom: solid 1px #ffffff;
  list-style: none;
}
.menu-content ul li a {
  display: block;
  width: 100%;
  font-size: 15px;
  box-sizing: border-box;
  color:#ffffff;
  text-decoration: none;
  padding: 9px 15px 10px 0;
  position: relative;
}
.menu-content ul li a::before {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  right: 11px;
  top: 16px;
}
#menu-btn-check:checked ~ .menu-content {
  left: 0;/*メニューを画面内へ*/
}


/* parts */
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .pc-nav {
    display: none;
  }
  .sp-nav {
    display: block;
  }
  @media screen and (min-width: 768px) {
    .pc-only {
      display: block;
    }
    .sp-only {
      display: none;
    }
    .pc-nav {
      display: block;
    }
    .sp-nav {
      display: none;
    }
  }

/* header */
  header {
    background-image: url(../images/bg_sp01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
  }
  header .mainImg {
    margin-bottom: -12px;
  }
  header .mainImg .sp-only {
    margin: 0 auto 40px;
    width: 90%;
  }
  @media screen and (min-width: 768px) {
    header {
      background-image: url(../images/bg_pc01.png);
    }
    header .pc-nav {
      padding: 30px 30px 0px;
    }
    header .pc-nav ul {
      align-items: center;
      display: flex;
      justify-content: end;
    }
    header .pc-nav ul li {
      color: #fff;
      margin-right: 20px;
    }
    header .pc-nav ul lilast-child {
      margin-right: 0;
    }
    header .pc-nav ul li.linkBtn {
      background-color: #929a9f;
      border-radius: 20px;
      padding: 5px 10px;
    }
    header .mainImg {}
    header .mainImg .pc-only {
      margin: 0 auto 32px;
      width: 1260px;
    }
    header .linkBtn {
      position: relative;
    }
    header .linkBtn a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }
    .bg02 {
      background-image: url(../images/bg_pc02.png);
      background-repeat: no-repeat;
      background-size: 100%;
      padding-top: 60px;
      padding-bottom: 150px;
      z-index: 1;
    }
  }

/* main contents */
  main {
    flex: 1;
    overflow-x: hidden;
  }
  .boxArea {
    background-color: #fff;
    border: 1px solid #3e5f90;
    border-radius: 10px;
    padding: 20px;
    margin: 0 auto 70px;
    width: 89%;
  }
  .boxArea2 {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 20px;
    margin: 0 auto 70px;
    width: 1000px;
  }
  .sp-only.boxArea2 {
    width: 89%;
  }
  .boxArea3 {
    border-radius: 10px;
    margin: 0 auto 70px;
    padding-bottom: 70px;
  }
  .boxArea3.person .personLabel {
    background-color: #1e2843;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    padding: 3px 5px;
  }
  .boxArea3.person .personName {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .boxArea3.person .personRuby {
    font-size: 12px;
    margin-left: 10px;
  }
  .boxArea3.person .personInfo {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .boxArea3.person .personRecord {
    text-align: center;
  }
  .boxArea3.person .personText {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    padding: 20px;
  }
  .boxArea4 {
	background-color: #fff;
    border: 1px solid #406398;
    border-radius: 10px;
    margin: 0 auto 70px;
    width: 89%;
  }
  .boxArea4-2 {
	background-color: #fff;
    border: 1px solid #1e2843;
    border-radius: 10px;
    margin: 0 auto 70px;
    width: 89%;
  }
  .boxArea4 .boxTitle {
    background-color: #3e5f90;
    border-radius: 6px 6px 0 0;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-align: center;
  }
  .boxArea4 .boxTitle2 {
    background-color: #1e2843;
    border-radius: 6px 6px 0 0;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-align: center;
  }
  .boxArea4 .boxImage img.sp-only {
    width: 100%;
  }
  .boxArea5 {
    border: 2px solid #1e2843;
    border-radius: 10px;
    margin: 0 auto 20px;
    padding: 25px 20px;
    width: 100%;
  }
  .boxArea5:last-child {
    margin-bottom: 60px;
  }
  .boxArea5 p {
    font-size: 10px;
    text-align: center;
  }
  .boxArea5 p.title {
    color: #1e2843;
    font-size: 12px;
    margin-bottom: 20px;
  }
  .boxArea5 .img5-3 {
    margin: 0 auto 20px;
    width: 80px;
  }
  .boxContent img.sp-only {
    width: 100%;
  }
  .boxContent .img3-2 {
    margin-bottom: 45px;
  }
  .boxContent .img3-2_last {
    margin-bottom: 15px;
  }
  .boxContent .ttl3-2 {
    margin-bottom: 20px;
  }
  .boxContent .ttl3-2 img.sp-only {
    margin: auto;
    width: 80%;
  }
  .boxContent .subttl3-2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
  }
  .boxContent .subttl3-2-1,
  .boxContent .subttl3-2-2,
  .boxContent .subttl3-2-3 {
    margin-bottom: 15px;
  }
  .boxContent .text3-2 {
   
    margin-bottom: 15px;
  }



  /* bg02 */
  .area1-1 img.sp-only,
  .area1-2 img.sp-only {
    width: 100%;
  }
  .area1-1 h2 img.sp-only {
    margin: 25px auto;
    width: 65%;
  }
  .area1-2 h2 img.sp-only {
    margin: 25px auto;
    width: 75%;
  }
  .area1-1 .img1-1-2 img.sp-only,
  .area1-1 .img1-1-3 img.sp-only {
    margin: 0 auto 10px;
    width: 85%;
  }
  .area1-1 .img1-1-4 img.sp-only {
    margin: 0 auto 30px;
    width: 85%;
  }
  .area1-1flex-r {
    margin-bottom: 20px;
  }
  .area1-1flex-r p {
    text-align: center;
  }
  .text1-1 {
    margin-bottom: 20px;
  }
  .bg02 .subttl1-1 {
    margin-bottom: 20px;
  }
  .bg02 .blueTxtBold {
    color: #406398;
    font-weight: bold;
  }
  .bg02 .area1-2text {
    margin-bottom: 20px;
  }
  .bg02 .img1-2-2 {
    margin-bottom: 20px;
  }
  .bg02 .img1-2-3 {
    margin-bottom: 20px;
  }
  .bg02 .img1-2-4 {
    margin-bottom: 20px;
  }
  .bg02 .subttl1-2 {
    margin-bottom: 40px;
  }
  .bg02 .subttl1-2text {
    margin-bottom: 20px;
  }
  .bg02 .img1-2-5 {
    margin-bottom: 20px;
  }
  .bg02 .img1-2-6 {
    margin-bottom: 20px;
  }

  /* bg02　thanks */

  .bg02 .linkBtn-round {
    background-color: #1e2843;
    border-radius: 25px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 40px auto 15px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 60%;
  }
  .bg02 .linkBtn-round a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .bg02 .linkBtn-round .rotate90 {
    display: inline-block;
    margin-left: 5px;
    transform:rotate(90deg);
  }


  /* bg03 */
  .bg03 {
    background-image: url(../images/bg_sp03.png);
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .bg03 .mainImg {
    margin-bottom: 60px;
  }
  .bg03 .mainImg img.sp-only,
  .bg03 .boxArea2.sp-only img {
    width: 100%;
  }
  .bg03 .subttl {
    display: block;
    margin: 0 auto 15px;
    width: 90%;
  }
  .bg03 .mateArea {
    margin-bottom: 15px;
  }
  .bg03 .mateArea2 {
    width: 89%;
    margin: 0 auto;
  }
  .bg03 .mateArea2 .featureLogo img.sp-only {
    width: 80%;
  }
  .bg03 .mateArea2 img.sp-only {
    width: 100%;
  }
  .bg03 .material {
    display: flex;
  }
  .bg03 .material p {
    font-size: 14.2px;
    margin-right: 15px;
    width: 55%;
  }
  .bg03 .material2 p {
    font-size: 14.2px;

  }
  .bg03 .material .circle {
    width: 45%;
  }
  .bg03 .featurePic {
    margin-bottom: 30px;
  }
  .bg03 .featurePic img,
  .bg03 .featureLogo img {
    margin: 0 auto 30px;
  }
  .bg03 .boxArea2.sp-only .subtitle {
    background-color: #1e2843;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 5px 10px;
    text-align: center;
  }
  .bg03 .featureSubTtl img {
    margin-bottom: 60px;
  }
  .bg03 .sp-only .img2-1-1-1 img {
    padding-top: 25px;
  }
  .bg03 .boxArea3 {
    margin: 0 auto;
  }

  /* bg04 */
  .bg04 {
    background-image: url(../images/bg_sp04.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 100px;
    padding-bottom: 30px;
  }
  .bg04 .subttl3-1 {
    margin-bottom: 20px;
  }
  .bg04 .subttl3-1Txt {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .bg04 .img3-1-3 img {
    display: block;
    margin: 0 auto;
  }
  .bg04 .img3-1-3 img.pc-only {
    display: none!important;
  }
  .bg04 .boxContent {
    padding: 35px 25px 25px;
  }
  .bg04 .blueTxtBold {
    color: #406398;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }
  .bg04 .textNormal {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
  }
  .bg04 .blueTxtNormal {
    color: #406398;
    text-align: center;
  }
  .bg04 .category img {
    margin: 0 auto 50px;
    width: 60%;
  }
  .bg04 .img3-1-3 {
    margin-bottom: 40px;
  }
  .bg04 .img3-1-3 img.sp-only {
    width: 100%;
  }
  .bg04 .linkBtn-round {
    background-color: #3e5f90;
    border-radius: 25px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto 15px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 60%;
  }
  .bg04 .linkBtn-round a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .bg04 .linkBtn-round .rotate90 {
    display: inline-block;
    margin-left: 5px;
    transform:rotate(90deg);
  }

  /* bg05 */
  .bg05 {
    background-image: url(../images/bg_sp05.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin: auto;
  }
  .bg05inner {
    padding-top: 20px;
    margin: auto;
    width: 89%;
  }
  .bg05 .sp-only img {
    max-width: 100%;
  }
  .bg05 .howToUse .sp-only {
    margin-bottom: 60px;
  }
  .bg05 .sp-only .ttl4-1_sp {
    display: block;
    margin: 0 auto 20px;
    width: 50%;
  }
  .bg05 .sp-only .subttl4-1 {
    display: block;
    margin: 0 auto 20px;
    width: 85%;
  }
  .bg05 .sp-only .img4-1 {
    margin-bottom: 10px;
  }
  .bg05 .sp-only .subttl4-2 {
    display: block;
    margin: 40px auto 20px;
    width: 85%;
  }
  .bg05 .commitment img.sp-only {
    width: 100%;
  }
  .bg05 .commitment .img4-2-l {
    margin-bottom: 40px;
  }
  .bg05 .commitment .subttl4-1pc img.sp-only {
    display: block;
    margin: 0 auto 20px;
    width: 80%;
  }
  .bg05 .commitment .subttl4-2pc img.sp-only {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
  }
  .bg05 .commitment .text4-2 {
    margin-bottom: 30px;
  }
  .bg05 .commitment .img4-3 {
    margin-bottom: 30px;
  }
  .bg05 .commitment .img4-4 {
    margin-bottom: 50px;
    padding-bottom: 95px;
  }

  /* bg06 */
  .bg06 {
    margin: 50px auto;
    width: 89%;
  }
  .bg06 .spec {
    display: flex;
    flex-wrap: wrap;
  }
  .bg06 .spec-l {
    margin-bottom: 40px;
    order: 2;
  }
  .bg06 .spec-l .subttl5-1 {
    margin-bottom: 25px;
  }
  .bg06 .spec-l .subttl5-1 img.sp-only {
    margin: 0 auto 20px;
    width: 50%;
  }
  .bg06 .spec-r {
    margin-bottom: 15px;
    order: 1;
  }
  .bg06 .spec-l img.sp-only {
    width: 100%;
  }
  .bg06 .spec-r img.sp-only {
    width: 100%;
  }
  .bg06 .img5-2 img {
    margin: 0 auto 20px;
  }
  .bg06 .img5-2 img.sp-only {
    width: 100%;
  }
  .bg06 .subttl5-2 {
    margin-bottom: 20px;
  }
  .bg06 .text5-2 {
    margin-bottom: 20px;
    text-align: center;
  }
  .bg06 .linkBtn {
    font-size: 16px;
    font-weight: bold;
    margin: 30px auto 50px;
    width: 45%;
  }
  .bg06 .linkBtn {
    background-color: #1e2843;
    border-radius: 35px;
    color: #fff;
    padding: 10px;
    position: relative;
    text-align: center;
    transition: all 0.5s 0s ease;
  }
  .bg06 .linkBtn a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .bg06 .linkBtn.disabled {
    background-color: #929a9f;
  }
  .bg06 .linkBtn.disabled a {
    pointer-events: none;
  }
  .bg06 .formrun input {
    background-color: #dde2e6;
    border: 1px solid #333;
    padding: 8px;
    width: 100%;
  }
  .bg06 .formrun .inputArea {
    margin-bottom: 20px;
  }
  .bg06 .formrun .error {
    color: #f00;
  }
  .bg06 .submitBtn {
    background-color: #1e2843;
    color: #fff;
    display: block;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.5s 0s ease;
    min-width: 120px;
  }
  .bg06 div.submitBtn {
    max-width: 120px;
    margin-bottom: 20px;
    position: relative;
  }
  .bg06 .submitBtn a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }


  @media screen and (min-width: 768px) {
    .boxArea {
      margin: 0 auto;
      padding: 80px 50px 50px;
      width: 1000px;
    }
    .boxArea3 {
      padding: 20px;
      width: 1000px;
    }
    .boxArea3.person {
      display: flex;
      padding: 20px 20px 170px;
      width: 1000px;
    }
    .boxArea3.person .personPic {
    }
    .boxArea3.person .personText {
      border-radius: 0 10px 10px 0;
      padding: 30px;
      width: 100%;
    }
    .boxArea3.person .personLabel {
      font-size: 14px;
      font-weight: bold;
      margin-right: 10px;
      padding: 3px 5px;
    }
    .boxArea3.person .personName {
      align-items: center;
      display: flex;
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .boxArea3.person .personRuby {
      font-size: 14px;
      margin-left: 10px;
    }
    .boxArea3.person .personInfo {
      font-size: 15px;
      margin-bottom: 30px;
    }
    .boxArea3.person .personRecord {
      text-align: left;
    }
    .boxArea4 {
      margin: 0 auto 55px;
      width: 1000px;
    }
    .boxArea4 .boxTitle {
      font-size: 24px;
      width: 999px;
    }
    .boxArea4 .boxTitle + .boxImage img.pc-only {
      width: 999px;
    }
    .boxArea4 .boxTitle2 {
      font-size: 24px;
      width: 999px;
    }
    .boxArea4 .boxTitle2 + .boxImage img.pc-only {
      width: 999px;
    }	  

    /* bg02 */
    .area1-1 h2 img.pc-only {
      margin: 0 auto 50px;
      width: 580px;
    }
    .area1-1 .area1-1flex {
      display: flex;
    }
    .area1-1 .text1-1 {
      font-size: 15px;
    }
    .area1-1flex-r {
      margin-bottom: 30px;
    }
    .img1-1flex {
      display: flex;
      justify-content: space-between;
      margin-bottom: 50px;
    }
    .foot1-1 {
      margin: 0 auto;
      width: 800px;
    }
    .area1-2 h2 img.pc-only {
      margin: 0 auto 50px;
      width: 640px;
    }
    .img1-2-1 img.pc-only {
      margin: 0 auto 30px;
    }
    .area1-2 .area1-2flex {
      display: flex;
      margin-bottom: 20px;
    }
    .area1-2 .area1-2text {
      font-size: 15px;
      line-height: 1.7;
      margin-right: 20px;
    }
    .bg02 .img1-2-4 {
      margin-right: 20px;
    }
    .area1-2 .subttl1-2 img {
      margin: 0 auto 50px;
      width: 666px;
    }
    .area1-2 .subttl1-2text {
      font-size: 15px;
    }
    .area1-2 .img1-2-5 img {
      width: 400px;
    }
    .area1-2 .subttl1-2text-r {
      margin-left: 30px;
    }
    .bg02 .boxArea {
      margin-bottom: 70px;
    }
    .bg02 .boxArea_last {
      margin-bottom: -15px;
    }

    /* bg03 */
    .bg03 {
      background-image: url(../images/bg_pc03.png);
      background-position-y: 80px;
    }
    .bg03 .mainImg {
      margin-bottom: 150px;
    }
    .bg03 .feature {
      margin: 0 auto 100px;
      width: 1000px;
    }
    .bg03 .featurePic {
      margin-bottom: 100px;
    }
    .bg03 .featureLogo img {
      margin-bottom: 50px;
    }
    .bg03 .featureSubTtl img {
      margin: 0 auto 50px;
      width: 750px;
    }
    .bg03 .mateArea2 {
      width: 100%;
    }
    .bg03 .boxArea3 {
      margin: 0 auto 70px;
    }

    /* bg04 */
    .bg04 {
      background-image: url(../images/bg_pc04.png);
      padding-top: 0;
      padding-bottom: 180px;
    }
    .bg04 .boxArea4 .boxContent {
      margin: 0 auto;
      width: 770px;
    }
    .bg04 .boxArea4-2 .boxContent {
      margin: 0 auto;
      width: 600px;
    }
    .bg04 .boxArea4-2 .img3-2.ttl {
      margin: 50px auto 70px;
      width: 396px;
    }
    .bg04 .category {
      margin: 40px auto;
      width: 450px;
    }
    .bg04 .category img {
      margin: 0 auto 30px;
      width: 100%;
    }
    .bg04 .subttl3-1 {
      margin: 0 auto 20px;
      width: 500px;
    }
    .bg04 .subttl3-1 img {
      width: 100%;
    }
    .bg04 .subttl3-1Txt {
      font-size: 14px;
      margin-bottom: 30px;
      text-align: center;
    }
    .bg04 .img3-1-3 img.pc-only {
      display: block!important;
      width: 100%;
    }
    .bg04 .img3-1-3 img.sp-only {
      display: none!important;
    }
    .bg04 .img3-2 {
      margin-bottom: 80px;
    }
    .bg04 .img3-2 img.pc-only {
      width: 100%;
    }
    .bg04 .boxContent .text3-2 {
      font-size: 13px;
      line-height: 1.7;
      text-align: center;
    }
    .bg04 .boxContent .i7g3-2.ttl {
      margin: 0 auto 20px;
      width: 400px;
    }
    .bg04 .boxContent .ttl3-2.ttl {
      margin: 0 auto 20px;
      width: 400px;
    }
    .bg04 .boxContent .subttl3-2 {
      font-size: 18px;
      margin-bottom: 70px;
    }
    .bg04 .linkBtn-round {
      margin-bottom: 30px;
      transition: all 0.5s 0s ease;
      width: 170px;
    }
    .bg04 .linkBtn-round:hover {
      opacity: 0.7;
    }
    .bg04 .img3-1-3 {
      margin-bottom: 60px;
    }


    /* bg05 */
    .bg05 {
      background-image: url(../images/bg_pc05.png);
      margin: auto;
    }
    .bg05inner {
      padding-top: 50px;
      width: 1000px;
    }
    .bg05 .img4-1_pc {
      margin-bottom: 150px;
    }
    .bg05 .commitment {
      display: flex;
    }
    .bg05 .commitment .img4-2-l {
      margin-bottom: 0;
    }
    .bg05 .commitment .img4-2-l,
    .bg05 .commitment .img4-2-r {
    }
    .bg05 .commitment .subttl4-1pc img.sp-only,
    .bg05 .commitment .subttl4-2pc img.sp-only {
      display: none;
    }
    .bg05 .commitment .subttl4-1pc img.pc-only {
      margin-bottom: 10px;
      width: 55%;
    }
    .bg05 .commitment .subttl4-2pc img.pc-only {
      margin-bottom: 10px;
      width: 75%;
    }
    .bg05 .commitment .img4-4 {
      margin-bottom: 100px;
    }

    /* bg06 */
    .bg06 .spec {
      display: flex;
      flex-wrap: initial;
          margin: auto;
      width: 1000px;
    }
    .bg06 .spec-l {
      order: 1;
      width: 50%;
    }
    .bg06 .spec-r {
      order: 2;
      width: 50%;
    }
    .bg06 .img5-2 img {
      margin: 0 auto 20px 250px;
    }
    .bg06 .subttl5-1 {
      margin-bottom: 30px;
      width: 85%;
    }
    .bg06 .linkBtn {
      font-size: 24px;
      margin: 0 auto 90px;
      width: 190px;
    }
    .bg06 .linkBtn:hover,
    .bg06 .submitBtn:hover {
      opacity: 0.7;
    }
    .bg06 .linkBtn.disabled:hover {
      opacity: 1.0;
    }
    .bg06 .subttl5-2 {
      margin: 0 auto 25px;
      width: 450px;
    }
    .bg06 .text5-2 {
      font-size: 16px;
    }

    .boxArea5 {
      padding: 20px;
      width: 520px;
    }
    .boxArea5:last-child {
      margin-bottom: 120px;
    }
    .boxArea5 p {
      font-size: 12px;
    }
    .boxArea5 p.title {
      font-size: 16px;
    }
    .boxArea5 .img5-3 {
      width: 98px;
    }
  }
/* footer */
.footer {
  background-color: #080F2A;
  color: #fff;
  padding: 10px;
  text-align: center;
}