@charset "UTF-8";
@font-face {
  font-family: "MPLUS1p-Medium";
  src: url(/fonts/MPLUS1p/MPLUS1p-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "MPLUS1p-Regular";
  src: url(/fonts/MPLUS1p/MPLUS1p-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "MPLUS1p-ExtraBold";
  src: url(/fonts/MPLUS1p/MPLUS1p-ExtraBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "MPLUS1p-Bold";
  src: url(/fonts/MPLUS1p/MPLUS1p-Bold.woff) format("woff");
  font-display: swap;
}
/*=======*/
/* index */
/*=======*/
.index {
  /* main
  -----------------------------------*/
  /* price
  -----------------------------------*/
  /* use
  -----------------------------------*/
  /* plan
  -----------------------------------*/
  /* place
  -----------------------------------*/
}
.index .main-sec {
  background-color: #CCC;
}
.index .main-sec::after {
  content: "";
  display: block;
  height: 24px;
  background: #FFF url(/images/index/main_bg01.svg);
  background-repeat: repeat-x;
  background-size: 100% auto;
}
@media (max-width: 1200px) {
  .index .main-sec::after {
    background-size: auto 100%;
  }
}
@media (max-width: 767px) {
  .index .main-sec::after {
    height: 16px;
  }
}
.index .main-sec .wrap {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  max-width: 1232px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .index .main-sec .wrap {
    display: block;
  }
}
.index .main-sec .wrap .h-main {
  width: 66.8%;
}
@media (max-width: 960px) {
  .index .main-sec .wrap .h-main {
    width: 100%;
    text-align: center;
  }
}
.index .main-sec .wrap .h-main img {
  width: 100%;
}
.index .main-sec .wrap .search-area {
  width: 33.2%;
  padding: 0 16px 8px;
}
@media (max-width: 960px) {
  .index .main-sec .wrap .search-area {
    width: 100%;
  }
}
.index .main-sec .wrap .search-area .heading02 {
  margin-top: 24px;
  color: #5A5A5A;
}
.index .main-sec .search-data dt {
  margin: 12px 0 4px;
  font-weight: bold;
  line-height: 1;
  color: #5A5A5A;
}
.index .main-sec .input-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index .main-sec .input-wrap .cell02 {
  width: 48%;
}
.index .main-sec .input-wrap .cell03 {
  width: 32%;
}
.index .main-sec .btn {
  margin: 16px 0 8px;
}
.index .main-sec .btn .com-bt {
  width: 100%;
}
.index .main-sec .note {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
.index .price-sec {
  padding: 32px 0;
  background: url(/images/index/price_bg01.png) no-repeat;
  background-size: 100% auto;
  background-position: top center;
}
@media (max-width: 767px) {
  .index .price-sec {
    padding: 24px 0;
  }
}
.index .price-sec .wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .index .price-sec .wrap {
    display: block;
    margin-bottom: 32px;
  }
}
.index .price-sec .wrap .news-box {
  width: 48%;
  padding: 24px;
  border: 1px solid #808080;
  background-color: #FFF;
}
@media (max-width: 767px) {
  .index .price-sec .wrap .news-box {
    width: 100%;
    padding: 16px 24px;
    margin-bottom: 24px;
  }
}
.index .price-sec .wrap .news-box .heading02 {
  margin-top: 0;
  color: #4D4D4D;
  text-align: center;
}
.index .use-sec {
  position: relative;
  padding: 128px 0 192px;
  background: #CCC url(/images/index/use_bg01.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .index .use-sec {
    padding: 128px 0 48px;
  }
}
.index .use-sec::after {
  content: "";
  position: absolute;
  bottom: -1px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 24px;
  background: #FFF url(/images/index/use_bg02.svg);
  background-repeat: repeat-x;
  background-size: 100% auto;
}
@media (max-width: 960px) {
  .index .use-sec::after {
    background-size: auto 100%;
  }
}
@media (max-width: 767px) {
  .index .use-sec::after {
    height: 16px;
  }
}
.index .use-sec .heading01 {
  margin-bottom: 140px;
  color: #5A5A5A;
}
@media (max-width: 767px) {
  .index .use-sec .heading01 {
    margin-bottom: 64px;
  }
}
.index .use-sec .list-use {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .index .use-sec .list-use {
    display: block;
    margin-bottom: 32px;
  }
}
.index .use-sec .list-use li {
  position: relative;
  width: 29.7%;
  padding: 64px 16px 24px;
  border: 1px solid #E50020;
  border-radius: 16px;
  background: #FFF;
}
@media (max-width: 767px) {
  .index .use-sec .list-use li {
    width: 100%;
    padding: 24px 16px 16px;
    margin-bottom: 24px;
    border-radius: 8px;
  }
}
.index .use-sec .list-use li .num {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 767px) {
  .index .use-sec .list-use li .num {
    width: 32px;
    margin: 0 auto 16px;
  }
}
.index .use-sec .list-use li .txt01 {
  margin-bottom: 32px;
  color: #5A5A5A;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .index .use-sec .list-use li .txt01 {
    margin-bottom: 24px;
    font-size: 13px;
  }
}
.index .use-sec .list-use li .img {
  text-align: center;
}
.index .use-sec .list-note {
  margin-bottom: 0;
  color: #5A5A5A;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .index .use-sec .list-note {
    text-align: left;
    font-size: 13px;
  }
}
.index .use-sec .list-note li {
  margin-bottom: 4px;
  text-indent: -1em;
}
.index .use-sec .list-note li::before {
  content: "※";
}
.index .use-sec .list-note li:last-child {
  margin-bottom: 0;
}
.index .plan-sec {
  padding: 100px 0 86px;
}
@media (max-width: 767px) {
  .index .plan-sec {
    padding: 64px 0 32px;
  }
}
.index .plan-sec .heading01 {
  margin-bottom: 88px;
}
@media (max-width: 767px) {
  .index .plan-sec .heading01 {
    margin-bottom: 32px;
  }
}
.index .plan-sec .list-plan {
  display: flex;
  justify-content: space-between;
  margin-bottom: 72px;
}
@media (max-width: 767px) {
  .index .plan-sec .list-plan {
    display: block;
    margin-bottom: 32px;
  }
}
.index .plan-sec .list-plan li {
  overflow: hidden;
  width: 31%;
  border-radius: 16px;
  border: 4px solid #E50020;
  color: #5A5A5A;
}
@media (max-width: 767px) {
  .index .plan-sec .list-plan li {
    width: 100%;
    margin-bottom: 16px;
    border-radius: 8px;
    border-width: 1px;
  }
}
.index .plan-sec .list-plan li .ttl {
  display: flex;
  justify-content: center;
  min-height: 77px;
  padding: 12px;
  background: #E50020;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .index .plan-sec .list-plan li .ttl {
    min-height: auto;
    padding: 8px 4px;
    font-size: 18px;
  }
}
.index .plan-sec .list-plan li .ttl p {
  align-content: center;
  margin-bottom: 0;
}
.index .plan-sec .list-plan li .ttl p span {
  display: block;
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 767px) {
  .index .plan-sec .list-plan li .ttl p span {
    font-size: 14px;
  }
}
.index .plan-sec .list-plan li .bg {
  padding: 18px 16px 32px;
  background: #FFF;
}
.index .plan-sec .list-plan li .bg .txt01 {
  margin-bottom: 16px;
}
.index .plan-sec .list-plan li .bg .txt01 span {
  display: block;
  font-size: 12px;
}
.index .plan-sec .list-plan li .bg .img {
  text-align: center;
  margin-bottom: 32px;
}
.index .plan-sec .list-plan li:nth-of-type(3) .bg .txt02 {
  font-size: 12px;
}
.index .plan-sec .btn {
  max-width: 540px;
  margin: 0 auto 32px;
}
.index .plan-sec .btn .com-bt {
  padding: 16px;
  border-radius: 500px;
  font-size: 32px;
  line-height: 1;
}
@media (max-width: 767px) {
  .index .plan-sec .btn .com-bt {
    font-size: 20px;
  }
}
.index .plan-sec .list-note {
  margin-bottom: 80px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .index .plan-sec .list-note {
    margin-bottom: 32px;
    font-size: 13px;
  }
}
.index .plan-sec .tel {
  margin-bottom: 80px;
  text-align: center;
}
@media (max-width: 767px) {
  .index .plan-sec .tel {
    margin-bottom: 32px;
  }
}
.index .plan-sec .about-wrap .about-area {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}
@media (max-width: 767px) {
  .index .plan-sec .about-wrap .about-area {
    display: block;
  }
}
.index .plan-sec .about-wrap .about-area .heading02 {
  margin: 32px 0 16px;
  color: #5A5A5A;
}
.index .plan-sec .about-wrap .about-area .heading02 .ic {
  margin-left: 16px;
  vertical-align: bottom;
}
.index .plan-sec .about-wrap .about-area .cell {
  width: 49%;
}
@media (max-width: 767px) {
  .index .plan-sec .about-wrap .about-area .cell {
    width: 100%;
  }
}
.index .plan-sec .about-wrap .list-note {
  font-weight: normal;
}
.index .plan-sec .about-wrap .com-table01 {
  width: 100%;
  margin: 16px 0;
}
.index .plan-sec .about-wrap .com-table01 th {
  padding: 8px;
  border-color: #5A5A5A;
  background: #E6E6E6;
  color: #5A5A5A;
  text-align: center;
}
@media (max-width: 767px) {
  .index .plan-sec .about-wrap .com-table01 th {
    padding: 4px;
    font-size: 12px;
  }
}
.index .plan-sec .about-wrap .com-table01 td {
  padding: 8px;
  border-color: #5A5A5A;
  text-align: center;
}
@media (max-width: 767px) {
  .index .plan-sec .about-wrap .com-table01 td {
    padding: 4px;
    font-size: 11px;
  }
}
.index .plan-sec .about-wrap .com-table01 thead th {
  width: 20%;
}
.index .plan-sec .about-wrap .com-table01 tbody th,
.index .plan-sec .about-wrap .com-table01 tbody td {
  width: 20%;
}
.index .plan-sec .about-wrap .com-table02 {
  width: 100%;
  margin: 16px 0;
}
.index .plan-sec .about-wrap .com-table02 th {
  width: 280px;
  padding: 8px;
  border-color: #5A5A5A;
  color: #5A5A5A;
}
@media (max-width: 767px) {
  .index .plan-sec .about-wrap .com-table02 th {
    width: 50%;
    padding: 4px;
    font-size: 12px;
  }
}
.index .plan-sec .about-wrap .com-table02 td {
  width: calc(100% - 280px);
  padding: 8px;
  border-color: #5A5A5A;
  text-align: center;
  font-weight: bold;
  color: #5A5A5A;
}
@media (max-width: 767px) {
  .index .plan-sec .about-wrap .com-table02 td {
    width: 50%;
    padding: 4px;
    font-size: 12px;
  }
}
.index .plan-sec .about-area {
  display: flex;
}
.index .plan-sec .bn {
  margin: 64px 0 0;
}
@media (max-width: 767px) {
  .index .plan-sec .bn {
    margin-top: 32px;
  }
}
.index .plan-sec .bg-img {
  background: url(/images/index/plan_bg01.png) no-repeat;
  background-position: center center;
}
@media (max-width: 767px) {
  .index .plan-sec .bg-img {
    background-size: 100% auto;
  }
}
.index .plan-sec .bg-img .com-table01 th {
  line-height: 1;
}
.index .plan-sec .bg-img .com-table01 td {
  line-height: 1;
  background-color: #FFF;
}
.index .plan-sec .bg-img .data-case {
  margin: 16px 0;
  border: 1px solid #5A5A5A;
}
.index .plan-sec .bg-img .data-case dt {
  padding: 8px;
  background-color: #5A5A5A;
  color: #FFF;
  font-size: 16px;
  font-family: "MPLUS1p-Bold";
  text-align: center;
  line-height: 1;
}
.index .plan-sec .bg-img .data-case dd {
  padding: 16px;
}
@media (max-width: 767px) {
  .index .plan-sec .bg-img .data-case dd {
    padding: 8px;
    font-size: 12px;
  }
}
.index .plan-sec .bg-img .box {
  margin: 32px 0 24px;
  padding: 16px;
  border: 1px solid #5A5A5A;
}
.index .plan-sec .bg-img .box .plan-img01 {
  padding-bottom: 24px;
  border-bottom: 1px solid #5A5A5A;
}
.index .plan-sec .bg-img .box .plan-img02 {
  margin-bottom: 24px;
}
.index .plan-sec .bg-img .tel-img {
  text-align: center;
}
.index .place-sec {
  padding-bottom: 80px;
  background: #CCC url(/images/index/place_bg02.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (max-width: 767px) {
  .index .place-sec {
    padding-bottom: 16px;
  }
}
.index .place-sec::before {
  content: "";
  display: block;
  height: 24px;
  background: url(/images/index/place_bg01.svg);
}
@media (min-width: 1200px) {
  .index .place-sec::before {
    background-size: 100% auto;
  }
}
@media (max-width: 767px) {
  .index .place-sec::before {
    height: 16px;
    background-size: auto 100%;
  }
}
.index .place-sec .heading01 {
  margin: 100px 0 90px;
}
@media (max-width: 767px) {
  .index .place-sec .heading01 {
    margin: 32px 0 24px;
  }
}
.index .place-sec .store-info {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .index .place-sec .store-info {
    display: block;
    margin-bottom: 32px;
  }
}
.index .place-sec .store-info figure {
  width: 45.8%;
}
@media (max-width: 767px) {
  .index .place-sec .store-info figure {
    width: 100%;
    margin-bottom: 16px;
    text-align: center;
  }
}
.index .place-sec .store-info figure img {
  width: 100%;
}
.index .place-sec .store-info .txt {
  width: 54.2%;
  padding: 24px;
  background-color: #FFF;
}
@media (max-width: 767px) {
  .index .place-sec .store-info .txt {
    width: 100%;
  }
}
.index .place-sec .store-info .heading02 {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
}
.index .place-sec .store-info .link-map {
  display: flex;
  align-items: center;
  width: 112px;
  margin-left: 16px;
  font-size: 16px;
  font-family: "MPLUS1p-Regular";
}
.index .place-sec .store-info .link-map::before {
  content: "";
  width: 12px;
  height: 18px;
  background: url(/images/common/access_ic01.svg) no-repeat;
  background-size: 100% auto;
  margin-right: 8px;
}
.index .place-sec .store-info .address {
  padding: 4px 0;
  border-bottom: 1px solid #5A5A5A;
}
.index .place-sec .store-info .list-place li {
  margin-bottom: 4px;
  line-height: 1.3;
  font-size: 14px;
}
.index .place-sec .store-info .indent {
  font-size: 12px;
}
/*# sourceMappingURL=index.css.map */