@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマサンプル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: ★あなた ｍ９っ・ｗ・）ｂ★
Tags: 
Version: 0.1.0
*/

div.rssBtn {
  visibility: hidden;
}

#powerd {
  display: none;
}

/*----------------------------------------------------
    .demo01 educationビデオページ spでテーブルセルを縦に表示
----------------------------------------------------*/
.demo01 th {
  width: 30%;
  text-align: left;
}

@media only screen and (max-width: 480px) {
  .demo01 {
    margin: 0 -10px;
  }
  .demo01 th,
  .demo01 td {
    width: 100%;
    display: block;
    vertical-align: top;
  }
  .demo01 tr:first-child th {
    border-top: 1px solid #ddd;
  }
}

/*==================================================
    .外国語表示（hoverで白に変える）
====================================================*/
.toplang a {
  text-decoration: none;
  color: #424242 !important;
}
.toplang a:hover {
  text-decoration: none;
  color: #a4cdd6 !important;
}

/* -----------------------------------------
component
----------------------------------------- */
@media (min-width: 770px) {
  #gMenu.itemClose .menu,
  #gMenu.itemOpen .menu {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }
  #gMenu .menu li {
    float: none;
  }
  #gMenu .menu > li > a strong {
    font-size: 103%;
  }
}

@media (min-width: 970px) {
  #gMenu .menu > li {
    flex: 1;
  }
}

/* -----------------------------------------
component
----------------------------------------- */
.c-note {
  color: #c30000;
}

/* -----------------------------------------
入会フォーム関連
----------------------------------------- */
#content .c-form * {
  box-sizing: border-box;
}
#content .c-form ul {
  margin: 0;
}
#content .c-form ul li {
  list-style-type: none;
  margin: 0;
}
#content .c-form .c-form__step {
  border-bottom: 1px solid #22709a;
  margin: 0 0 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#content .c-form .c-form__step li {
  list-style-type: none;
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  #content .c-form .c-form__step li {
    font-size: 1rem;
  }
}
#content .c-form .c-form__step li:not(:last-child)::after {
  content: "\2192";
  margin: 0 0.5em;
  display: inline-block;
}
#content .c-form .c-form__step li span {
  color: #fff;
  background: #22709a;
  border-radius: 15px;
  padding: 5px 15px;
  display: inline-block;
}

#content .c-form {
  color: #000;
}
#content .c-form table {
  border: none;
}
@media screen and (max-width: 767px) {
  #content .c-form table,
  #content .c-form table tbody {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr {
    width: 100%;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    display: block;
  }
  #content .c-form table tbody tr + tr {
    border-top: none;
  }
}
#content .c-form table tbody tr th {
  font-size: 0.875rem;
  background: #edf8fb;
  border-right: none;
  border-left: none;
  border-color: #e9e9e9;
  padding: 25px 15px;
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr th {
    width: 100%;
    border: none;
    padding: 15px;
    display: block;
  }
}
#content .c-form table tbody tr th:not([colspan]) {
  width: 15%;
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr th:not([colspan]) {
    width: 100%;
  }
}
#content .c-form table tbody tr th:first-child span {
  font-size: 0.8125rem;
  color: #fff;
  vertical-align: 0.1em;
  background: #c30000;
  padding: 0 15px;
  margin-left: 15px;
  display: inline-block;
}
#content .c-form table tbody tr th.c-form__sttl {
  text-align: right;
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr th.c-form__sttl {
    text-align: left;
  }
}

#content .c-form table tbody tr td {
  font-size: 0.875rem;
  vertical-align: middle;
  border-right: none;
  border-left: none;
  border-color: #e9e9e9;
  padding: 15px 40px 15px 20px;
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr td {
    width: 100%;
    border: none;
    padding: 15px;
    display: block;
  }
}
#content .c-form table tbody tr td select {
  -webkit-appearance: auto;
  width: 250px;
  font-size: 0.875rem;
  background: #e9e9e9;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}
