.topPage .mv {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url("../cmn_img/top/mv_bg.jpg") no-repeat center center/cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPage .mv {
    height: auto;
    padding-top: 140%;
    background-image: url("../cmn_img/top/mv_bg_sp.jpg");
  }
}
.topPage .mv .txWrap {
  position: absolute;
  top: 55%;
  left: 0%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  width: 92%;
}
@media screen and (max-width: 768px) {
  .topPage .mv .txWrap {
    width: 95%;
    top: 45%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.topPage .mv .txWrap .copy {
  font-size: 5.6rem;
  font-weight: 700;
  -webkit-transform: skew(-10deg);
      -ms-transform: skew(-10deg);
          transform: skew(-10deg);
  line-height: 1.6;
  margin-left: 8%;
}
@media screen and (max-width: 768px) {
  .topPage .mv .txWrap .copy {
    margin-left: 20px;
    font-size: 2.2rem;
    line-height: 2.1;
  }
}
.topPage .mv .txWrap .copy span {
  display: inline-block;
}
.topPage .mv .txWrap .copy .tx01, .topPage .mv .txWrap .copy .tx03 {
  font-weight: 700;
  line-height: 1.4;
  padding: 0 20px 3px 75px;
}
@media screen and (max-width: 768px) {
  .topPage .mv .txWrap .copy .tx01, .topPage .mv .txWrap .copy .tx03 {
    padding: 3px 10px 4px 37px;
  }
}
.topPage .mv .txWrap .copy .tx01 {
  margin-left: -15px;
  background: #3039b1 url("../cmn_img/top/mv_icon01.png") no-repeat center left 20px/43px 44px;
}
@media screen and (max-width: 768px) {
  .topPage .mv .txWrap .copy .tx01 {
    background-size: 22px 22px;
    background-position: center left 10px;
  }
}
.topPage .mv .txWrap .copy .tx03 {
  margin-right: 15px;
  background: #fdd000 url("../cmn_img/top/mv_icon02.png") no-repeat center left 20px/41px 44px;
  padding-left: 70px;
}
@media screen and (max-width: 768px) {
  .topPage .mv .txWrap .copy .tx03 {
    padding-left: 32px;
    background-size: 22px 23px;
    background-position: center left 8px;
    margin-right: 8px;
  }
}
.topPage .mv .txWrap .copy .tx02 {
  margin: 0 10px 20px 10px;
  vertical-align: middle;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .topPage .mv .txWrap .copy .tx02 {
    font-size: 1.1rem;
    margin: 0 3px 7px 3px;
  }
}
.topPage .mv .txWrap .subCopy {
  font-size: 2.6rem;
  -webkit-transform: skew(-10deg);
      -ms-transform: skew(-10deg);
          transform: skew(-10deg);
  font-weight: 700;
  line-height: 1.7;
  margin-top: 5px;
  margin-left: calc(8% - 10px);
}
@media screen and (max-width: 768px) {
  .topPage .mv .txWrap .subCopy {
    font-size: 1.5rem;
  }
}
.topPage .mv .txWrap .subCopy02 {
  padding: 4px 20px 5px 32px;
  -webkit-transform: skew(-10deg);
      -ms-transform: skew(-10deg);
          transform: skew(-10deg);
  margin-left: -5px;
  font-size: 2.2rem;
  background: #000;
  display: inline-block;
  font-weight: 700;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .topPage .mv .txWrap .subCopy02 {
    font-size: 1.2rem;
    padding: 3px 10px 3px 18px;
    margin-top: 20px;
  }
}
.topPage .mv .newsBox {
  position: absolute;
  bottom: 40px;
  left: 40px;
  border-radius: 3px;
  overflow: hidden;
  width: calc(100% - 80px);
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
  .topPage .mv .newsBox {
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
  }
}
.topPage .mv .newsBox ul li {
  border: none !important;
}
.topPage .mv .newsBox ul li a {
  color: #fff;
  padding: 25px 30px 25px 48px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPage .mv .newsBox ul li a {
    padding: 15px 20px;
  }
}
.topPage .mv .newsBox ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0px 4px 8px;
  border-color: transparent transparent transparent #fff;
}
@media screen and (max-width: 768px) {
  .topPage .mv .newsBox ul li a::before {
    content: none;
  }
}
.topPage .mv .newsBox ul li a .cate {
  width: auto;
  padding-left: 13px;
  padding-right: 13px;
}
@media screen and (max-width: 768px) {
  .topPage .mv .newsBox ul li a .tx {
    font-size: 1.1rem;
  }
}
.topPage .sec01 {
  position: relative;
  overflow: hidden;
}
.topPage .sec01::before, .topPage .sec01::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background: url("../cmn_img/top/sec01_bg01.png") no-repeat top left/contain;
}
@media screen and (max-width: 768px) {
  .topPage .sec01::before, .topPage .sec01::after {
    width: 120%;
  }
}
.topPage .sec01::after {
  background-image: url("../cmn_img/top/sec01_bg02.png");
  background-position: bottom right;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}
