.title {
  height: auto;
}

img {
  max-width: 100%;
}

.gray-aria {
  padding: 40px 0;
  background-color: #F5F5F5;
}

.btn-red {
  background-color: #D00100;
  color: #fff;
  font-weight: bold;
  line-height: 48px;
  font-size: 20px;
}
.btn-red:hover {
  color: #fff;
  opacity: 0.7;
}

.btn-border {
  border-color: #000;
  color: #000;
  font-weight: bold;
  line-height: 48px;
  font-size: 16px;
}
.btn-border:hover {
  opacity: 0.7;
}

.btn-pdf img {
  position: relative;
  top: -2px;
  margin-left: 5px;
}

.alert {
  border: 4px solid #D00100;
}
.alert .alert__text {
  color: #D00100;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 35px;
}
.alert .alert__text a.alert_licensepayment{
    color: #D00100;
    text-decoration: underline;
}
.alert .alert__text:last-child {
  margin-bottom: 0;
}
.alert .alert__text:before {
  content: "";
  background-image: url("../images/alert-red.png");
  background-size: 28px;
  width: 28px;
  height: 25px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.block {
  border: 1px solid #000;
  padding: 40px 10px;
}
.block:not(:first-child) {
  margin-top: 30px;
}
.block .block-inner {
  max-width: 760px;
}
.block.column-block {
  padding: 20px 20px;
}

.column-2 {
  display: flex;
}
.column-2:not(:first-child) {
  margin-top: 20px;
}
.column-2 .column-2-item {
  width: 50%;
  display: flex;
}
.column-2 .column-2-item:first-child span:first-child {
  flex: 90px 0 0;
}
.column-2 .column-2-item span:first-child {
  flex: 140px 0 0;
}
.column-2 .column-2-item span {
  flex: 1 1 auto;
}
.column-2 .column-2-item .btn {
  margin-left: auto;
}
.column-2 .column-2-item .no-btn {
  margin-left: auto;
  text-align: center;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .alert .alert__text br{
    display: none;
  }
  .column-2 {
    display: block;
  }
  .column-2:not(:first-child) {
    margin-top: 0px;
  }
  .column-2 .column-2-item {
    width: 100%;
    margin-top: 5px;
  }
  .column-2 .column-2-item:first-child span:first-child {
    flex: 110px 0 0;
  }
  .column-2 .column-2-item span:first-child {
    flex: 110px 0 0;
  }
  .column-2 .column-2-item .btn,
.column-2 .column-2-item .no-btn {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
  }
}
.form-annotation {
  font-size: 14px;
}

.checkbox-block {
  padding-left: 8px;
}
.checkbox-block:not(:last-child) {
  margin-right: 10px;
}

.page-table--large {
  overflow-x: scroll;
}
.page-table--large .page-table {
  min-width: 1000px;
}

.payment-table {
  table-layout: fixed;
  border-bottom: 1px solid #707070;
}
.payment-table tr td {
  padding: 10px 0px;
}

.payment-sum {
  font-size: 20px;
}

.creditcard-code {
  text-decoration: underline;
}

.info-title {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #707070;
}

.info-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.info-item:not(:first-child) {
  margin-top: 15px;
}

.info-date {
  margin-right: 20px;
}

.page-menu {
  padding: 0;
  margin: 0 auto;
  margin-top: 60px;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-menu .page-menu__list {
  width: 100%;
  max-width: 400px;
  display: flex;
  align-items: center;
}
.page-menu .page-menu__list:not(:first-child) {
  margin-top: 30px;
}
.page-menu .page-menu__list a {
  text-align: center;
  display: block;
  width: 100%;
  font-weight: bold;
  color: #fff;
  position: relative;
  padding: 15px 5px;
  background-color: #444444;
}
.page-menu .page-menu__list a:hover {
  opacity: 0.8;
}
.page-menu .page-menu__list .arrow:after {
  content: "";
  background-image: url("../images/arrow-bottom-white.png");
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.page-table tr td, .page-table tr th {
  padding: 10px 2px;
}
.page-table tr th {
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.page-table .btn {
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .page-table {
    font-size: 14px;
  }
  .page-table .btn {
    font-size: 14px;
    padding-left: 2px;
    padding-right: 2px;
  }
}
.member-cards {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.member-cards .member-cards__list {
  max-width: 450px;
  border-radius: 8px;
  margin: 20px auto 0 auto;
}
.member-cards .certificate {
  background-color: #FFF;
  border: 1px solid #707070;
  border-radius: 20px;
  padding: 20px 25px;
}
.member-cards .certificate .certificate-head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.member-cards .certificate .certificate-head .certificate-head-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  font-size: 28px;
  font-weight: bold;
}
.member-cards .certificate .certificate-head .certificate-head-date {
  margin: 0;
}
.member-cards .certificate .certificate-head .certificate-head-date span {
  background-color: #fff;
  display: inline-block;
  width: 90px;
  padding: 2px 0;
  text-align: center;
}
.member-cards .certificate .certificate-title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.member-cards .certificate .certificate-title p {
  margin-top: 10px;
  margin-bottom: 0;
  text-align:left;
}
.member-cards .certificate .certificate-body {
  margin-top: 10px;
  padding: 10px;
  background-color: #fff;
  border-top: 10px solid #3399FF/*初級　ブルー*/
}
.member-cards .certificate .certificate-body .certificate-user span {
  display: inline-block;
}
.member-cards .certificate .certificate-body .certificate-user span:first-child {
  margin-right: 10px;
}
.member-cards .certificate .certificate-body .certificate-info .certificate-info-date {
  display: inline-block;
  margin-right: 10px;
}
.member-cards .certificate .certificate-body .certificate-info .certificate-info-date span {
  display: inline-block;
}
/* .member-cards .certificate .certificate-body .certificate-info .certificate-info-date span:first-child {
  margin-right: 10px;
} */
.member-cards .certificate .certificate-body .certificate-info .certificate-info-number {
  display: inline-block;
}
.member-cards .certificate .certificate-body .certificate-info .certificate-info-number span {
  display: inline-block;
}
/*.member-cards .certificate .certificate-body .certificate-info .certificate-info-number span:first-child {
  margin-right: 10px;
}*/
.member-cards .certificate .certificate-body .certificate-period span {
  display: inline-block;
}
.member-cards .certificate .certificate-body .certificate-period span:first-child {
  margin-right: 10px;
}
.member-cards .certificate.certificate--gray .certificate-body {
  /* background-color: #E0E5E6; */
  border-top: 10px solid #B0BFC0;/*トレーナー　グレー*/
}
.member-cards .certificate.certificate--violet .certificate-body {
  /* background-color: #CBB4E5; */
  border-top: 10px solid #7030A0;/*中級　バイオレット*/
}
.member-cards .certificate.certificate--vermilion .certificate-body {
  /* background-color: #F3B5BA; */
  border-top: 10px solid #8b0000;/*コーチ　レッド*/
}
.member-cards .certificate.certificate--green .certificate-body {
  /* background-color: #BDDEB2; */
  border-top: 10px solid  #00B050 ;/*上級　グリーン*/
}
.member-cards .certificate.certificate--yellow .certificate-body {
  /* background-color: #E7DF9D; */
  border-top: 10px solid #D9CF81;/*イエロー　ドクター*/
}

@media only screen and (max-width: 768px) {
  .member-cards {
    display: block;
  }
  .member-cards .member-cards__list {
    max-width: 420px;
    margin: 0 auto;
  }
  .member-cards .member-cards__list:not(:last-child) {
    margin-right: auto;
    margin-bottom: 30px;
  }
  .member-cards .certificate .certificate-body .certificate-info .certificate-info-date,
  .member-cards .certificate .certificate-body .certificate-info .certificate-info-number {
    display: block;
  }
}
.magazine-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.magazine-list .magazine-item {
  padding: 20px;
  margin-top: 20px;
  width: 100%;
  max-width: none;
  border: 1px solid;
  display: flex;
}
@media (min-width: 992px) {
  .magazine-list .magazine-item {
    max-width: 450px;
  }
}
@media (min-width: 1200px) {
  .magazine-list .magazine-item {
    max-width: 480px;
  }
}
.magazine-list .magazine-item .magazine-image {
  flex-basis: 80px;
  margin-right: 20px;
  margin-bottom: 0;
}
.magazine-list .magazine-item .magazine-content {
  display: block;
  flex-basis: calc(100% - 80px - 20px);
}
.magazine-list .magazine-item .magazine-content .magazine-period {
  display: flex;
  align-items: center;
}
.magazine-list .magazine-item .magazine-content .magazine-period .magazine-period-text {
  margin-right: 30px;
}
.magazine-list .magazine-item .magazine-text {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 0;
}
.magazine-list .magazine-item .magazine-text a {
  text-decoration: underline;
}

.explain{
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

.title_register_border p{
  border-bottom: solid 1px #00345b;
  padding-bottom: 17px;
  font-weight: 600;
  font-size: 23px;
}

.title_register_form{
  padding-top: 15px;
  font-weight: 500;
}


.modal_inner{
  padding: 30px
}
.modal_btn{
  color: #cc9966;
  cursor: pointer;
}
.modal_window {
position: fixed;
top: 10%;
left: 5%;
z-index: 1006;
width: 90%;
height: 80%;
overflow-y: auto;
overflow-x: hidden;
border-radius: 2px;
background: #fff;
color: #333;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
padding: 15px;
box-sizing: border-box;
display: none;
}
.modal_window p{
font-size: .9em;
margin-bottom: 1em;
}

.modal_window ul,.modal_window ol{
font-size: .9em;
margin-bottom: 1.5em;
padding-left: 2em;
}
.modal_window ul li,.modal_window ol li{
list-style-position: outside;
margin: 5px 0;
}
.modal_window hr{
margin-bottom: 20px;
}
@media (min-width: 768px) {
.modal_window {
top: 50%;
left: 50%;
margin-left: -325px;
width: 650px;
margin-top: -325px;
height: 650px;
padding: 30px;
}
.modal_window hr{
margin-bottom: 30px;
}
.ttl_wrap{
border-radius: 6px 6px 0 0;
background: rgb(56,56,56); /* Old browsers */
background: -moz-linear-gradient(left, rgba(56,56,56,1) 0%, rgba(26,26,26,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(56,56,56,1) 0%,rgba(26,26,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(56,56,56,1) 0%,rgba(26,26,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1a1a1a',GradientType=1 ); /* IE6-9 */
box-shadow:0px -1px 0px 0px #666666;
-moz-box-shadow:0px -1px 0px 0px #666666;
-webkit-box-shadow:0px -1px 0px 0px #666666;
position: relative;
padding: 7px 10px;
}
.ttl_wrap a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.ttl_wrap a span{
font-family: 'Lato-Regular';
font-weight: 400;
color: #fff;
font-size: 9px;
line-height: 1;
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
}
.ttl_wrap a span:after{
content: "\f061";
display: inline;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #c6a065;
padding-left: 5px;
}
.ttl_wrap h1{
color: #fff;
font-family: 'Lato-Black';
font-weight: 900;
font-size: 18px;
text-shadow:0px 2px 4px #000;
line-height: 1.2;
}
.ttl_wrap.no_link h1{
color: #c6a065;
}

.ttl_wrap:hover h1,.ttl_wrap:hover a span{
color: #c6a065;
text-decoration: none;
}
@media (min-width: 768px) {
  .ttl_wrap{
      padding: 14px 20px;
  }
  .ttl_wrap h1{
      font-size: 30px;
  }
  .ttl_wrap a span{
      right: 20px;
      font-size: 12px;
      margin-top: -6px;
  }
  }
  h2.common_ttl{
      text-align: center;
      font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 400;
      font-size: 1.8em;
      padding-bottom: .25em;
      margin-top: .5em;
      margin-bottom: 1em;
      border-bottom: 1px solid #c6a065;
  }
  h3.common_ttl{
      text-align: left!important;
      font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"!important;
      font-weight: 400!important;
      font-size: 1.6em!important;
      padding-bottom: .25em!important;
      margin-top: .5em!important;
      margin-bottom: 1em!important;
      border-bottom: 1px solid #cccccc!important;
  }
}

/* 241 住所の文字数制限について */
#all_address + .invalid-feedback,
#office_all_address + .invalid-feedback {
    font-size: .9rem;
    font-weight: bold;
}

/*# sourceMappingURL=register.css.map */