#content .c-form table tbody tr td input[type="text"],
#content .c-form table tbody tr td input[type="email"] {
  width: 250px;
  font-size: 0.875rem;
  background: none;
  border-color: #707070;
  border-radius: 0;
  box-shadow: none;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr td input[type="text"],
  #content .c-form table tbody tr td input[type="email"] {
    width: 100%;
  }
}
#content .c-form table tbody tr td input[type="file"] {
  box-shadow: none;
}
#content .c-form table tbody tr td input[type="text"][name$="post_code[data][0]"] {
  width: 60px;
}
#content .c-form table tbody tr td input[type="text"][name$="post_code[data][1]"] {
  width: 120px;
}
#content .c-form table tbody tr td input[type="text"][name^="hospital_address"],
#content .c-form table tbody tr td input[type="text"][name^="home_address"] {
  width: 480px;
}
@media screen and (max-width: 835px) {
  #content .c-form table tbody tr td input[type="text"][name^="hospital_address"],
  #content .c-form table tbody tr td input[type="text"][name^="home_address"] {
    width: 400px;
  }
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr td input[type="text"][name^="hospital_address"],
  #content .c-form table tbody tr td input[type="text"][name^="home_address"] {
    width: 100%;
  }
}
#content .c-form table tbody tr td .c-form__name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr td .c-form__name {
    display: block;
  }
}
#content .c-form table tbody tr td .c-form__name .c-form__name__family {
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr td .c-form__name .c-form__name__family {
    margin: 0 0 10px;
  }
}
#content .c-form table tbody tr td .c-form__name .c-form__name__family span,
#content .c-form table tbody tr td .c-form__name .c-form__name__first span {
  margin-right: 15px;
  display: inline-block;
}
#content .c-form table tbody tr td .c-form__name input[type="text"] {
  width: 210px;
}
#content .c-form table tbody tr td p.c-form__note {
  margin: 10px 0 0;
}
#content .c-form div.mw_wp_form_confirm table tbody tr td p.c-form__note {
  display: none;
}
#content .c-form table tbody tr td input[type="radio"] {
  margin: 0;
  vertical-align: -0.1em;
}
#content .c-form table tbody tr td .horizontal-item {
  margin: 5px 10px 5px 0;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #content .c-form table tbody tr td .horizontal-item {
    margin-right: 0;
    display: block;
  }
}

#content .c-form .c-form__please {
  background: #edf8fb;
  padding: 25px;
}
@media screen and (max-width: 767px) {
  #content .c-form .c-form__please {
    padding: 15px;
  }
}
#content .c-form .c-form__please p {
  margin-bottom: 0;
}
#content .c-form .c-form__please p.c-form__please__ttl {
  font-weight: bold;
  color: #22709a;
  margin-bottom: 10px;
}

