h2 {
  padding: 165px 0 190px;
  background: url("../images/pic_mv01.png") no-repeat 82% 60%, url("../images/pic_index01.png") no-repeat 50% 0/cover;
}
@media screen and (max-width: 1800px) {
  h2 {
    background-position: 85% 62%, 50% 0;
  }
}
@media screen and (max-width: 1700px) {
  h2 {
    background-position: 88% 62%, 50% 0;
  }
}
@media screen and (max-width: 1600px) {
  h2 {
    background-position: 90% 62%, 50% 0;
  }
}
@media screen and (max-width: 1500px) {
  h2 {
    background-position: 92% 62%, 50% 0;
  }
}
@media screen and (max-width: 1440px) {
  h2 {
    padding: 86px 0 104px;
    background-position: 95% 70%, 50% 0;
  }
}
@media screen and (max-width: 1300px) {
  h2 {
    background-position: 94% 62%, 50% 0;
    background-size: 200px, auto;
  }
}
@media screen and (max-width: 1200px) {
  h2 {
    background-position: 96% 62%, 50% 0;
  }
}
@media screen and (max-width: 1100px) {
  h2 {
    background-position: 98% 60%, 50% 0;
    background-size: 180px, cover;
  }
}
@media screen and (max-width: 900px) {
  h2 {
    padding: 55px 0 80px;
  }
}
@media screen and (max-width: 640px) {
  h2 {
    padding: 30px 0 40px;
    /*background: url("../images/pic_index01_sp.png") no-repeat 50% 0 / cover;*/
  }
}
@media screen and (max-width: 500px) {
  h2 {
    padding: 25px 0;
  }
}
h2 span {
  display: block;
}
h2 .titleArea {
  margin-right: 8%;
}
@media screen and (max-width: 900px) {
  h2 .titleArea {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) and (min-width: 641px) {
  h2 .titleArea {
    margin-right: 15%;
  }
}
@media screen and (max-width: 640px) {
  h2 .titleArea {
    float: none;
  }
}
h2 .mainTitle01 {
  width: 542px;
  height: 287px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  h2 .mainTitle01 {
    width: 380px;
    height: 200px;
  }
}
@media screen and (max-width: 640px) {
  h2 .mainTitle01 {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}
@media screen and (max-width: 500px) {
  h2 .mainTitle01 {
    width: 375px;
    height: 196px;
  }
}
@media screen and (max-width: 420px) {
  h2 .mainTitle01 {
    width: 298px;
    height: 150px;
  }
}
@media screen and (max-width: 360px) {
  h2 .mainTitle01 {
    width: 290px;
  }
}
@media print, screen and (min-width: 641px) {
  h2 .mainTitleImage01 {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  h2 .mainTitleImage01 {
    margin-top: 15px;
  }
}
@media screen and (max-width: 500px) {
  h2 .mainTitleImage01 {
    margin-top: 0;
  }
}
@media screen and (max-width: 420px) {
  h2 .mainTitleImage01 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 500px) {
  h2 .mainTitleImage01 img {
    width: 187px;
    height: 104px;
  }
}
h2 .mainCopy01 {
  font-size: 22px;
  font-weight: bold;
  text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
  color: #19194f;
  margin: 30px 0 15px 60px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  h2 .mainCopy01 {
    font-size: 18px;
  }
}
@media screen and (max-width: 500px) {
  h2 .mainCopy01 {
    font-size: 14px;
    margin-left: 35px;
  }
}
@media screen and (max-width: 420px) {
  h2 .mainCopy01 {
    font-size: 12px;
    margin: 20px 0 10px 20px;
  }
}
@media screen and (max-width: 360px) {
  h2 .mainCopy01 {
    font-size: 11px;
    margin: 15px 0 5px 15px;
  }
}
h2 .mainBtnBox {
  position: relative;
  z-index: 100;
}

.mainvisual01 {
  /* background: url("../images/pic_index01_bg.png") no-repeat bottom right; */
  background-image: url('../images/pic_index01_bg.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover; /* Scales the image to fit the width */
  /* background-attachment: fixed; Keeps the background image fixed */
  height: 527px;
  display: flex;
}

@media screen and (max-width: 640px) {
  .mainvisual01 {
    overflow: hidden;
  }
}
.mainvisual01 .container {
  max-width: 1158px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.mainvisual01 .textArea01 {
  width: 384px;
  min-height: 385px;
}

@media screen and (max-width: 900px) {
  .mainvisual01 .textArea01 {
    min-height: inherit;
    width: 36%;
    padding: 55px 0px;
  }
  .mainvisual01 {
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  .mainvisual01 .textArea01 {
    padding: 30px 0px;
  }
  .mainvisual01 {
    background-position: center;
  }
}
.mainvisual01 .mainBtnBox {
  margin-top: 20px;
}

.mainvisual01 .mvImage01 {
  margin-right: 0;
  line-height: 0;
  flex: 1;
  align-self: flex-end;
  padding-left: 24px;
}

.mainvisual01 .mvImage01 > img {
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  display: block;
  margin-right: 19px;
}

@media screen and (max-width: 900px) {
  .mainvisual01 .mvImage01 {
    width: 64%;
  }
}

@media screen and (max-width: 640px) {
  .mainvisual01 .mvImage01 {
    width: 54%;
    margin-right: -10%;
    padding-left: 10px;
  }
}

.mainvisual01 .mvIcon01 {
  width: 162px;
  position: absolute;
  top: 42px;
  left: 339px;
}

@media screen and (max-width: 900px) {
  .mainvisual01 .mvIcon01 {
    width: 15%;
    left: 33%;
  }
}

@media screen and (max-width: 640px) {
  .mainvisual01 .mvIcon01 {
    width: 18%;
    top: 11%;
  }
}
.contentArea01 h3 {
  font-size: 35px;
  color: #113a78;
  width: 486px;
  margin: 0 auto 45px;
  padding: 30px 0 20px;
  background: url("../common/images/ico_common02.svg") no-repeat 50% 0/95px 21px, url("../common/images/bg_common04_01.svg") no-repeat 0 15px/186px 6px, url("../common/images/bg_common04_01.svg") no-repeat 100% 15px/186px 6px, url("../common/images/bg_common04_02.svg") no-repeat 0 98%/186px 6px, url("../common/images/bg_common04_02.svg") no-repeat 100% 98%/186px 6px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contentArea01 h3 {
    font-size: 22px;
    width: 300px;
    margin-bottom: 30px;
    background-size: 80px 17px, 186px 6px, 186px 6px, 186px 6px, 186px 6px;
    background-position: 50% 0, -80% 12px, 180% 12px, -80% 98%, 180% 98%;
    letter-spacing: -0.5px;
  }
}
@media screen and (max-width: 500px) {
  .contentArea01 h3 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 360px) {
  .contentArea01 h3 {
    font-size: 20px;
    width: 280px;
    background-position: 50% 0, -100% 12px, 200% 12px, -100% 98%, 200% 98%;
  }
}
.contentArea01 h3 .redTitle01 {
  color: #c92727;
}
.contentArea01 h3 img {
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.contentArea01 .contentCopy01 {
  font-size: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .contentArea01 .contentCopy01 {
    font-size: 16px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 360px) {
  .contentArea01 .contentCopy01 {
    font-size: 14px;
  }
}
.contentArea01 .btn01 {
  width: 320px;
}
@media screen and (max-width: 420px) {
  .contentArea01 .btn01 {
    width: 270px;
  }
}

.featuresArea01 {
  padding: 75px 0 70px;
  background: url("../common/images/bg_common02.jpg");
}
@media screen and (max-width: 767px) {
  .featuresArea01 {
    padding: 45px 0 50px;
  }
}
.featuresArea01 h3 img {
  width: 96px;
  height: 18px;
}
@media screen and (max-width: 767px) {
  .featuresArea01 h3 img {
    width: 86px;
    height: 16px;
  }
}
.featuresArea01 ul {
  max-width: 1010px;
  width: 94%;
  margin: 0 auto;
}
@media print, screen and (min-width: 421px) {
  .featuresArea01 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 420px) {
  .featuresArea01 ul {
    max-width: 270px;
  }
}
.featuresArea01 li {
  font-size: 16px;
  width: 320px;
  margin: 20px 0;
  padding-bottom: 70px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .featuresArea01 li {
    width: 32%;
  }
}
@media screen and (max-width: 900px) {
  .featuresArea01 li {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .featuresArea01 li {
    width: 45%;
  }
}
@media screen and (max-width: 500px) {
  .featuresArea01 li {
    width: 49%;
  }
}
@media screen and (max-width: 420px) {
  .featuresArea01 li {
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 55px;
  }
}
@media print, screen and (min-width: 1101px) {
  .featuresArea01 li:nth-child(2n) {
    margin-right: 25px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .featuresArea01 li:nth-child(2n) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 1101px) {
  .featuresArea01 li:nth-child(2) {
    margin-left: 25px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .featuresArea01 li:nth-child(2) {
    margin-left: 2%;
  }
}
@media screen and (max-width: 767px) and (min-width: 421px) {
  .featuresArea01 li:nth-child(2n+1) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 500px) {
  .featuresArea01 li:last-child {
    margin-bottom: 0;
  }
}
.featuresArea01 .featuresNum01 {
  width: 85px;
  height: 61px;
  margin: 0 auto 15px;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .featuresArea01 .featuresNum01 {
    width: 75px;
    height: 54px;
  }
}
.featuresArea01 .featuresImage01 {
  border: 1px solid #93771c;
  line-height: 0;
}
.featuresArea01 h4 {
  font-size: 20px;
  font-weight: bold;
  color: #93771c;
  margin: 15px 0;
  padding: 10px 0 5px;
  background: url("../common/images/bg_common03_01.svg") no-repeat 0 50%/76px 37px, url("../common/images/bg_common03_02.svg") no-repeat 100% 50%/76px 37px;
}
@media screen and (max-width: 900px) {
  .featuresArea01 h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .featuresArea01 h4 {
    font-size: 16px;
    margin: 10px 0;
  }
}
.featuresArea01 .btn01 {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 500px) and (min-width: 421px) {
  .featuresArea01 .btn01 a {
    font-weight: bold;
    color: #fff;
    background: #113a78;
    background-size: 25px 8px;
    border-radius: 2px;
    padding: 12px 0px 23px 0;
  }
}

.teacherArea01 {
  padding: 75px 0 75px;
  background: url("../images/bg_index09.jpg") no-repeat 50% 0/cover;
}
@media screen and (max-width: 767px) {
  .teacherArea01 {
    padding: 50px 0 50px;
  }
}
.teacherArea01 .container {
  width: 98%;
}
.teacherArea01 h3 img {
  width: 77px;
  height: 22px;
  bottom: -5px;
}
@media screen and (max-width: 767px) {
  .teacherArea01 h3 img {
    width: 66px;
    height: 20px;
  }
}
.teacherArea01 .teacherContent01 {
  max-width: 1050px;
  padding: 50px 0;
  background: url("../images/bg_index10_01.png") no-repeat 0 0/contain, url("../images/bg_index10_03.png") no-repeat 0 100%/contain;
}
@media screen and (max-width: 1100px) {
  .teacherArea01 .teacherContent01 {
    padding: 4.5% 0 4.6%;
  }
}
@media screen and (max-width: 400px) {
  .teacherArea01 .teacherContent01 {
    padding-top: 4.7%;
  }
}
.teacherArea01 .teacherDetail01 {
  padding: 30px 0 40px;
  background: url("../images/bg_index10_02.png") repeat-y 0 0/contain;
}
@media screen and (max-width: 500px) {
  .teacherArea01 .teacherDetail01 {
    padding: 35px 0 25px;
  }
}
.teacherArea01 ul {
  max-width: 876px;
  width: 90%;
  margin: 30px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
  .teacherArea01 ul {
    width: 85%;
    margin-top: 25px;
  }
}
@media screen and (max-width: 400px) {
  .teacherArea01 ul {
    width: 90%;
    margin-top: 25px;
  }
}
.teacherArea01 li {
  width: 268px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1050px) {
  .teacherArea01 li {
    width: 32%;
  }
}
@media screen and (max-width: 900px) {
  .teacherArea01 li {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .teacherArea01 li {
    width: 45%;
  }
}
@media screen and (max-width: 500px) {
  .teacherArea01 li {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 768px) {
  .teacherArea01 li:not(:nth-child(3n)) {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) {
  .teacherArea01 li:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 767px) {
  .teacherArea01 li:not(:nth-child(2n)) {
    margin-right: 4%;
  }
}
.teacherArea01 li p {
  font-size: 16px;
}
@media screen and (max-width: 500px) {
  .teacherArea01 li p {
    font-size: 13px;
  }
}
.teacherArea01 .teacherImage01 {
  width: 185px;
  height: 241px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 3px;
  line-height: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .teacherArea01 .teacherImage01 {
    width: 145px;
    height: 195px;
  }
}
@media screen and (max-width: 400px) {
  .teacherArea01 .teacherImage01 {
    width: 110px;
    height: 165px;
    background-position: 50% 2px;
  }
}
.teacherArea01 .teacherImage01:before, .teacherArea01 .teacherImage01:after {
  content: "";
  width: 100%;
  display: block;
  position: absolute;
}
.teacherArea01 .teacherImage01:after {
  height: 244px;
  background: url("../images/bg_index11_01.png") no-repeat 0 0/contain, url("../images/bg_index11_03.png") no-repeat 0 100%/contain;
  top: 0;
}
@media screen and (max-width: 767px) {
  .teacherArea01 .teacherImage01:after {
    height: 197px;
  }
}
@media screen and (max-width: 400px) {
  .teacherArea01 .teacherImage01:after {
    height: 167px;
  }
}
.teacherArea01 .teacherImage01:before {
  height: 230px;
  background: url("../images/bg_index11_02.png") repeat-y 0 0/contain;
  top: 5px;
}
@media screen and (max-width: 767px) {
  .teacherArea01 .teacherImage01:before {
    height: 190px;
  }
}
@media screen and (max-width: 400px) {
  .teacherArea01 .teacherImage01:before {
    height: 160px;
  }
}
.teacherArea01 h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 10px;
  background: url("../images/bg_index12_01.svg") no-repeat 0 50%/93px 7px, url("../images/bg_index12_02.svg") no-repeat 100% 50%/93px 7px;
}
@media screen and (max-width: 1050px) {
  .teacherArea01 h4 {
    background-size: 80px 7px;
  }
}
@media screen and (max-width: 900px) {
  .teacherArea01 h4 {
    background-size: 65px 5px;
  }
}
@media screen and (max-width: 800px) {
  .teacherArea01 h4 {
    background-size: 58px 5px;
  }
}
@media screen and (max-width: 500px) {
  .teacherArea01 h4 {
    font-size: 16px;
    background-size: 42px 3px;
  }
}
@media screen and (max-width: 400px) {
  .teacherArea01 h4 {
    font-size: 15px;
    background: url("../images/bg_index12_01_sp.svg") no-repeat 0 50%/40px 7px, url("../images/bg_index12_02_sp.svg") no-repeat 100% 50%/40px 7px;
  }
}
@media screen and (max-width: 360px) {
  .teacherArea01 h4 {
    background-size: 30px 7px;
  }
}
.teacherArea01 h4 a {
  color: #93771c;
}
.teacherArea01 .btn01 {
  margin-top: 5px;
}

.priceArea01 {
  padding: 75px 0 75px;
  background: url("../images/bg_index01_01.jpg") no-repeat 0 0, url("../images/bg_index01_02.jpg") no-repeat 100% 100%;
}
@media screen and (max-width: 1000px) {
  .priceArea01 {
    background-size: 600px, 400px;
  }
}
@media screen and (max-width: 800px) {
  .priceArea01 {
    background-size: 400px, 200px;
  }
}
@media screen and (max-width: 767px) {
  .priceArea01 {
    padding: 45px 0 50px;
  }
}
@media screen and (max-width: 420px) {
  .priceArea01 {
    background-size: 200px, 150px;
  }
}
.priceArea01 h3 img {
  width: 44px;
  height: 22px;
  bottom: -6px;
}
@media screen and (max-width: 767px) {
  .priceArea01 h3 img {
    width: 30px;
    height: 16px;
  }
}
.priceArea01 .container {
  max-width: 860px;
}
@media screen and (max-width: 767px) {
  .priceArea01 .container {
    max-width: 475px;
  }
}
.priceArea01 table {
  font-size: 16px;
  color: #18234c;
}
@media screen and (max-width: 900px) {
  .priceArea01 table {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .priceArea01 table {
    width: 100%;
  }
}
.priceArea01 thead th:nth-child(2) {
  line-height: 0;
}
.priceArea01 thead th:not(:first-child) {
  width: 142px;
}
.priceArea01 thead th:not(:nth-child(2)) {
  font-weight: bold;
  line-height: 1.2;
  vertical-align: bottom;
}
.priceArea01 thead th:not(:last-child) {
  padding-right: 1px;
}
.priceArea01 thead span {
  color: #e5c877;
  height: 80px;
  padding-top: 23px;
  background: -webkit-gradient(linear, left top, left bottom, from(#194584), to(#0a305e));
  background: -o-linear-gradient(top, #194584 0%, #0a305e 100%);
  background: linear-gradient(top, #194584 0%, #0a305e 100%);
  background: linear-gradient(to bottom, #194584 0%, #0a305e 100%);
  border-radius: 5px 5px 0 0;
  display: block;
}
@media all and (-ms-high-contrast: none) {
  .priceArea01 thead span {
    padding-top: 25px;
  }
}
@media screen and (max-width: 900px) {
  .priceArea01 thead span {
    height: 70px;
  }
}
@media screen and (max-width: 800px) {
  .priceArea01 thead span {
    height: 60px;
    padding-top: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  .priceArea01 tbody tr:first-child th {
    border-radius: 5px 0 0 0;
  }
}
.priceArea01 tbody tr:nth-child(2) th,
.priceArea01 tbody tr:nth-child(2) td {
  padding: 15px 0 12px;
}
@media print, screen and (min-width: 768px) {
  .priceArea01 tbody tr:last-child th {
    border-radius: 0 0 0 5px;
  }
}
.priceArea01 tbody tr:nth-child(odd) {
  background: #f9f7ef;
}
.priceArea01 tbody tr:nth-child(even) {
  background: #fff;
}
.priceArea01 tbody tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}
.priceArea01 tbody th,
.priceArea01 tbody td {
  padding: 25px 0 21px;
  vertical-align: middle;
}
@media screen and (max-width: 1000px) {
  .priceArea01 tbody th,
.priceArea01 tbody td {
    padding: 15px 0 12px;
    line-height: 1.4;
  }
}
.priceArea01 tbody th:not(:last-child),
.priceArea01 tbody td:not(:last-child) {
  border-right: 1px solid #fff;
}
.priceArea01 tbody th {
  font-weight: bold;
  text-align: center;
  width: 289px;
  background: #ccdfeb;
}
.priceArea01 tbody .colTh01 {
  width: 158px;
}
@media screen and (max-width: 767px) {
  .priceArea01 tbody .colTh01 {
    width: 100px;
  }
}
.priceArea01 tbody .colTh02 {
  width: 125px;
}
@media screen and (max-width: 767px) {
  .priceArea01 tbody .colTh02 {
    width: 85px;
  }
}
.priceArea01 td {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .priceArea01 li:not(:last-child) {
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 420px) {
  .priceArea01 li:not(:last-child) {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .priceArea01 .priceBtn {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .priceArea01 .priceBtn:not(.priceBtn01) {
    font-size: 16px;
    font-weight: bold;
    color: #e5c877;
    padding: 15px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#194584), to(#0a305e));
    background: -o-linear-gradient(top, #194584 0%, #0a305e 100%);
    background: linear-gradient(top, #194584 0%, #0a305e 100%);
    background: linear-gradient(to bottom, #194584 0%, #0a305e 100%);
  }
}
@media screen and (max-width: 425px) {
  .priceArea01 .priceBtn:not(.priceBtn01) {
    font-size: 14px;
    padding: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .priceArea01 .priceBtn:after {
    content: "";
    width: 6px;
    height: 6px;
    margin: auto 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 15px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .priceArea01 .priceBtn.active:after {
    border: 0;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 17px;
  }
}
@media screen and (max-width: 767px) {
  .priceArea01 .priceBtn01 {
    line-height: 0;
  }
}
@media screen and (max-width: 767px) {
  .priceArea01 .priceBtn01:after {
    top: 34px;
  }
}
@media screen and (max-width: 767px) {
  .priceArea01 .priceBtn01.active:after {
    top: 36px;
  }
}

.voiceArea01 {
  padding: 70px 0 85px;
  background: url("../images/bg_index03_01.png") no-repeat -1px -1px, url("../images/bg_index03_02.png") no-repeat 100% 100%, url("../images/bg_index02.png"), #122b4f;
}
@media screen and (max-width: 1000px) {
  .voiceArea01 {
    background-size: 600px, 400px;
  }
}
@media screen and (max-width: 800px) {
  .voiceArea01 {
    background-size: 400px, 200px;
  }
}
@media screen and (max-width: 767px) {
  .voiceArea01 {
    padding: 50px 0 60px;
  }
}
@media screen and (max-width: 420px) {
  .voiceArea01 {
    padding: 50px 0 60px;
    background-size: 200px, 150px;
  }
}
.voiceArea01 h3 {
  color: #e5c877;
  background: url("../common/images/ico_common04.svg") no-repeat 50% 0/95px 21px, url("../common/images/bg_common05_01.svg") no-repeat 0 15px/186px 6px, url("../common/images/bg_common05_01.svg") no-repeat 100% 15px/186px 6px, url("../common/images/bg_common05_02.svg") no-repeat 0 98%/186px 6px, url("../common/images/bg_common05_02.svg") no-repeat 100% 98%/186px 6px;
}
@media screen and (max-width: 767px) {
  .voiceArea01 h3 {
    background-size: 80px 17px, 186px 6px, 186px 6px, 186px 6px, 186px 6px;
    background-position: 50% 0, -80% 12px, 180% 12px, -80% 98%, 180% 98%;
  }
}
@media screen and (max-width: 360px) {
  .voiceArea01 h3 {
    background-position: 50% 0, -100% 12px, 200% 12px, -100% 98%, 200% 98%;
  }
}
.voiceArea01 h3 img {
  width: 32px;
  height: 18px;
  bottom: -2px;
}
@media screen and (max-width: 767px) {
  .voiceArea01 h3 img {
    width: 26px;
    height: 15px;
  }
}
.voiceArea01 .contentCopy01 {
  color: #e5c877;
}
.voiceArea01 ul {
  margin-top: 30px;
}
@media screen and (max-width: 1150px) {
  .voiceArea01 ul {
    max-width: 900px;
  }
}
@media screen and (max-width: 767px) {
  .voiceArea01 ul {
    margin-top: 20px;
  }
}
.voiceArea01 li {
  font-size: 16px;
  width: 320px;
  margin: 0 7px;
  padding-top: 35px;
  background: url("../common/images/ico_common05.svg") no-repeat 50% 0/95px 21px;
}
@media screen and (max-width: 800px) {
  .voiceArea01 li {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .voiceArea01 li {
    padding-top: 30px;
    background-size: 80px 17px;
  }
}
@media screen and (max-width: 360px) {
  .voiceArea01 li {
    background-position: 50% 0;
  }
}
.voiceArea01 li:focus {
  outline: none;
}
.voiceArea01 .voiceListContent01 {
  min-height: 375px;
  padding: 20px 0;
  background: url("../images/bg_index04_01.png") no-repeat 0 0/contain, url("../images/bg_index04_03.png") no-repeat 0 100%/contain;
}
@media screen and (max-width: 500px) {
  .voiceArea01 .voiceListContent01 {
    min-height: 300px;
  }
}
.voiceArea01 .voiceListContent01 p {
  padding-top: 15px;
  background: url("../images/bg_index04_02.png") repeat-y 0 0/contain;
  line-height: 1.7;
}
.voiceArea01 .voiceListContent01 span {
  padding: 0 25px;
  display: block;
}
.voiceArea01 h4 {
  font-size: 18px;
  font-weight: bold;
  color: #93771c;
  padding: 5px 0 20px;
  background: url("../images/bg_index05.svg") no-repeat 50% 100%/188px 7px, url("../common/images/bg_common03_01.svg") no-repeat 5% 5%/76px 37px, url("../common/images/bg_common03_02.svg") no-repeat 95% 5%/76px 37px;
}
.voiceArea01 .slick-prev,
.voiceArea01 .slick-next {
  width: 20px;
  height: 47px;
  top: 54%;
}
@media screen and (max-width: 767px) {
  .voiceArea01 .slick-prev,
.voiceArea01 .slick-next {
    width: 15px;
    height: 36px;
  }
}
.voiceArea01 .slick-prev:before,
.voiceArea01 .slick-next:before {
  content: "";
  width: 20px;
  height: 47px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
@media screen and (max-width: 767px) {
  .voiceArea01 .slick-prev:before,
.voiceArea01 .slick-next:before {
    width: 15px;
    height: 36px;
  }
}
.voiceArea01 .slick-prev {
  left: -45px;
}
@media screen and (max-width: 1150px) {
  .voiceArea01 .slick-prev {
    left: 0;
  }
}
.voiceArea01 .slick-prev:before {
  background-image: url("../images/ico_prev01.svg");
}
.voiceArea01 .slick-next {
  right: -45px;
}
@media screen and (max-width: 1150px) {
  .voiceArea01 .slick-next {
    right: 0;
  }
}
.voiceArea01 .slick-next:before {
  background-image: url("../images/ico_next01.svg");
}
@media screen and (max-width: 1150px) {
  .voiceArea01 .slick-list {
    margin: 0 4%;
  }
}
@media screen and (max-width: 500px) {
  .voiceArea01 .slick-list {
    margin: 0 6%;
  }
}

.flowArea01 {
  padding: 75px 0 75px;
  background: url("../images/bg_index06.jpg") no-repeat 0 0/cover;
}
@media screen and (max-width: 767px) {
  .flowArea01 {
    padding: 48px 0 50px;
  }
}
.flowArea01 h3 img {
  width: 56px;
  height: 17px;
}
@media screen and (max-width: 767px) {
  .flowArea01 h3 img {
    width: 45px;
    height: 14px;
  }
}
.flowArea01 ul {
  max-width: 900px;
  margin-top: 30px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .flowArea01 ul {
    margin-top: 25px;
  }
}
.flowArea01 ul:after {
  content: "";
  width: 1px;
  height: 650px;
  background: #113a78;
  display: block;
  position: absolute;
  top: 50px;
  left: 75px;
}
@media screen and (max-width: 767px) {
  .flowArea01 ul:after {
    height: 530px;
    left: 54px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea01 ul:after {
    height: 550px;
  }
}
@media screen and (max-width: 500px) {
  .flowArea01 ul:after {
    height: 500px;
  }
}
@media screen and (max-width: 400px) {
  .flowArea01 ul:after {
    height: 525px;
  }
}
@media screen and (max-width: 375px) {
  .flowArea01 ul:after {
    height: 500px;
  }
}
@media screen and (max-width: 360px) {
  .flowArea01 ul:after {
    height: 620px;
  }
}
.flowArea01 li {
  font-size: 16px;
  min-height: 145px;
  padding: 50px 0 50px 160px;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  .flowArea01 li {
    font-size: 14px;
    min-height: inherit;
    padding: 30px 0 30px 110px;
  }
}
@media screen and (max-width: 400px) {
  .flowArea01 li {
    padding: 26px 0 26px 110px;
  }
}
.flowArea01 li p {
  width: calc(100% - 55px);
}
@media screen and (max-width: 767px) {
  .flowArea01 li p {
    width: calc(100% - 25px);
  }
}
.flowArea01 li:nth-child(2n) {
  background: url("../common/images/bg_common06.jpg"), #f9f7ef;
}
.flowArea01 li:nth-child(2n) .flowNum01 {
  background: -webkit-gradient(linear, left top, right top, from(#c92727), to(#af1b1b));
  background: -o-linear-gradient(left, #c92727 0%, #af1b1b 100%);
  background: linear-gradient(left, #c92727 0%, #af1b1b 100%);
  background: linear-gradient(to right, #c92727 0%, #af1b1b 100%);
}
.flowArea01 li:first-child {
  border-radius: 2px 2px 0 0;
}
.flowArea01 li:last-child {
  border-radius: 0 0 2px 2px;
}
.flowArea01 h4 {
  font-size: 17px;
  font-weight: bold;
  color: #113a78;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .flowArea01 h4 {
    font-size: 14px;
    width: calc(100% - 25px);
  }
}
.flowArea01 .flowNum01 {
  width: 104px;
  height: 104px;
  margin: auto 0;
  background: -webkit-gradient(linear, left top, right top, from(#194584), color-stop(45%, #0a305e));
  background: -o-linear-gradient(left, #194584 0%, #0a305e 45%);
  background: linear-gradient(left, #194584 0%, #0a305e 45%);
  background: linear-gradient(to right, #194584 0%, #0a305e 45%);
  border-radius: 50%;
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
}
@media screen and (max-width: 767px) {
  .flowArea01 .flowNum01 {
    width: 80px;
    height: 80px;
    left: 15px;
  }
}
.flowArea01 .flowNum01 img {
  width: 67px;
  height: 64px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .flowArea01 .flowNum01 img {
    width: 30px;
    height: 50px;
  }
}

.videoArea01 {
  padding: 80px 0;
  background: url("../images/bg_index08.jpg") no-repeat 50% 100%/100%;
}
@media screen and (max-width: 1440px) {
  .videoArea01 {
    background-size: auto;
  }
}
@media screen and (max-width: 850px) {
  .videoArea01 {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .videoArea01 {
    padding: 48px 0 50px;
    background-size: 350%;
  }
}
@media print, screen and (min-width: 768px) {
  .videoArea01 .videoDetail01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.videoArea01 h3 {
  padding: 55px 0 65px;
  line-height: 1.3;
  background: url("../images/bg_index07_01.svg") no-repeat 50% 0/353px 25px, url("../images/bg_index07_02.svg") no-repeat 50% 100%/353px 25px, url("../common/images/bg_common04_01.svg") no-repeat -18% 15px/186px 6px, url("../common/images/bg_common04_01.svg") no-repeat 118% 15px/186px 6px, url("../common/images/bg_common04_02.svg") no-repeat -18% 92%/186px 6px, url("../common/images/bg_common04_02.svg") no-repeat 118% 92%/186px 6px;
}
@media print, screen and (min-width: 768px) {
  .videoArea01 h3 {
    font-size: 44px;
    width: 100%;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .videoArea01 h3 {
    font-size: 34px;
    background-size: 290px 22px, 290px 22px, 186px 6px, 186px 6px, 186px 6px, 186px 6px;
  }
}
@media screen and (max-width: 1000px) {
  .videoArea01 h3 {
    margin-bottom: 20px;
    background-size: 253px 20px, 253px 20px, 186px 6px, 186px 6px, 186px 6px, 186px 6px;
  }
}
@media screen and (max-width: 950px) {
  .videoArea01 h3 {
    background-size: 220px 25px, 220px 25px, 186px 6px, 186px 6px, 186px 6px, 186px 6px;
  }
}
@media screen and (max-width: 900px) {
  .videoArea01 h3 {
    background-size: 200px 25px, 200px 25px, 186px 6px, 186px 6px, 186px 6px, 186px 6px;
  }
}
@media screen and (max-width: 850px) and (min-width: 768px) {
  .videoArea01 h3 {
    font-size: 28px;
    background-position: 50% 0, 50% 100%, -40% 15px, 140% 15px, -40% 92%, 140% 92%;
  }
}
@media screen and (max-width: 850px) {
  .videoArea01 h3 {
    padding: 35px 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .videoArea01 h3 {
    background-size: 160px 25px, 160px 25px, 186px 6px, 186px 6px, 186px 6px, 186px 6px;
    background-position: 50% 0, 50% 100%, -110% 15px, 210% 15px, -110% 92%, 210% 92%;
  }
}
@media screen and (max-width: 360px) {
  .videoArea01 h3 {
    padding: 25px 0 30px;
    background-position: 50% 0, 50% 100%, -140% 15px, 240% 15px, -140% 92%, 240% 92%;
  }
}
.videoArea01 .contentCopy01 {
  color: #03132b;
}
@media print, screen and (min-width: 768px) {
  .videoArea01 .contentCopy01 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .videoArea01 .contentCopy01 {
    text-align: left;
  }
}
.videoArea01 .videoImage01 {
  margin: -30px -20px 0 0;
}
@media screen and (max-width: 850px) {
  .videoArea01 .videoImage01 {
    margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
  .videoArea01 .videoImage01 {
    max-width: 360px;
    margin: -15px auto 0;
  }
}
@media screen and (max-width: 425px) {
  .videoArea01 .videoImage01 {
    max-width: 280px;
    margin-top: -20px;
  }
}
.videoArea01 .btn01 {
  margin-top: -30px;
}
@media screen and (max-width: 425px) {
  .videoArea01 .btn01 {
    margin-top: -20px;
  }
}

.newsArea01 {
  font-size: 16px;
  padding: 70px 0 75px;
  background: url("../common/images/bg_common06.jpg"), #f9f7ef;
}
@media screen and (max-width: 767px) {
  .newsArea01 {
    font-size: 14px;
    padding: 48px 0 50px;
  }
}
.newsArea01 h3 img {
  width: 77px;
  height: 17px;
}
@media screen and (max-width: 767px) {
  .newsArea01 h3 img {
    width: 52px;
    height: 13px;
  }
}
@media print, screen and (min-width: 768px) {
  .newsArea01 .bannerArea01 {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.newsArea01 .bannerArea01 li {
  max-width: 495px;
  width: 49%;
  margin-top: 35px;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .newsArea01 .bannerArea01 li {
    margin: 25px auto 0;
    width: 100%;
  }
}
.newsArea01 .bannerArea01 li:focus {
  outline: none;
}
@media print, screen and (min-width: 768px) {
  .newsArea01 .bannerArea01 li:first-child {
    margin-right: 10px;
  }
}
.newsArea01 .bannerArea01 a {
  padding-top: 30px;
  background: url("../common/images/ico_common02.svg") no-repeat 50% 0/95px 21px;
  display: block;
}
@media screen and (max-width: 767px) {
  .newsArea01 .bannerArea01 a {
    padding-top: 25px;
    background-size: 80px 17px;
  }
}

h2 {
  padding: 0;
  background: url("../images/pic_index01.png") no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
h2 .txtArea {
  width: 26.6%;
  max-width: 384px;
  margin-left: 29.4%;
  padding-top: 65px;
  padding-bottom: 75px;
}
@media screen and (max-width: 1500px) {
  h2 .txtArea {
    margin-left: 19.4%;
  }
}
@media screen and (max-width: 1100px) {
  h2 .txtArea {
    width: 40%;
    margin-left: 10%;
  }
}
@media screen and (max-width: 767px) {
  h2 .txtArea {
    width: 52.6%;
    max-width: 396px;
    margin-left: 3%;
    padding-top: 41px;
    padding-bottom: 41px;
  }
}
h2 .inner {
  position: relative;
}
h2 .img01 {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  z-index: 100;
}

.ico01 {
  max-width: 610px;
  width: 100%;
  position: absolute;
  right: -110%;
  bottom: -85px;
}
@media screen and (max-width: 1100px) {
  .ico01 {
    width: 94%;
    right: -100%;
  }
}
@media screen and (max-width: 800px) {
  .ico01 {
    width: 105%;
    right: -105%;
  }
}
@media screen and (max-width: 767px) {
  .ico01 {
    width: 90%;
    right: -88%;
    bottom: -50px;
  }
}
@media screen and (max-width: 400px) {
  .ico01 {
    width: 100%;
    right: -100%;
  }
}

.ico02 {
  width: 40%;
  position: absolute;
  right: -130%;
  bottom: 210px;
}
@media screen and (max-width: 1300px) {
  .ico02 {
    right: -125%;
    bottom: 185px;
  }
}
@media screen and (max-width: 1100px) {
  .ico02 {
    right: -115%;
    bottom: 190px;
  }
}
@media screen and (max-width: 767px) {
  .ico02 {
    width: 28%;
    right: -80%;
    bottom: 72%;
  }
}
@media screen and (max-width: 525px) {
  .ico02 {
    width: 36%;
    right: -80%;
    bottom: 68%;
  }
}
@media screen and (max-width: 360px) {
  .ico02 {
    right: -76.4%;
    bottom: 130px;
  }
}

.btn01.prepare a {
  background: url(../images/ico_common03.svg) no-repeat 92% 50%, #ccc;
}

.footer .snsBtn01:first-child {
  margin: 0 5px 0 20px;
}
@media screen and (max-width: 1100px) {
  .footer .snsBtn01:first-child {
    margin-left: 10px;
  }
}
.footer .snsBtn01:nth-last-child(2) {
  margin: 0 10px 0 0;
}
@media screen and (max-width: 380px) {
  .footer .snsBtn01:nth-last-child(2) {
    margin-right: 5px;
  }
}
.footer .snsBtn01:nth-last-child(3) {
  margin: 0 5px 0 0;
}
@media screen and (max-width: 380px) {
  .footer .snsBtn01:nth-last-child(3) {
    margin-right: 5px;
  }
}
.footer .snsBtn01:last-child {
  width: 110px;
  margin-top: -20px;
}
.footer .snsBtn01:last-child img {
  width: 100%;

}





/*---------------------2020/08Å@í«â¡--------------------------*/



/*----ÉÅÉjÉÖÅ[----*/

@media print, screen and (min-width: 1001px){
.globalMenuArea01 {
    font-size: 13px;
}
}

@media screen and (max-width: 1300px) {
  .mainLogo01 {
    width: 194px;
    height: 40px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 1200px) {
  .mainLogo01 {
    width: 160px;
    height: 36px;
  }
}
@media screen and (max-width: 1010px) {
  .mainLogo01 {
    width: 140px;
    height: 30px;
  }
}

/*----ÉAÉìÉTÉìÉuÉãÉAÉìÉtÉâÉìÉZÇ∆ÇÕ----*/
.slider{
	margin:3rem auto;
}

.sl_btn .btn01 {
	width: 330px;
	position:static;
}

.aboutenArea{
	background: url("../common/images/bg_abouten.jpg") no-repeat 50% 0/cover !important;
	padding-bottom:4rem !important;
}


/*----ìÆâÊ----*/

.movie{
	max-width:1000px;
	width:90%;
	margin:0 auto;
	display:table;
}
.youtube{
	display:table-cell;
	width:30%;
	padding:0 5px;
	text-align:center;
}
.youtube span{
	color:#113a78;
	font-size:18px;
	font-weight:bold;
	display:block;
	width:100%;
	background-color:#ccdfeb;
	padding:5px 0;
}
.youtube div{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border:solid 1px #ccdfeb;
}
.youtube div iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 900px) {
.movie{
	display:block;
}
.youtube{
	display:block;
	max-width:580px;
	width:100%;
	margin:20px auto 0;
}
.youtube span{
	font-size:16px;
	display:block;
}
}



/*----çuét----*/

.confArea{
	background: url("../common/images/bg_conf.jpg") no-repeat 50% 0/cover !important;
}
.confArea .btn01 a{
	color:#000 !important;
	background-image: url("../common/images/ico_common03_bl.svg") !important;
	background-color: #f8d566 !important;
	background-size: 25px 8px;
	font-size:0.9rem;
}

.confArea h3 img {
  width: 96px !important;
  height: 18px !important;
}
@media screen and (max-width: 767px) {
  .confArea h3 img {
    width: 86px !important;
    height: 16px !important;
  }
.confArea .btn01 a{
	background-image: none !important;
}
.sl_btn .btn01 {
	width: 230px;
}
}

.confArea_tbl{
	margin:0 auto;
	max-width:1010px;
	width:90%;
	display:table;
}


.confArea_l, .confArea_r{
	display:table-cell;
	vertical-align:top;
}
.confArea_l span{
	color:#e5c877 !important;
}
.confArea_l p{
	font-size:18px !important;
	color:#fff !important;
}
@media screen and (max-width: 767px) {
.confArea_l p{
	font-size:16px !important;
}
}
.confArea_r{
	width:420px;
	padding-left:60px;
}

@media screen and (max-width: 950px) {
.confArea_r{
	width:320px;
	padding-left:40px;
}
}
@media screen and (max-width: 800px) {
.confArea_tbl{
	display:block;
}

.confArea_l, .confArea_r{
	display:block;
	width:100%;
	padding:0;
}
.confArea_r{
	text-align:center;
}
.confArea_r img {
	max-width:680px !important;
	width: 100% !important;
}
}


/*----ÉTÅ[ÉrÉX----*/

.textover{
	font-size:34px !important;
}
@media screen and (max-width: 767px) {
  .textover {
    font-size: 20px !important;
  }
}

@media print, screen and (min-width: 1101px) {
  .featuresArea01 li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .featuresArea01 li:nth-child(2n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 1101px) {
  .featuresArea01 li:nth-child(2) {
    margin-left: 25px;
    margin-right: 25px;
  }
  .featuresArea01 li:nth-child(5) {
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .featuresArea01 li:nth-child(2) {
    margin-left: 2%;
    margin-right: 2%;
  }
  .featuresArea01 li:nth-child(5) {
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 767px) and (min-width: 421px) {
  .featuresArea01 li:nth-child(2n+1) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 500px) {
  .featuresArea01 li:last-child {
    margin-bottom: 0;
  }
}

/*----Ç®ímÇÁÇπ----*/

.bg_wh{
	background:none !important;
	background-color:#fff !important;
}


.index .slick-next{
	right:0 !important;
	display:none;
}



}