@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css");
/* 設定
******************************************************************************************** */
/* txt-maker */
/* btn */
/* $width-pc: 1281px; */
/* $width-smartphone: 600px; */
/* $width-scrollbar: 20px; */
/* 共通
******************************************************************************************** */
.breadcrumbs {
  max-width: 1100px;
  margin: 0 auto;
  /*  Smartphone */
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 10px;
}
@media only screen and (max-width: 640px) {
  .breadcrumbs {
    width: 100%;
  }
}
.breadcrumbs i {
  color: #f08200;
}

.main .pageblock {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .main .pageblock {
    width: 100%;
  }
}
.main .pageblock h2 {
  color: #154f9e;
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
}
.main .pageblock h3 {
  color: #f08200;
  font-size: 20px;
  font-size: 1.25rem;
}
.main .pageblock table {
  width: 100%;
}
.main .pageblock table th, .main .pageblock table td {
  padding: 10px;
  border: 1px solid #e8e8e8;
}
.main .pageblock table th {
  background: rgba(21, 79, 158, 0.1);
}
.main .pageblock table td.td-th {
  color: #154f9e;
}
.main .pageblock__btn {
  text-align: center;
}
.main .pageblock__btn a {
  color: #f08200;
  background: #fff;
  border: 4px solid #f08200;
  display: inline-block;
  padding: 5px 40px;
  text-shadow: none;
  position: relative;
}
.main .pageblock__btn a i {
  margin-right: 1em;
}
.main .pageblock__btn a a {
  color: #f08200;
  display: block;
  font-weight: bold;
}
.main .pageblock__btn a:hover {
  transition: 0.5s ease-in-out;
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
  background: #f08200;
  color: #fff;
}
.main .pageblock__btn a:hover i {
  transition: 0.5s ease-in-out;
  transform: scale(1.5);
}
.main .pageblock__btn a:hover a {
  color: #fff;
  text-decoration: none;
}
.main .pageblock__btn a--arrow {
  padding: 3px 20px 3px 40px;
}
.main .pageblock__btn a--arrow::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: 20px;
}
.main .pageblock__w {
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.main .pageblock__w p {
  width: 48%;
}
.main .pageblock__t {
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.main .pageblock__t p {
  width: 30%;
}
.main__content {
  padding: 60px 0;
}
.main__ttl {
  background: rgba(240, 130, 0, 0.1);
  padding: 60px 0;
  text-align: center;
}
.main__ttl-spell {
  margin: 0;
  font-size: 20px;
  font-size: 1.25rem;
  color: #154f9e;
}
.main__ttl-this {
  color: #f08200;
  margin: 0;
  line-height: 1;
  font-size: 40px;
  font-size: 2.5rem;
}

.pager-single {
  max-width: 1100px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .pager-single {
    width: 100%;
  }
}
.pager-single::after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.pager-single i {
  font-weight: 900;
  color: #154f9e;
}
.pager-single__index {
  width: 100%;
  text-align: center;
}
.pager-single__index i {
  margin-right: 1em;
  color: #154f9e;
}
.pager-single__prev {
  float: left;
}
.pager-single__prev i {
  margin-right: 1em;
}
.pager-single__next {
  float: right;
}
.pager-single__next i {
  margin-left: 1em;
}

.pager {
  margin: 40px 0;
  text-align: center;
}

/* サイトマップ
******************************************************************************************** */
.sitemap {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .sitemap {
    width: 100%;
  }
}
.sitemap .wsp-pages-list, .sitemap .wsp-categories-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px dotted #f08200;
}
.sitemap .wsp-pages-list li, .sitemap .wsp-categories-list li {
  margin-bottom: 10px;
  border-bottom: 1px dotted #f08200;
}
.sitemap .wsp-pages-list li a, .sitemap .wsp-categories-list li a {
  display: block;
  padding: 10px;
}

/* カテゴリー
******************************************************************************************** */
.category {
  max-width: 1100px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .category {
    width: 100%;
  }
}
.category__list {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  min-width: 650px;
}
.category__list li {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e8e8e8;
}
.category__date {
  margin-right: 20px;
}

/* お知らせ詳細
******************************************************************************************** */
.single {
  max-width: 1100px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .single {
    width: 100%;
  }
}
.single .post__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 20px;
}
.single .post__date {
  text-align: right;
}
.single .post__date i {
  margin-right: 5px;
  color: #f08200;
}
.single .post__btn a {
  color: #f08200;
  background: #fff;
  border: 4px solid #f08200;
  display: inline-block;
  padding: 5px 40px;
  text-shadow: none;
  position: relative;
}
.single .post__btn a i {
  margin-right: 1em;
}
.single .post__btn a a {
  color: #f08200;
  display: block;
  font-weight: bold;
}
.single .post__btn a:hover {
  transition: 0.5s ease-in-out;
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
  background: #f08200;
  color: #fff;
}
.single .post__btn a:hover i {
  transition: 0.5s ease-in-out;
  transform: scale(1.5);
}
.single .post__btn a:hover a {
  color: #fff;
  text-decoration: none;
}
.single .post__btn a--arrow {
  padding: 3px 20px 3px 40px;
}
.single .post__btn a--arrow::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: 20px;
}