#content .c-form .c-form__btn {
  margin-top: 40px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #content .c-form .c-form__btn {
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
  }
}
#content .c-form .c-form__btn button {
  -webkit-appearance: none;
  background: none;
}
#content .c-form .c-form__btn a {
  text-decoration: none;
}
#content .c-form .c-form__btn a,
#content .c-form .c-form__btn button {
  width: 250px;
  line-height: 1;
  text-align: center;
  color: #22709a;
  border: 1px solid #22709a;
  padding: 15px 0;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #content .c-form .c-form__btn a,
  #content .c-form .c-form__btn button {
    width: 70%;
    padding: 10px 0;
  }
  #content .c-form .c-form__btn a:not(:last-child),
  #content .c-form .c-form__btn button:not(:last-child) {
    margin-top: 20px;
  }
}
#content .c-form .c-form__btn .c-form__btn__back::before,
#content .c-form .c-form__btn button[name="submitBack"]::before {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 2px solid #22709a;
  border-left: 2px solid #22709a;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  display: inline-block;
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  #content .c-form .c-form__btn .c-form__btn__back::before,
  #content .c-form .c-form__btn button[name="submitBack"]::before {
    left: 15px;
  }
}
#content .c-form .c-form__btn .c-form__btn__next::after,
#content .c-form .c-form__btn button[name="submitConfirm"]::after,
#content .c-form .c-form__btn button[name="register"]::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 2px solid #22709a;
  border-right: 2px solid #22709a;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  display: inline-block;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  #content .c-form .c-form__btn .c-form__btn__next::after,
  #content .c-form .c-form__btn button[name="submitConfirm"]::after,
  #content .c-form .c-form__btn button[name="register"]::after {
    right: 15px;
  }
}
#content .c-form .c-form__btn a:hover,
#content .c-form .c-form__btn button:hover {
  color: #fff;
  background: #22709a;
}
#content .c-form .c-form__btn a:hover::before,
#content .c-form .c-form__btn a:hover::after,
#content .c-form .c-form__btn button:hover::before,
#content .c-form .c-form__btn button:hover::after {
  border-color: #fff;
}
#content .c-form div.mw_wp_form_confirm .c-form__btn .c-form__btn__back {
  display: none;
}
#content .c-form .c-form__btn a.disabled {
  color: #c0c0c0;
  border-color: #c0c0c0;
  user-select: none;
  pointer-events: none;
  cursor: default;
}
#content .c-form .c-form__btn a.disabled::before,
#content .c-form .c-form__btn a.disabled::after {
  border-color: #c0c0c0;
}
#content .c-form .mw_wp_form .error {
  margin-top: 5px;
}

#content ul.c-col2 {
  margin: 20px 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #content ul.c-col2 {
    display: block;
  }
}
#content ul.c-col2 li {
  list-style: none;
  width: 48%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  #content ul.c-col2 li {
    width: 100%;
  }
  #content ul.c-col2 li + li {
    margin-top: 20px;
  }
}

/* オンライン入会の流れ */
#content .p-flow p span {
  font-weight: bold;
  color: #22709a;
}
#content .p-flow p a {
  color: #c30000;
}

#content .p-flow .p-flow__tab {
  margin-bottom: 40px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
#content .p-flow .p-flow__tab li {
  width: 48.5%;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #79cadc;
  background: #fff;
  border: 1px solid #79cadc;
  padding: 20px 10px;
  cursor: pointer;
}
#content .p-flow .p-flow__tab li span {
  width: 100%;
  height: 100%;
  color: inherit;
  display: inline-block;
}
#content .p-flow .p-flow__tab li:hover,
#content .p-flow .p-flow__tab li.is-current {
  color: #fff;
  background: #79cadc;
}

#content .p-flow .p-flow__cat--type01 {
  width: 60px;
  height: 20px;
  vertical-align: -0.4em;
  background: #22709a;
  margin: 10px 5px 0 0;
  display: inline-block;
}
#content .p-flow .p-flow__cat--type02 {
  width: 60px;
  height: 20px;
  vertical-align: -0.4em;
  background: #79cadc;
  margin: 10px 5px 0 0;
  display: inline-block;
}