.topPage .sec01 .bgEn {
  position: absolute;
  right: -30px;
  bottom: -20px;
  line-height: 1;
  font-size: 22rem;
  color: #fff;
  font-family: "Nova Square", sans-serif;
  font-weight: 400;
  -webkit-text-stroke: 3px #ddd;
  text-stroke: 3px #ddd;
  paint-order: stroke;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .topPage .sec01 .bgEn {
    font-size: 12rem;
  }
}
.topPage .sec01 .inr {
  position: relative;
  z-index: 9;
}
.topPage .sec01 .featureList {
  text-align: center;
}
.topPage .sec01 .featureList > li {
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  overflow: inherit;
  border: 1px solid #3039b1;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(48, 57, 177, 0.15);
          box-shadow: 0px 0px 25px 0px rgba(48, 57, 177, 0.15);
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPage .sec01 .featureList > li {
    margin-bottom: 20px !important;
  }
}
.topPage .sec01 .featureList > li::before {
  content: "01";
  position: absolute;
  top: -25px;
  right: 30px;
  line-height: 1;
  font-size: 6rem;
  color: #3039b1;
  font-family: "Nova Square", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .topPage .sec01 .featureList > li::before {
    font-size: 4rem;
    top: -15px;
    right: 20px;
  }
}
.topPage .sec01 .featureList > li .img {
  border-radius: 3px;
  overflow: hidden;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.topPage .sec01 .featureList > li .txBox {
  padding: 25px 30px 35px 30px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .topPage .sec01 .featureList > li .txBox {
    padding: 18px 20px 20px;
    font-size: 1.2rem;
  }
}
.topPage .sec01 .featureList > li .txBox .ttl {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .topPage .sec01 .featureList > li .txBox .ttl {
    font-size: 1.3rem;
    margin-bottom: 5px;
  }
}
.topPage .sec01 .featureList > li .txBox .ttl span {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  color: #3039b1;
  margin-bottom: 5px;
}
@media screen and (max-width: 1279px) {
  .topPage .sec01 .featureList > li .txBox .ttl span {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .topPage .sec01 .featureList > li .txBox .ttl span {
    font-size: 1.8rem;
  }
}
.topPage .sec01 .featureList > li .txBox .tx {
  text-align: left;
}
.topPage .sec01 .featureList > li:nth-child(2)::before {
  content: "02";
}
.topPage .sec01 .featureList > li:nth-child(3)::before {
  content: "03";
}
.topPage .sec01 .featureList > li:nth-child(4)::before {
  content: "04";
}
.topPage .sec01 .featureList > li:nth-child(5)::before {
  content: "05";
}
.topPage .sec01 .featureList > li:nth-child(6)::before {
  content: "06";
}
@media screen and (max-width: 768px) {
  .topPage .sec01 .featureList > li.last {
    margin-bottom: 35px !important;
  }
}
.topPage .sec02 .inr {
  font-size: 0;
  position: relative;
}
.topPage .sec02 .inr .boxL {
  width: 280px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .topPage .sec02 .inr .boxL {
    width: 100%;
    text-align: center;
  }
}
.topPage .sec02 .inr .boxL .secTtl {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .topPage .sec02 .inr .boxL .secTtl {
    text-align: center;
  }
}
.topPage .sec02 .inr .boxL .navList {
  font-size: 0;
}
.topPage .sec02 .inr .boxL .navList > li {
  font-size: 1.5rem;
  padding-left: 28px;
  position: relative;
  margin-bottom: 5px;
  color: #fff;
  display: block;
}
@media screen and (max-width: 768px) {
  .topPage .sec02 .inr .boxL .navList > li {
    font-size: 1.2rem;
    width: 50%;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
  }
}
.topPage .sec02 .inr .boxL .navList > li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 90px;
  background: #555;
}
@media screen and (max-width: 768px) {
  .topPage .sec02 .inr .boxL .navList > li::before {
    width: 10px;
    height: 10px;
    top: 8px;
  }
}
.topPage .sec02 .inr .boxL .navList > li.current::before {
  background: #ff9000;
}
.topPage .sec02 .inr .boxR {
  width: calc(100% - 280px);
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .topPage .sec02 .inr .boxR {
    width: 100%;
    margin-top: 30px;
  }
}
.topPage .sec02 .inr .boxR .newsList > li {
  border-color: #444;
}
.topPage .sec02 .inr .boxR .newsList > li a::before {
  border-color: transparent transparent transparent #fff;
}
.topPage .sec02 .inr .boxR .newsList > li a .day, .topPage .sec02 .inr .boxR .newsList > li a .tx, .topPage .sec02 .inr .boxR .newsList > li a .cate {
  color: #fff;
}
.topPage .sec02 .inr .boxR .newsList > li a .cate {
  background-color: #333333;
}
.topPage .sec02 .inr .btn a {
  margin: 30px auto 0 0;
}
@media screen and (max-width: 768px) {
  .topPage .sec02 .inr .btn a {
    margin: 30px auto 0;
  }
}
.topPage .sec03 {
  background: url("../cmn_img/bg01.jpg") repeat;
}
@media screen and (max-width: 768px) {
  .topPage .sec03 .voiceList > li {
    margin-bottom: 30px;
  }
}
.topPage .sec03 .voiceList > li .commeBox {
  padding: 25px 20px;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  overflow: inherit;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPage .sec03 .voiceList > li .commeBox {
    padding: 15px 15px 25px;
  }
}
.topPage .sec03 .voiceList > li .commeBox::before {
  content: "";
  position: absolute;
  bottom: -24px;
  right: 30px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 40px 0px 0px;
  border-color: #fff transparent transparent transparent;
}
@media screen and (max-width: 768px) {
  .topPage .sec03 .voiceList > li .commeBox::before {
    right: -6px;
    bottom: -12px;
  }
}
.topPage .sec03 .voiceList > li .commeBox::after {
  content: "";
  position: absolute;
  top: -8px;
  right: 25px;
  background: url("../cmn_img/top/sec03_item01.png") no-repeat center center/cover;
  width: 31px;
  height: 26px;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .topPage .sec03 .voiceList > li .commeBox::after {
    width: 20px;
    height: 16px;
    right: 15px;
    top: -7px;
  }
}
.topPage .sec03 .voiceList > li .commeBox .tx01 {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .topPage .sec03 .voiceList > li .commeBox .tx01 {
    font-size: 1.2rem;
  }
}
.topPage .sec03 .voiceList > li .commeBox .tx02 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .topPage .sec03 .voiceList > li .commeBox .tx02 {
    font-size: 1rem;
  }
}
.topPage .sec03 .voiceList > li .icon {
  width: 170px;
  display: block;
  margin: -20px auto 0;
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .topPage .sec03 .voiceList > li .icon {
    max-width: 140px;
    width: 100%;
    margin-top: -17px;
  }
}
.topPage .sec03 .voiceList > li:nth-child(2n) .commeBox {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .topPage .sec03 .voiceList > li:nth-child(2n) .commeBox {
    margin-top: 0;
  }
}
.topPage .sec04_05_bg {
  position: relative;
  overflow: hidden;
}
.topPage .sec04_05_bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: -50%;
  width: 100%;
  height: 100%;
  background: #f3f3fa;
  -webkit-transform: skewX(-45deg);
      -ms-transform: skewX(-45deg);
          transform: skewX(-45deg);
}
@media screen and (max-width: 768px) {
  .topPage .sec04_05_bg::before {
    -webkit-transform: skewX(-30deg);
        -ms-transform: skewX(-30deg);
            transform: skewX(-30deg);
  }
}
.topPage .sec04 {
  overflow: hidden;
  padding-bottom: 5px;
}
.topPage .sec04 .btn {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .topPage .sec04 .btn {
    margin-top: 20px;
  }
}
.topPage .sec05 .proList > li {
  border-radius: 3px;
  overflow: hidden;
}
.topPage .sec05 .proList > li .wrap {
  padding-top: 66%;
  background: url("../cmn_img/top/sec05_img01.jpg") no-repeat center center/cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPage .sec05 .proList > li .wrap {
    padding-top: 80%;
  }
}
.topPage .sec05 .proList > li .wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
}
.topPage .sec05 .proList > li .wrap::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background: url("../cmn_img/top/sec05_img01.jpg") no-repeat center center/cover;
  border-radius: 3px;
  overflow: hidden;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  .topPage .sec05 .proList > li .wrap::after {
    top: 7px;
    left: 7px;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
  }
}
.topPage .sec05 .proList > li .wrap .numIcon {
  position: absolute;
  top: 35px;
  left: 35px;
  width: 80px;
  height: 80px;
  border: 1px solid #ff9000;
  border-radius: 90px;
  padding: 22px 0;
  line-height: 1.3;
  color: #ff9000;
  font-size: 2.6rem;
  font-family: "Nova Square", sans-serif;
  font-weight: 400;
  z-index: 10;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .topPage .sec05 .proList > li .wrap .numIcon {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    top: 20px;
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .topPage .sec05 .proList > li .wrap .numIcon {
    -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
            transform: scale(0.65);
    top: 0;
    left: 0;
    font-size: 2.2rem;
  }
}
.topPage .sec05 .proList > li .wrap .numIcon span {
  display: block;
  font-size: 1rem;
  line-height: 1;
}
.topPage .sec05 .proList > li .wrap .txBox {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.6rem;
  z-index: 11;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .topPage .sec05 .proList > li .wrap .txBox {
    font-size: 1.3rem;
    width: calc(100% - 50px);
    text-align: left;
  }
}
.topPage .sec05 .proList > li .wrap .txBox .ttl {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 5px;
}
@media screen and (max-width: 1279px) {
  .topPage .sec05 .proList > li .wrap .txBox .ttl {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 768px) {
  .topPage .sec05 .proList > li .wrap .txBox .ttl {
    font-size: 1.8rem;
    text-align: center;
  }
}
.topPage .sec05 .proList > li:nth-child(2) .wrap {
  background-image: url("../cmn_img/top/sec05_img02.jpg");
}
.topPage .sec05 .proList > li:nth-child(2) .wrap::after {
  background-image: url("../cmn_img/top/sec05_img02.jpg");
}
.topPage .sec05 .proList > li:nth-child(2) .wrap .numIcon {
  left: auto;
  right: 35px;
}
@media screen and (max-width: 768px) {
  .topPage .sec05 .proList > li:nth-child(2) .wrap .numIcon {
    left: 0;
  }
}
.topPage .sec06 {
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .topPage .sec06 {
    padding: 50px 0;
  }
}
.topPage .sec06 .linkList > li {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .topPage .sec06 .linkList > li {
    margin-bottom: 20px;
  }
}
.topPage .sec06 .linkList > li a {
  display: block;
  border-radius: 3px;
  overflow: hidden;
  padding: 10px;
  background: #fff;
  font-size: 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .topPage .sec06 .linkList > li a {
    padding: 6px;
  }
}
.topPage .sec06 .linkList > li a .cmn_arw01 {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .topPage .sec06 .linkList > li a .cmn_arw01 {
    right: 15px;
  }
}
.topPage .sec06 .linkList > li a .cmn_ofi {
  width: 30%;
  margin-right: 7%;
  display: inline-block;
  vertical-align: middle;
}
.topPage .sec06 .linkList > li a .cmn_ofi::before {
  padding-top: 100%;
}
.topPage .sec06 .linkList > li a .ttl {
  display: inline-block;
  vertical-align: middle;
  width: 57%;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .topPage .sec06 .linkList > li a .ttl {
    font-size: 1.5rem;
  }
}
.topPage .sec06 .linkList > li a .ttl span {
  display: block;
  font-size: 1.3rem;
  color: #3039b1;
  font-family: "Nova Square", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .topPage .sec06 .linkList > li a .ttl span {
    font-size: 1rem;
    margin-top: 3px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .topPage .sec06 .linkList > li a:hover {
    background-color: #e0e0fb;
    -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
            transform: translateY(4px);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .topPage .sec06 .linkList > li a:hover {
    background-color: #e0e0fb;
    -webkit-transform: translateY(4px);
        -ms-transform: translateY(4px);
            transform: translateY(4px);
  }
}
@media screen and (max-width: 768px) {
  .topPage .sec06 .linkList > li.last {
    margin-bottom: 0;
  }
}
.topPage .sec07 {
  position: relative;
}
.topPage .sec07::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../cmn_img/top/sec07_bg.jpg") no-repeat center center/100% 100%;
}
@media screen and (max-width: 768px) {
  .topPage .sec07::before {
    background-image: url("../cmn_img/top/sec07_bg_sp.jpg");
  }
}
.topPage .sec07 .inr {
  position: relative;
  z-index: 9;
}
.topPage .sec08 .secTtl, .topPage .sec09 .secTtl {
  text-align: left;
}
.topPage .sec08 .secTtl span, .topPage .sec09 .secTtl span {
  margin-right: 10px;
  display: inline-block;
}
.topPage .sec08 .inr {
  position: relative;
}
.topPage .sec08 .inr .btn {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .topPage .sec08 .inr .btn {
    position: static;
  }
}
.topPage .sec09 {
  overflow: hidden;
}
.topPage .sec09 .logoList {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.topPage .sec09 .logoList.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.topPage .sec09 .logoList .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.topPage .sec09 .logoList .slick-slide {
  width: 300px;
  margin-right: 25px;
  padding-bottom: 5px;
  height: 135px;
}
@media screen and (max-width: 768px) {
  .topPage .sec09 .logoList .slick-slide {
    margin-right: 10px;
    height: 80px;
    width: 160px;
  }
}
.topPage .sec09 .logoList .slick-slide a {
  display: block;
  border: 1px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
  padding: 15px 20px;
  text-align: center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .topPage .sec09 .logoList .slick-slide a {
    padding: 10px;
  }
}
.topPage .sec09 .logoList .slick-slide a > p {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.topPage .sec09 .logoList .slick-slide a > p > span {
  display: block;
}
.topPage .sec09 .logoList .slick-slide a > p > span > img {
  max-width: 100%;
  max-height: 100%;
  width: 300px;
  height: auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .topPage .sec09 .logoList .slick-slide a > p > span > img {
    width: 130px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .topPage .sec09 .logoList .slick-slide a:hover {
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .topPage .sec09 .logoList .slick-slide a:hover {
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
  }
}

.programPage .sec01 {
  position: relative;
  overflow: hidden;
}
.programPage .sec01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background: url("../cmn_img/top/sec01_bg01.png") no-repeat top left/contain;
}
@media screen and (max-width: 768px) {
  .programPage .sec01::before {
    width: 120%;
  }
}
.programPage .sec01 .proList {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.programPage .sec01 .proList > li {
  text-align: center;
}
.programPage .sec01 .proList > li img {
  max-width: 300px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .programPage .sec01 .proList > li.last {
    margin-top: -35px;
  }
}
.programPage .sec01 .infoWrap {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .programPage .sec01 .infoWrap {
    margin-top: 15px;
  }
}
.programPage .sec01 .infoWrap .boxR {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .programPage .sec01 .infoWrap .boxR {
    font-size: 1.3rem;
  }
}
.programPage .sec01 .infoWrap .btn a {
  margin: 25px auto 15px 0;
}
@media screen and (max-width: 768px) {
  .programPage .sec01 .infoWrap .btn a {
    margin: 25px auto 15px;
  }
}
.programPage .sec01 .infoWrap .cauTx {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .programPage .sec01 .infoWrap .cauTx {
    font-size: 1rem;
    text-align: center;
  }
}
.programPage .sec02 .hoshi01, .programPage .sec02 .hoshi02, .programPage .sec02 .hoshi03 {
  display: inline-block;
  width: 56px;
  height: 15px;
  background: url("../cmn_img/program/sec02_item01.png") no-repeat center center/cover;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .hoshi01, .programPage .sec02 .hoshi02, .programPage .sec02 .hoshi03 {
    width: 40px;
    height: 10px;
  }
}
.programPage .sec02 .hoshi02 {
  background-image: url("../cmn_img/program/sec02_item02.png");
}
.programPage .sec02 .hoshi03 {
  background-image: url("../cmn_img/program/sec02_item03.png");
}
.programPage .sec02 .hoshiBox {
  margin-top: 20px;
  padding: 30px;
  text-align: center;
  border: 8px solid #f7f7f7;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .hoshiBox {
    border-width: 5px;
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .hoshiBox .hoshiList {
    text-align: left;
    display: inline-block;
  }
}
.programPage .sec02 .hoshiBox .hoshiList > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .hoshiBox .hoshiList > li {
    display: block;
    font-size: 1.2rem;
  }
}
.programPage .sec02 .hoshiBox .hoshiList > li.ttl {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .hoshiBox .hoshiList > li.ttl {
    font-size: 1.4rem;
    text-align: center;
  }
}
.programPage .sec02 .program01 .proList > li {
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .program01 .proList > li {
    width: 100%;
    margin: 0 0 20px;
  }
}
.programPage .sec02 .program01 .proList > li img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.programPage .sec02 .program01 .proList > li .txWrap {
  padding: 25px 30px 30px;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .program01 .proList > li .txWrap {
    font-size: 1.2rem;
    padding: 17px 20px 20px;
  }
}
.programPage .sec02 .program01 .proList > li .txWrap .main {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 15px;
  line-height: 1.7;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .program01 .proList > li .txWrap .main {
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding-bottom: 6px;
  }
}
.programPage .sec02 .program01 .proList > li .txWrap .ttl {
  color: #3039b1;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 3px;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .program01 .proList > li .txWrap .ttl {
    font-size: 1.3rem;
  }
}
.programPage .sec02 .program01 .proList > li .txWrap .ttl span {
  margin-left: 8px;
  vertical-align: middle;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .program01.sml .proList > li .txWrap {
    padding: 15px 12px;
  }
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .program02 table tr th, .programPage .sec02 .program02 table tr td {
    font-size: 1.1rem;
  }
}
.programPage .sec02 .program02 table tr th:nth-child(1) {
  width: 35% !important;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .program02 table tr th:nth-child(1) {
    width: 35% !important;
  }
}
.programPage .sec02 .program02 table tr th:nth-child(2) {
  width: 15% !important;
}
.programPage .sec02 .program02 table tr td:nth-child(2) {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .program02 table tr td:nth-child(2) {
    width: 70px !important;
    padding: 15px 5px;
  }
}
@media screen and (max-width: 768px) {
  .programPage .sec02 .program02 table tr td:nth-child(2) span {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.trainerPage .sec01 .trainerList > li, .trainerPage .sec-2 .trainerList > li {
  margin-bottom: 40px;
}
.trainerPage .sec01 .trainerList > li .name, .trainerPage .sec-2 .trainerList > li .name {
  margin-top: 20px;
}

.beginnerPage .sec01 .inr {
  position: relative;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec01 .inr {
    padding-bottom: 5px;
  }
}
.beginnerPage .sec01 .inr .ttl {
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec01 .inr .ttl {
    top: -23px;
  }
}
.beginnerPage .sec01 .inr .ttl span {
  font-size: 3rem;
  font-weight: 700;
  display: inline-block;
  background: #fff;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec01 .inr .ttl span {
    font-size: 2rem;
    padding: 0 20px;
  }
}
.beginnerPage .sec01 .inr .pointList {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.beginnerPage .sec01 .inr .pointList > li {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec01 .inr .pointList > li {
    font-size: 1.3rem;
    margin-bottom: 20px;
  }
}
.beginnerPage .sec01 .inr .pointList > li .icon {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec01 .inr .pointList > li .icon {
    max-width: 100px;
    width: 100%;
    margin: 0 auto 7px;
  }
}
.beginnerPage .sec02 {
  overflow: hidden;
}
.beginnerPage .sec02 .infoWrap .tx {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec02 .infoWrap .tx {
    font-size: 1.2rem;
  }
}
.beginnerPage .sec02 .infoWrap .tx span {
  font-weight: 700;
  color: #3039b1;
}
.beginnerPage .sec02 .pointList {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec02 .pointList {
    margin-top: 35px;
  }
}
.beginnerPage .sec02 .pointList li .tx {
  font-size: 1.6rem;
  padding: 20px 5px;
  color: #000;
  line-height: 1.8;
  background: #f7f7f7;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec02 .pointList li .tx {
    font-size: 1.3rem;
    padding: 12px 5px 15px 5px;
  }
}
.beginnerPage .sec03 .featureList {
  text-align: center;
}
.beginnerPage .sec03 .featureList > li {
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec03 .featureList > li {
    width: 100%;
    margin: 0 0 10px;
  }
}
.beginnerPage .sec03 .featureList > li .bg {
  width: 100%;
  padding-top: 70%;
  background: no-repeat center center/cover;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec03 .featureList > li .bg {
    padding-top: 50%;
  }
}
.beginnerPage .sec03 .featureList > li .txWrap {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 30px;
  z-index: 99;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec03 .featureList > li .txWrap {
    padding: 20px;
    top: 48%;
  }
}
.beginnerPage .sec03 .featureList > li .txWrap .num {
  font-size: 4rem;
  color: #ff9000;
  font-family: "Nova Square", sans-serif;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec03 .featureList > li .txWrap .num {
    font-size: 2.6rem;
  }
}
.beginnerPage .sec03 .featureList > li .txWrap .tx {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec03 .featureList > li .txWrap .tx {
    font-size: 1.3rem;
  }
}
.beginnerPage .sec03 .featureList > li .txWrap .tx span {
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec03 .featureList > li .txWrap .tx span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec03 .btn {
    margin-top: 25px;
  }
}
.beginnerPage .sec04 .flowList > li {
  background: #f3f3fa;
  padding: 15px;
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  overflow: inherit;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec04 .flowList > li {
    padding: 10px;
    margin-bottom: 10px;
  }
}
.beginnerPage .sec04 .flowList > li::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 20px 0px 20px;
  border-color: #e1e1ec transparent transparent transparent;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec04 .flowList > li::before {
    border-width: 7px 15px 0px 15px;
    bottom: -7px;
  }
}
.beginnerPage .sec04 .flowList > li.blue {
  background: #3039b1;
  padding: 10px;
  color: #fff;
  line-height: 1.65;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec04 .flowList > li.blue {
    padding: 5px 5px 7px;
  }
}
.beginnerPage .sec04 .flowList > li.blue.height {
  height: 125px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec04 .flowList > li.blue.height {
    height: 117px;
  }
}
.beginnerPage .sec04 .flowList > li.blue.height .tx {
  display: table-cell;
  vertical-align: middle;
}
.beginnerPage .sec04 .flowList > li.blue.ctNone::before {
  content: none;
}
.beginnerPage .sec04 .flowList > li .ttl {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.65;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec04 .flowList > li .ttl {
    font-size: 1.2rem;
  }
}
.beginnerPage .sec04 .flowList > li .tx {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec04 .flowList > li .tx {
    font-size: 1.1rem;
  }
}
.beginnerPage .sec04 .flowList > li.arwNone::before {
  content: none;
}
.beginnerPage .sec05 .stepList {
  margin-top: -40px;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec05 .stepList {
    margin-top: -30px;
  }
}
.beginnerPage .sec05 .stepList > li {
  font-size: 0;
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec05 .stepList > li {
    padding: 25px 0;
  }
}
.beginnerPage .sec05 .stepList > li .numBox {
  font-size: 8rem;
  font-family: "Nova Square", sans-serif;
  font-weight: 400;
  line-height: 1;
  width: 15%;
  display: inline-block;
  vertical-align: middle;
  color: #e1e1ec;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec05 .stepList > li .numBox {
    font-size: 4rem;
    width: 70px;
    vertical-align: top;
  }
}
.beginnerPage .sec05 .stepList > li .txBox {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec05 .stepList > li .txBox {
    vertical-align: top;
    padding: 0;
    width: calc(100% - 70px);
    margin-top: -5px;
  }
}
.beginnerPage .sec05 .stepList > li .txBox .ttl {
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec05 .stepList > li .txBox .ttl {
    font-size: 1.6rem;
  }
}
.beginnerPage .sec05 .stepList > li .txBox .tx {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec05 .stepList > li .txBox .tx {
    font-size: 1.2rem;
  }
}
.beginnerPage .sec05 .stepList > li .imgBox {
  width: 35%;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .beginnerPage .sec05 .stepList > li .imgBox {
    width: calc(100% - 70px);
    margin: 15px 0 0 auto;
    display: block;
  }
}

.classPage .sec01 .classList > li {
  margin-bottom: 50px;
  font-size: 0;
  background: #f7f7f7;
  border-radius: 3px;
  overflow: hidden;
  padding: 50px;
}
@media screen and (max-width: 768px) {
  .classPage .sec01 .classList > li {
    padding: 20px 20px 30px;
  }
}
.classPage .sec01 .classList > li .imgBox {
  width: 35%;
  float: right;
}
@media screen and (max-width: 768px) {
  .classPage .sec01 .classList > li .imgBox {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
.classPage .sec01 .classList > li .txBox {
  width: 60%;
  float: left;
  font-size: 1.6rem;
  display: table;
}
@media screen and (max-width: 768px) {
  .classPage .sec01 .classList > li .txBox {
    width: 100%;
    float: none;
    font-size: 1.2rem;
  }
}
.classPage .sec01 .classList > li .txBox .wrap {
  display: table-cell;
  vertical-align: middle;
}
.classPage .sec01 .classList > li .txBox .btn a {
  margin: 25px auto 0 0;
}
@media screen and (max-width: 768px) {
  .classPage .sec01 .classList > li .txBox .btn a {
    margin: 20px auto 0;
  }
}
.classPage .sec01 .classList > li.last {
  margin-bottom: 0;
}
.classPage .sec02 .inr {
  position: relative;
}
.classPage .sec02 .inr .btn {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .classPage .sec02 .inr .btn {
    position: static;
    margin-top: 25px;
  }
}
.classPage .sec02 .inr .secTtl {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .classPage .sec02 .inr .secTtl {
    text-align: center;
  }
}
.classPage .sec02 .inr .secTtl span {
  display: inline-block;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .classPage .sec02 .inr .secTtl span {
    margin-right: 0;
    display: block;
  }
}

.facilityPage .sec01, .facilityPage .sec02, .facilityPage .sec03, .facilityPage .sec04, .facilityPage .sec05 {
  overflow: hidden;
}
.facilityPage .sec01 .gaList .ttl, .facilityPage .sec02 .gaList .ttl, .facilityPage .sec03 .gaList .ttl, .facilityPage .sec04 .gaList .ttl, .facilityPage .sec05 .gaList .ttl {
  color: #000;
  font-size: 1.8rem;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .facilityPage .sec01 .gaList .ttl, .facilityPage .sec02 .gaList .ttl, .facilityPage .sec03 .gaList .ttl, .facilityPage .sec04 .gaList .ttl, .facilityPage .sec05 .gaList .ttl {
    font-size: 1.3rem;
    margin-top: 10px;
  }
}
.facilityPage .sec01 .gaList .slick-prev, .facilityPage .sec01 .gaList .slick-next, .facilityPage .sec02 .gaList .slick-prev, .facilityPage .sec02 .gaList .slick-next, .facilityPage .sec03 .gaList .slick-prev, .facilityPage .sec03 .gaList .slick-next, .facilityPage .sec04 .gaList .slick-prev, .facilityPage .sec04 .gaList .slick-next, .facilityPage .sec05 .gaList .slick-prev, .facilityPage .sec05 .gaList .slick-next {
  top: 40%;
}
@media screen and (max-width: 768px) {
  .facilityPage .sec01 .gaList .slick-prev, .facilityPage .sec01 .gaList .slick-next, .facilityPage .sec02 .gaList .slick-prev, .facilityPage .sec02 .gaList .slick-next, .facilityPage .sec03 .gaList .slick-prev, .facilityPage .sec03 .gaList .slick-next, .facilityPage .sec04 .gaList .slick-prev, .facilityPage .sec04 .gaList .slick-next, .facilityPage .sec05 .gaList .slick-prev, .facilityPage .sec05 .gaList .slick-next {
    top: 35%;
  }
}
.facilityPage .sec01 .gaList .slick-prev, .facilityPage .sec02 .gaList .slick-prev, .facilityPage .sec03 .gaList .slick-prev, .facilityPage .sec04 .gaList .slick-prev, .facilityPage .sec05 .gaList .slick-prev {
  left: 29.5%;
}
@media screen and (max-width: 768px) {
  .facilityPage .sec01 .gaList .slick-prev, .facilityPage .sec02 .gaList .slick-prev, .facilityPage .sec03 .gaList .slick-prev, .facilityPage .sec04 .gaList .slick-prev, .facilityPage .sec05 .gaList .slick-prev {
    left: 10.5%;
  }
}
.facilityPage .sec01 .gaList .slick-next, .facilityPage .sec02 .gaList .slick-next, .facilityPage .sec03 .gaList .slick-next, .facilityPage .sec04 .gaList .slick-next, .facilityPage .sec05 .gaList .slick-next {
  right: 29.5%;
}
@media screen and (max-width: 768px) {
  .facilityPage .sec01 .gaList .slick-next, .facilityPage .sec02 .gaList .slick-next, .facilityPage .sec03 .gaList .slick-next, .facilityPage .sec04 .gaList .slick-next, .facilityPage .sec05 .gaList .slick-next {
    right: 10.5%;
  }
}
.facilityPage .sec06 .machineList > li {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .facilityPage .sec06 .machineList > li {
    width: 100%;
    margin: 0 0 35px;
  }
}
.facilityPage .sec06 .machineList > li .img {
  border-radius: 3px;
  overflow: hidden;
}
.facilityPage .sec06 .machineList > li img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.facilityPage .sec06 .machineList > li .ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 8px 5px;
  text-align: center;
  line-height: 1.7;
  background: #3039b1;
}
@media screen and (max-width: 768px) {
  .facilityPage .sec06 .machineList > li .ttl {
    font-size: 1.4rem;
  }
}
.facilityPage .sec06 .machineList > li .subTx {
  font-size: 1.3rem;
  display: block;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .facilityPage .sec06 .machineList > li .subTx {
    font-size: 1.1rem;
    margin-top: 10px;
  }
}
.facilityPage .sec06 .machineList > li .buiList {
  font-size: 0;
}
.facilityPage .sec06 .machineList > li .buiList > li {
  font-size: 1.6rem;
  padding: 1px 10px;
  border-radius: 3px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  margin: 3px;
  border: 1px solid #3039b1;
  color: #3039b1;
}
@media screen and (max-width: 768px) {
  .facilityPage .sec06 .machineList > li .buiList > li {
    font-size: 1.3rem;
  }
}
.facilityPage .sec06 .machineList > li .tx {
  text-align: left;
  font-size: 1.5rem;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .facilityPage .sec06 .machineList > li .tx {
    font-size: 1.2rem;
    margin-top: 5px;
  }
}

.pricePage .sec01 .cmn_priceList > li:nth-child(1) {
  background: #fff4e5;
}
.pricePage .sec01 .cmn_priceList > li:nth-child(2) {
  background: #e9f9f6;
}
.pricePage .sec01 .cmn_priceList > li:nth-child(3) {
  background: #edf6fc;
}
.pricePage .sec01 .cmn_priceList02 > li {
  background-color: #f3f3fa;
}
.pricePage .sec01 .cmn_priceList02 > li .wrap .ttl {
  background: #fff;
}
.pricePage .sec02 table tr th span, .pricePage .sec03 table tr th span, .pricePage .sec04 table tr th span, .pricePage .sec05 table tr th span, .pricePage .sec06 table tr th span, .pricePage .sec07 table tr th span {
  background: #ff9000;
  border-radius: 3px;
  overflow: hidden;
  padding: 1px 10px 3px;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .pricePage .sec02 table tr th span, .pricePage .sec03 table tr th span, .pricePage .sec04 table tr th span, .pricePage .sec05 table tr th span, .pricePage .sec06 table tr th span, .pricePage .sec07 table tr th span {
    font-size: 1rem;
    padding: 0 6px 1px;
  }
}
.pricePage .sec02 table tr th.ore, .pricePage .sec03 table tr th.ore, .pricePage .sec04 table tr th.ore, .pricePage .sec05 table tr th.ore, .pricePage .sec06 table tr th.ore, .pricePage .sec07 table tr th.ore {
  background: #fff4e5;
}
.pricePage .sec02 table tr th.gr, .pricePage .sec03 table tr th.gr, .pricePage .sec04 table tr th.gr, .pricePage .sec05 table tr th.gr, .pricePage .sec06 table tr th.gr, .pricePage .sec07 table tr th.gr {
  background: #e9f9f6;
}
.pricePage .sec02 table tr th.mizu, .pricePage .sec03 table tr th.mizu, .pricePage .sec04 table tr th.mizu, .pricePage .sec05 table tr th.mizu, .pricePage .sec06 table tr th.mizu, .pricePage .sec07 table tr th.mizu {
  background: #edf6fc;
}
.pricePage .sec02 table tr td, .pricePage .sec03 table tr td, .pricePage .sec04 table tr td, .pricePage .sec05 table tr td, .pricePage .sec06 table tr td, .pricePage .sec07 table tr td {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pricePage .sec02 table tr td, .pricePage .sec03 table tr td, .pricePage .sec04 table tr td, .pricePage .sec05 table tr td, .pricePage .sec06 table tr td, .pricePage .sec07 table tr td {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.pricePage .sec02 table tr td span, .pricePage .sec03 table tr td span, .pricePage .sec04 table tr td span, .pricePage .sec05 table tr td span, .pricePage .sec06 table tr td span, .pricePage .sec07 table tr td span {
  font-family: "Nova Square", sans-serif;
  font-weight: 400;
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .pricePage .sec02 table tr td span, .pricePage .sec03 table tr td span, .pricePage .sec04 table tr td span, .pricePage .sec05 table tr td span, .pricePage .sec06 table tr td span, .pricePage .sec07 table tr td span {
    font-size: 1.8rem;
  }
}
.pricePage .sec02 table tr td span small, .pricePage .sec03 table tr td span small, .pricePage .sec04 table tr td span small, .pricePage .sec05 table tr td span small, .pricePage .sec06 table tr td span small, .pricePage .sec07 table tr td span small {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .pricePage .sec02 table tr td span small, .pricePage .sec03 table tr td span small, .pricePage .sec04 table tr td span small, .pricePage .sec05 table tr td span small, .pricePage .sec06 table tr td span small, .pricePage .sec07 table tr td span small {
    font-size: 1.2rem;
  }
}
.pricePage .sec02 table tr .br, .pricePage .sec03 table tr .br, .pricePage .sec04 table tr .br, .pricePage .sec05 table tr .br, .pricePage .sec06 table tr .br, .pricePage .sec07 table tr .br {
  border-right: 1px solid #ddd;
}
.pricePage .sec02 .cmn_layout01 .ttl, .pricePage .sec03 .cmn_layout01 .ttl, .pricePage .sec04 .cmn_layout01 .ttl, .pricePage .sec05 .cmn_layout01 .ttl, .pricePage .sec06 .cmn_layout01 .ttl, .pricePage .sec07 .cmn_layout01 .ttl {
  color: #3039b1;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.7;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .pricePage .sec02 .cmn_layout01 .ttl, .pricePage .sec03 .cmn_layout01 .ttl, .pricePage .sec04 .cmn_layout01 .ttl, .pricePage .sec05 .cmn_layout01 .ttl, .pricePage .sec06 .cmn_layout01 .ttl, .pricePage .sec07 .cmn_layout01 .ttl {
    font-size: 1.5rem;
    text-align: center;
  }
}
.pricePage .sec02 .cmn_layout01 .tx, .pricePage .sec03 .cmn_layout01 .tx, .pricePage .sec04 .cmn_layout01 .tx, .pricePage .sec05 .cmn_layout01 .tx, .pricePage .sec06 .cmn_layout01 .tx, .pricePage .sec07 .cmn_layout01 .tx {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .pricePage .sec02 .cmn_layout01 .tx, .pricePage .sec03 .cmn_layout01 .tx, .pricePage .sec04 .cmn_layout01 .tx, .pricePage .sec05 .cmn_layout01 .tx, .pricePage .sec06 .cmn_layout01 .tx, .pricePage .sec07 .cmn_layout01 .tx {
    font-size: 1.2rem;
  }
}
.pricePage .sec02 table, .pricePage .sec03 table, .pricePage .sec04 table, .pricePage .sec05 table, .pricePage .sec06 table, .pricePage .sec07 table {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .pricePage .sec02 table, .pricePage .sec03 table, .pricePage .sec04 table, .pricePage .sec05 table, .pricePage .sec06 table, .pricePage .sec07 table {
    margin-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  .pricePage .sec02 .scrollTbl .width01, .pricePage .sec03 .scrollTbl .width01, .pricePage .sec04 .scrollTbl .width01, .pricePage .sec05 .scrollTbl .width01, .pricePage .sec06 .scrollTbl .width01, .pricePage .sec07 .scrollTbl .width01 {
    width: 660px;
  }
}
@media screen and (max-width: 768px) {
  .pricePage .sec02 .scrollTbl .width02, .pricePage .sec03 .scrollTbl .width02, .pricePage .sec04 .scrollTbl .width02, .pricePage .sec05 .scrollTbl .width02, .pricePage .sec06 .scrollTbl .width02, .pricePage .sec07 .scrollTbl .width02 {
    width: 580px;
  }
}
.pricePage .sec03 .tbl01 {
  table-layout: auto;
}
.pricePage .sec03 .tbl01 tr th:nth-child(2), .pricePage .sec03 .tbl01 tr th:nth-child(3), .pricePage .sec03 .tbl01 tr th:nth-child(4) {
  width: 18%;
}
.pricePage .sec03 .tbl01 tr .smlTh {
  width: 15%;
}
.pricePage .sec08 .inr {
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #3039b1;
}
.pricePage .sec08 .inr .contactBox {
  background: #f3f3fa;
  padding: 20px 20px 30px;
  text-align: center;
  margin-top: 25px;
  border-radius: 3px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .contactBox {
    padding: 15px 20px 20px;
  }
}
.pricePage .sec08 .inr .contactBox .ttl {
  font-weight: 600;
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .contactBox .ttl {
    font-size: 1.6rem;
  }
}
.pricePage .sec08 .inr .contactBox .tx01 {
  text-align: center;
}
.pricePage .sec08 .inr .contactBox .btn {
  margin-top: 20px;
}
.pricePage .sec08 .inr .tximgList > li {
  margin-bottom: 0;
  vertical-align: middle;
}
.pricePage .sec08 .inr .tximgList > li:nth-child(1) {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .tximgList > li:nth-child(1) {
    width: 100%;
    margin: 0 0 20px;
  }
}
.pricePage .sec08 .inr .tximgList > li:nth-child(2) {
  width: 36%;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .tximgList > li:nth-child(2) {
    width: 100%;
  }
}
.pricePage .sec08 .inr .boxList > li {
  border-radius: 3px;
  overflow: hidden;
  padding: 25px;
  border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .boxList > li {
    padding: 15px 20px;
    margin-bottom: 10px;
  }
}
.pricePage .sec08 .inr .boxList > li .ttl {
  font-weight: 600;
}
.pricePage .sec08 .inr .readTx {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.7;
  color: #3039b1;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .readTx {
    font-size: 1.6rem;
  }
}
.pricePage .sec08 .inr .readTx span {
  display: block;
  font-size: 1.8rem;
  color: #000;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .readTx span {
    font-size: 1.3rem;
  }
}
.pricePage .sec08 .inr .boxTtl {
  background: #3039b1;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 2.8rem;
  text-align: center;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .boxTtl {
    font-size: 1.6rem;
    padding: 8px;
  }
}
.pricePage .sec08 .inr .boxTtl span {
  display: block;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .boxTtl span {
    font-size: 1.3rem;
  }
}
.pricePage .sec08 .inr .boxIn {
  padding: 50px;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .boxIn {
    padding: 25px 20px;
  }
}
.pricePage .sec08 .inr .stepList {
  margin-top: 20px;
}
.pricePage .sec08 .inr .stepList > li {
  background: #f3f3fa;
  border-radius: 3px;
  overflow: hidden;
  overflow: inherit;
  text-align: center;
  padding: 12px;
  font-size: 1.6rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .stepList > li {
    font-size: 1.2rem;
    width: 48.5%;
    margin: 0 3% 3% 0;
    padding: 5px;
  }
}
.pricePage .sec08 .inr .stepList > li::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0px 6px 8px;
  border-color: transparent transparent transparent #000;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .stepList > li::before {
    border-width: 5px 0px 5px 5px;
    right: -5px;
  }
}
.pricePage .sec08 .inr .stepList > li.last::before {
  content: none;
}
@media screen and (max-width: 768px) {
  .pricePage .sec08 .inr .stepList > li:nth-child(2n) {
    margin-right: 0;
  }
}

.newsPage .sec01 {
  font-size: 0;
}
.newsPage .sec01 .boxL {
  width: 73%;
  margin-right: 7%;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .newsPage .sec01 .boxL {
    width: 100%;
    margin: 0 0 50px;
  }
}
.newsPage .sec01 .boxR {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #3039b1;
  border-radius: 3px;
  overflow: hidden;
  padding: 20px 25px;
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .newsPage .sec01 .boxR {
    width: 100%;
    padding: 15px 20px;
  }
}
.newsPage .sec01 .boxR .ttl {
  font-family: "Nova Square", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #3039b1;
  text-align: center;
  padding-bottom: 2px;
  margin-bottom: 15px;
  border-bottom: 1px solid #3039b1;
}
@media screen and (max-width: 768px) {
  .newsPage .sec01 .boxR .ttl {
    font-size: 1.3rem;
    margin-bottom: 10px;
  }
}
.newsPage .sec01 .boxR .archiveList > li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .newsPage .sec01 .boxR .archiveList > li {
    width: 33.33%;
  }
}
.newsPage .sec01 .boxR .archiveList > li a {
  display: block;
  padding: 1px 0;
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .newsPage .sec01 .boxR .archiveList > li a {
    font-size: 1.2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .newsPage .sec01 .boxR .archiveList > li a:hover {
    color: #3039b1;
    text-decoration: underline;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .newsPage .sec01 .boxR .archiveList > li a:hover {
    color: #3039b1;
    text-decoration: underline;
  }
}

.newsPage_detail .sec01 .ttlArea, .blogPage_detail .sec01 .ttlArea {
  padding-bottom: 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
@media screen and (max-width: 768px) {
  .newsPage_detail .sec01 .ttlArea, .blogPage_detail .sec01 .ttlArea {
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
}
.newsPage_detail .sec01 .ttlArea::before, .blogPage_detail .sec01 .ttlArea::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 80px;
  height: 3px;
  background: #3039b1;
}
@media screen and (max-width: 768px) {
  .newsPage_detail .sec01 .ttlArea::before, .blogPage_detail .sec01 .ttlArea::before {
    width: 50px;
  }
}
.newsPage_detail .sec01 .ttlArea .day, .blogPage_detail .sec01 .ttlArea .day {
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .newsPage_detail .sec01 .ttlArea .day, .blogPage_detail .sec01 .ttlArea .day {
    font-size: 1.2rem;
    margin-right: 10px;
  }
}
.newsPage_detail .sec01 .ttlArea .cate, .blogPage_detail .sec01 .ttlArea .cate {
  font-size: 1.4rem;
  padding: 1px 20px;
  background: #f7f7f7;
  display: inline-block;
  vertical-align: middle;
  border-radius: 90px;
}
@media screen and (max-width: 768px) {
  .newsPage_detail .sec01 .ttlArea .cate, .blogPage_detail .sec01 .ttlArea .cate {
    font-size: 1.2rem;
    padding: 0 15px;
  }
}
.newsPage_detail .sec01 .ttlArea .cate.important, .blogPage_detail .sec01 .ttlArea .cate.important {
  background: #bc3131;
  color: #fff;
}
.newsPage_detail .sec01 .ttlArea .kijiTtl, .blogPage_detail .sec01 .ttlArea .kijiTtl {
  font-weight: 700;
  font-size: 2.8rem;
  margin-top: 15px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .newsPage_detail .sec01 .ttlArea .kijiTtl, .blogPage_detail .sec01 .ttlArea .kijiTtl {
    font-size: 2rem;
  }
}

.contactPage .sec01 .privacyTx {
  text-align: center;
  margin-top: 25px;
  font-size: 1.7rem;
}
@media screen and (max-width: 768px) {
  .contactPage .sec01 .privacyTx {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .contactPage .sec01 table {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
}
@media screen and (max-width: 768px) {
  .contactPage .sec01 table tr th, .contactPage .sec01 table tr td {
    width: 100% !important;
    display: block;
    font-size: 1.3rem;
    border-right: none;
  }
}
@media screen and (max-width: 768px) {
  .contactPage .sec01 table tr th {
    padding: 10px;
  }
}
.contactPage .sec01 table tr td ul > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 40px;
}

.thanksPage .sec01 .ttl {
  text-align: center;
  font-weight: 700;
  color: #3039b1;
  font-size: 2.6rem;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .thanksPage .sec01 .ttl {
    font-size: 1.7rem;
  }
}
.thanksPage .sec01 .tx {
  text-align: center;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .thanksPage .sec01 .tx {
    text-align: left;
  }
}

.eroorPage .sec01 {
  padding-top: 200px;
}
@media screen and (max-width: 768px) {
  .eroorPage .sec01 {
    padding-top: 50px;
  }
}

.accessPage .sec01 {
  text-align: center;
}
.accessPage .sec01 .logo {
  display: block;
  margin: 0 auto 10px;
  width: 260px;
}
@media screen and (max-width: 768px) {
  .accessPage .sec01 .logo {
    width: 200px;
  }
}
.accessPage .sec01 .tx01 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .accessPage .sec01 .tx01 {
    font-size: 1.6rem;
  }
}
.accessPage .sec01 .tx01 a {
  font-weight: 700;
}
.accessPage .sec01 .tx02 {
  font-size: 1.3rem;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .accessPage .sec01 .tx02 {
    font-size: 1.2rem;
  }
}
.accessPage .sec01 .map {
  margin-top: 35px;
}
.accessPage .sec01 .img01 {
  margin-top: 35px;
}

.termsPage .sec02 .tbl01 tr th, .termsPage .sec02 .tbl01 tr td, .termsPage .sec02 .tbl02 tr th, .termsPage .sec02 .tbl02 tr td {
  padding: 10px 15px;
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .termsPage .sec02 .tbl01 tr th, .termsPage .sec02 .tbl01 tr td, .termsPage .sec02 .tbl02 tr th, .termsPage .sec02 .tbl02 tr td {
    font-size: 1.1rem;
    padding: 7px 5px;
  }
}
@media screen and (max-width: 768px) {
  .termsPage .sec02 .tbl01 th:nth-child(1) {
    width: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .termsPage .sec02 .tbl02 {
    width: 640px;
  }
}