/* メニュー
******************************************************************************************** */
.menu {
  max-width: 1100px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .menu {
    width: 100%;
  }
}
.menu .member {
  text-align: center;
  margin-bottom: 60px;
}
.menu .member__ttl {
  color: #154f9e;
  font-size: 24px;
  font-size: 1.5rem;
}
.menu .member__price {
  margin: 0;
  background: rgba(21, 79, 158, 0.1);
  display: inline-block;
  padding: 10px 30px;
  font-size: 20px;
  font-size: 1.25rem;
}
.menu .member__big {
  font-weight: bold;
  color: #e60012;
}
.menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.menu__list::after {
  content: "";
  width: 31%;
  margin: 1%;
}
.menu__list li {
  padding: 0;
  list-style: none;
  width: 31%;
  display: inline-block;
  margin: 1%;
  text-align: center;
}
.menu__list li a {
  display: block;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 10px;
  background: rgba(240, 130, 0, 0.1);
}
.menu__list li .title {
  display: block;
  line-height: 1.3em;
}
.menu .block {
  margin-bottom: 60px;
}
.menu .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.menu .block__ttl2 {
  position: relative;
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.menu .block__ttl2-name {
  font-size: 24px;
  font-size: 1.5rem;
  display: inline-block;
  margin: 0;
}
.menu .block__ttl2-link {
  position: absolute;
  top: 20px;
  right: 0;
  margin: 0;
}
.menu .block__ttl2-link a {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  background: #154f9e;
  padding: 0px 6px;
  font-weight: bold;
  border-radius: 4px;
  color: #fff;
}
.menu .block__btn a {
  color: #f08200;
  background: #fff;
  border: 4px solid #f08200;
  display: inline-block;
  padding: 5px 40px;
  text-shadow: none;
  position: relative;
}
.menu .block__btn a i {
  margin-right: 1em;
}
.menu .block__btn a a {
  color: #f08200;
  display: block;
  font-weight: bold;
}
.menu .block__btn a:hover {
  transition: 0.5s ease-in-out;
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
  background: #f08200;
  color: #fff;
}
.menu .block__btn a:hover i {
  transition: 0.5s ease-in-out;
  transform: scale(1.5);
}
.menu .block__btn a:hover a {
  color: #fff;
  text-decoration: none;
}
.menu .block__btn a--arrow {
  padding: 3px 20px 3px 40px;
}
.menu .block__btn a--arrow::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: 20px;
}
.menu .block__limit {
  background: #154f9e;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 2px 4px;
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 10px;
}
.menu .block__course {
  background: rgba(240, 130, 0, 0.1);
  text-align: center;
  padding: 10px;
}
.menu .block__regular {
  background: #f08200;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 2px 4px;
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 10px;
}
.menu .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.menu .block__copy {
  font-size: 20px;
  font-size: 1.25rem;
  color: #f08200;
  font-weight: bold;
}
.menu .block__table {
  width: 100%;
  margin: 0 auto;
}
.menu .block__table th {
  padding: 10px;
  border: 1px solid #e8e8e8;
  width: 50%;
}
.menu .block__table td {
  padding: 10px;
  border: 1px solid #e8e8e8;
}
.menu .block__table-member {
  background: rgba(21, 79, 158, 0.1);
}
.menu .block__table-visitor {
  background: rgba(240, 130, 0, 0.1);
}
.menu .block__flex {
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.menu .block__img {
  width: 40%;
}
.menu .block__detail {
  width: 58%;
}
.menu .block__list {
  list-style-type: square;
}
.menu .block__list strong {
  color: #f08200;
  font-size: 18px;
  font-size: 1.125rem;
}
.menu .block__card {
  width: 40%;
}

/* トレーナー紹介
******************************************************************************************** */
.trainer {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .trainer {
    width: 100%;
  }
}
.trainer .block {
  margin-bottom: 60px;
}
.trainer .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.trainer .block__en {
  font-size: 16px;
  font-size: 1rem;
  margin-left: 10px;
  color: #154f9e;
}
.trainer .block__title {
  background: rgba(21, 79, 158, 0.1);
  padding: 5px 10px;
}
.trainer .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.trainer .block__double {
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.trainer .block__img {
  width: 30%;
}
.trainer .block__item {
  width: 68%;
}

/* アクセス
******************************************************************************************** */
.access {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .access {
    width: 100%;
  }
}
.access .block {
  margin-bottom: 60px;
}
.access .block__ttl {
  color: #154f9e;
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 0;
}
.access .block__sub {
  color: #f08200;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 0;
}
.access .block__cap {
  margin-top: 0;
  font-size: 16px;
  font-size: 1rem;
}
.access .block__pic {
  margin-bottom: 20px;
}
.access .block__pic td {
  padding: 5px;
}
.access .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.access .block__double {
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.access .block__img {
  width: 50%;
  padding: 5px;
}
.access .block__item {
  width: 48%;
}

/* 利用規約
******************************************************************************************** */
.guide {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .guide {
    width: 100%;
  }
}
.guide .block {
  margin-bottom: 60px;
}
.guide .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.guide .block__txt {
  font-size: 16px;
  font-size: 1rem;
}

/* フレンド紹介
******************************************************************************************** */
.friend {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .friend {
    width: 100%;
  }
}
.friend .block {
  margin-bottom: 60px;
}
.friend .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.friend .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.friend .block__big {
  color: #154f9e;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}
.friend .block__double {
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.friend .block__img {
  width: 40%;
}
.friend .block__item {
  width: 58%;
}

/* 今月のキャンペーン
******************************************************************************************** */
.campaign {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .campaign {
    width: 100%;
  }
}
.campaign .block {
  margin-bottom: 60px;
}
.campaign .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.campaign .block h3 {
  color: #f08200;
  font-size: 20px;
  font-size: 1.25rem;
  background: rgba(240, 130, 0, 0.1);
  padding: 2px 10px;
}
.campaign .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.campaign .block__date {
  text-align: right;
}
.campaign .block__double {
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.campaign .block__img {
  width: 40%;
}
.campaign .block__item {
  width: 58%;
}

/* プライバシーポリシー
******************************************************************************************** */
.privacy {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .privacy {
    width: 100%;
  }
}
.privacy .block {
  margin-bottom: 60px;
}
.privacy .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.privacy .block__txt {
  font-size: 16px;
  font-size: 1rem;
}

/* お問合せ
******************************************************************************************** */
.contact {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .contact {
    width: 100%;
  }
}
.contact .reserve {
  background: rgba(21, 79, 158, 0.1);
  padding: 15px;
  text-align: center;
  margin-bottom: 40px;
}
.contact .reserve__btn {
  margin-bottom: 0;
}
.contact .reserve__btn a {
  color: #f08200;
  background: #fff;
  border: 4px solid #f08200;
  display: inline-block;
  padding: 5px 40px;
  text-shadow: none;
  position: relative;
}
.contact .reserve__btn a i {
  margin-right: 1em;
}
.contact .reserve__btn a a {
  color: #f08200;
  display: block;
  font-weight: bold;
}
.contact .reserve__btn a:hover {
  transition: 0.5s ease-in-out;
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
  background: #f08200;
  color: #fff;
}
.contact .reserve__btn a:hover i {
  transition: 0.5s ease-in-out;
  transform: scale(1.5);
}
.contact .reserve__btn a:hover a {
  color: #fff;
  text-decoration: none;
}
.contact .reserve__btn a--arrow {
  padding: 3px 20px 3px 40px;
}
.contact .reserve__btn a--arrow::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: 20px;
}
.contact .reserve__txt {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
}
.contact .block {
  margin-bottom: 60px;
}
.contact .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.contact .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.contact .block__sub {
  font-size: 20px;
  font-size: 1.25rem;
  color: #154f9e;
}
.contact .block__tel a {
  font-size: 20px;
  font-size: 1.25rem;
  color: #f08200;
}
.contact .block__img {
  width: 116px;
}
.contact .block__qr {
  width: 180px;
}
.contact__table {
  width: 100%;
}
.contact__table th {
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
  width: 30%;
  text-align: left;
  color: #154f9e;
  vertical-align: top;
}
.contact__table th .must {
  color: #e60012;
  float: right;
  font-size: 12px;
  font-size: 0.75rem;
}
.contact__table td {
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.contact__table td input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  font-size: 1rem;
}
.contact__table td input[type=checkbox] {
  width: auto;
}
.contact__table td .horizontal-item {
  display: block;
  margin-left: 0 !important;
}
.contact__table td textarea {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  font-size: 1rem;
}
.contact__submit {
  text-align: center;
}
.contact__submit input {
  border: 0;
  background: #f08200;
  color: #fff;
  padding: 5px 20px;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
}

/* 体験トレーニング予約
******************************************************************************************** */
.reserve {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .reserve {
    width: 100%;
  }
}
.reserve .block {
  margin-bottom: 60px;
}
.reserve .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.reserve .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.reserve .block__course {
  background: rgba(240, 130, 0, 0.1);
  text-align: center;
  padding: 10px;
}
.reserve__table {
  width: 100%;
}
.reserve__table th {
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
  width: 30%;
  text-align: left;
  color: #154f9e;
  vertical-align: top;
}
.reserve__table th .must {
  color: #e60012;
  float: right;
  font-size: 12px;
  font-size: 0.75rem;
}
.reserve__table td {
  padding: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.reserve__table td .small {
  font-size: 14px;
  font-size: 0.875rem;
}
.reserve__table td input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  font-size: 1rem;
}
.reserve__table td input.size-m {
  width: 60%;
}
.reserve__table td input.size-s {
  width: 20%;
}
.reserve__table td select {
  padding: 10px;
  font-size: 16px;
  font-size: 1rem;
}
.reserve__table td textarea {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  font-size: 1rem;
}
.reserve__submit {
  text-align: center;
}
.reserve__submit input {
  border: 0;
  background: #f08200;
  color: #fff;
  padding: 5px 20px;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
}

/* 404 not found
******************************************************************************************** */
.not {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .not {
    width: 100%;
  }
}
.not .block__txt {
  font-size: 16px;
  font-size: 1rem;
}

/* オンライン走り方レッスン
******************************************************************************************** */
.online {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .online {
    width: 100%;
  }
}
.online .block {
  margin-bottom: 60px;
}
.online .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.online .block__sub {
  font-size: 20px;
  font-size: 1.25rem;
  color: #154f9e;
}
.online .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.online .block__line {
  width: 116px;
}
.online .block__img {
  text-align: center;
  margin-bottom: 40px;
}
.online .block__img img {
  width: 60%;
}
.online .block__table {
  width: 100%;
  margin: 0 auto;
}
.online .block__table th {
  padding: 10px;
  border: 1px solid #e8e8e8;
  width: 50%;
  background: rgba(21, 79, 158, 0.1);
}
.online .block__table td {
  padding: 10px;
  border: 1px solid #e8e8e8;
}
.online .block__list li {
  font-size: 14px;
  font-size: 0.875rem;
}
.online .caution {
  background: rgba(98, 98, 98, 0.1);
  padding: 20px;
}
.online .caution__ttl {
  color: #f08200;
  margin-top: 0;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
}
.online .caution__list {
  padding-left: 20px;
}
.online .law .block__ttl {
  font-size: 20px;
  font-size: 1.25rem;
}
.online .law .block__sub {
  font-size: 18px;
  font-size: 1.125rem;
}
.online .law .block__txt {
  font-size: 14px;
  font-size: 0.875rem;
}

/* ダイエット
******************************************************************************************** */
.diet {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .diet {
    width: 100%;
  }
}
.diet .block {
  margin-bottom: 60px;
}
.diet .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.diet .block__img {
  width: 40%;
  margin: 20px auto;
}
.diet .block__sub {
  font-size: 20px;
  font-size: 1.25rem;
  color: #154f9e;
}
.diet .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.diet .block__copy {
  background: rgba(21, 79, 158, 0.1);
  padding: 15px;
  text-align: center;
}
.diet .block__table {
  width: 100%;
  margin: 0 auto;
}
.diet .block__table th {
  width: 20%;
  padding: 10px;
  border: 1px solid #e8e8e8;
  background: rgba(21, 79, 158, 0.1);
}
.diet .block__table td {
  padding: 10px;
  border: 1px solid #e8e8e8;
}
.diet .block__list li {
  font-weight: bold;
}
.diet .block__list li span {
  font-weight: normal;
}
.diet .block__price {
  width: 100%;
  margin: 0 auto;
}
.diet .block__price th {
  padding: 10px;
  border: 1px solid #e8e8e8;
  background: rgba(240, 130, 0, 0.1);
}
.diet .block__price td {
  text-align: center;
  padding: 10px;
  border: 1px solid #e8e8e8;
}
.diet .block__btn {
  text-align: center;
}
.diet .block__btn a {
  color: #f08200;
  background: #fff;
  border: 4px solid #f08200;
  display: inline-block;
  padding: 5px 40px;
  text-shadow: none;
  position: relative;
}
.diet .block__btn a i {
  margin-right: 1em;
}
.diet .block__btn a a {
  color: #f08200;
  display: block;
  font-weight: bold;
}
.diet .block__btn a:hover {
  transition: 0.5s ease-in-out;
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
  background: #f08200;
  color: #fff;
}
.diet .block__btn a:hover i {
  transition: 0.5s ease-in-out;
  transform: scale(1.5);
}
.diet .block__btn a:hover a {
  color: #fff;
  text-decoration: none;
}
.diet .block__btn a--arrow {
  padding: 3px 20px 3px 40px;
}
.diet .block__btn a--arrow::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: 20px;
}

/* TenD.
******************************************************************************************** */
.tend {
  max-width: 900px;
  margin: 0 auto;
  /*  Smartphone */
}
@media only screen and (max-width: 640px) {
  .tend {
    width: 100%;
  }
}
.tend .block {
  margin-bottom: 60px;
  text-align: center;
}
.tend .block__ttl {
  border-bottom: 1px dotted #154f9e;
  padding-bottom: 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.tend .block__sub {
  font-size: 20px;
  font-size: 1.25rem;
  color: #154f9e;
}
.tend .block__txt {
  font-size: 16px;
  font-size: 1rem;
}
.tend .block__bnr {
  margin: 30px auto 20px;
}
.tend .block__copy {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "serif";
  margin: 40px auto;
}
.tend .block__table {
  width: 100%;
  margin: 0 auto;
}
.tend .block__table th {
  padding: 10px;
  border: 1px solid #e8e8e8;
  width: 50%;
  background: rgba(240, 130, 0, 0.1);
}
.tend .block__table td {
  padding: 10px;
  border: 1px solid #e8e8e8;
}/*# sourceMappingURL=style.css.map */