#content .p-flow .p-flow__list {
  margin: 50px 0 60px;
}
#content .p-flow .p-flow__list li {
  margin: 0;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  #content .p-flow .p-flow__list li {
    display: block;
  }
}
#content .p-flow .p-flow__list li:not(:last-child) {
  margin-bottom: 110px;
}
#content .p-flow .p-flow__list li:not(:last-child)::after {
  content: "";
  width: 70px;
  height: 90px;
  background: url(/wp-content/themes/biz-vektor-child/images/cmn-arrow01.svg) 0 0 no-repeat;
  position: absolute;
  top: calc(100% + 10px);
  left: 11.2%;
  z-index: 1;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #content .p-flow .p-flow__list li:not(:last-child)::after {
    margin: 0 auto;
    right: 0;
    left: 0;
  }
}
#content .p-flow .p-flow__list li p {
  margin-bottom: 0;
}
#content .p-flow .p-flow__list li p span {
  font-size: 1.125rem;
}
#content .p-flow .p-flow__list .p-flow__list__ttl {
  width: 30%;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 15px 0;
  margin-right: 7%;
}
@media screen and (max-width: 767px) {
  #content .p-flow .p-flow__list .p-flow__list__ttl {
    width: 100%;
    font-size: 1.125rem;
    padding: 10px 0;
    margin: 0 0 10px 0;
  }
}
#content .p-flow .p-flow__list .p-flow__list__cat--type01 .p-flow__list__ttl {
  background: #22709a;
}
#content .p-flow .p-flow__list .p-flow__list__cat--type02 .p-flow__list__ttl {
  background: #79cadc;
}
#content .p-flow .p-flow__list .p-flow__list__body {
  flex: 1;
  margin-top: 5px;
}
#content .p-flow .p-flow__list .p-flow__list__note {
  text-indent: -1em;
  padding-left: calc(5px + 1em);
}
#content .p-flow .p-flow__list .p-flow__list__btn {
  width: 45%;
  text-align: center;
  margin: 20px 0 0 auto;
}
#content .p-flow .p-flow__list .p-flow__list__btn a {
  width: 100%;
  line-height: 1;
  color: #22709a;
  text-decoration: none;
  background: #fff;
  border: 1px solid #22709a;
  padding: 15px 0;
  position: relative;
  display: inline-block;
}
#content .p-flow .p-flow__list .p-flow__list__btn a::after {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 2px solid #22709a;
  border-right: 2px solid #22709a;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  display: inline-block;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  #content .p-flow .p-flow__list .p-flow__list__btn a::after {
    right: 15px;
  }
}
#content .p-flow .p-flow__list .p-flow__list__btn a:hover {
  color: #fff;
  background: #22709a;
}
#content .p-flow .p-flow__list .p-flow__list__btn a:hover::after {
  border-color: #fff;
}

#content .p-flow .p-flow__special {
  background: #edf8fb;
  padding: 25px;
}
@media screen and (max-width: 767px) {
  #content .p-flow .p-flow__special {
    padding: 15px;
  }
}
#content .p-flow .p-flow__special h3 {
  font-weight: bold;
  color: #22709a;
  border-left-color: #22709a;
  margin-top: 0;
}
#content .p-flow .p-flow__special ul li {
  font-weight: bold;
}

/* 申込前確認 */
#content .p-before-application .p-before-application__lead {
  background: #edf8fb;
  padding: 10px 15px;
  margin-bottom: 30px;
}
#content .p-before-application .p-before-application__lead p {
  font-weight: bold;
  color: #22709a;
  margin-bottom: 0;
}

#content .p-before-application .p-before-application__check li {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 10px;
}
#content .p-before-application .p-before-application__check li label {
  text-indent: calc(-0.5em - 16px);
  padding-left: calc(0.5em + 16px);
  display: inline-block;
  cursor: pointer;
}
#content .p-before-application .p-before-application__check li label input[type="checkbox"] {
  width: 16px;
  height: 16px;
  vertical-align: -0.25em;
  border-color: #707070;
  margin-left: 0;
  cursor: pointer;
}
#content .p-before-application .p-before-application__check li + li {
  margin-top: 10px;
}

/* 推薦者登録 */
#content .p-recommender .p-recommender__lead {
  background: #edf8fb;
  padding: 10px 15px;
  margin-bottom: 30px;
}
#content .p-recommender .p-recommender__lead p {
  margin-bottom: 0;
}
#content .p-recommender .p-recommender__lead p.p-recommender__note {
  color: #c30000;
}

/* -----------------------------------------
utility
----------------------------------------- */
.u-bt-n {
  border-top: hidden !important;
}
.u-bb-n {
  border-bottom: hidden !important;
}