@charset "UTF-8";
/*====================================================================================
■00.ContentPAGE
 ├ _01_1 layout
 |             1-1. #l-pageHeader
 └ _01_2 ***
■02.page-add_change
■03.page-seminar
■04.page-member
■05.page-account

■**.page-***
 ├ _**_1 common
 ├ _**_2 list
 └ _**_3 detail


====================================================================================*/
/*====================================================================================
■00.Content PAGE
====================================================================================*/
/* -----------------------------------------------
/* _01_1 layout
-------------------------------------------------- */
/* 1-1. #l-pageHeader
-------------------------------------------------- */
.pageHeader {
  height: 120px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 1-2. ***
-------------------------------------------------- */
/*====================================================================================
■02.page-add_change
====================================================================================*/
/* _02_1 common
-------------------------------------------------------------------- */
.pw-input {
  border: 1px solid #e5e5e5;
  padding: 15px;
}
@media (min-width: 768px) {
  .pw-input {
    padding: 30px;
  }
}

.step-jump {
  margin-top: 20px;
}

input[type="submit"].next2:hover {
  color: #fff;
}

/*====================================================================================
■03.page-seminar
====================================================================================*/
/* _03_1 common
-------------------------------------------------------------------- */
.gray-bg {
  background-color: #eaeaea;
  padding: 15px;
}

.white-bg {
  background-color: #fff;
  padding: 15px;
}

.red-bg {
  background-color: #ffe7e9;
  padding: 15px;
}
.red-bg .ttl-red-bg {
  background-color: #b71c1c;
  color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  padding: 5px 20px;
}

@media (min-width: 768px) {
  .gray-bg,
  .white-bg,
  .red-bg {
    padding: 30px;
  }
}
.entrance {
  border: solid 1px #d2d2d2;
  margin-top: 20px;
  margin-bottom: 40px;
}
.entrance h2 {
  background-color: #0057B8;
  color: #fff;
  padding: 10px 20px;
}
.entrance .entrance-btn {
  border: solid 2px #000;
  padding: 10px 15%;
  transition: 0.6s;
}
.entrance .entrance-btn:hover {
  border: solid 2px #000;
  background-color: #000;
  color: #fff;
}
@media (min-width: 768px) {
  .entrance {
    margin-top: 0;
  }
}

.seminar_detailsWrap .seminar_details {
  border-top: solid 1px #d2d2d2;
  padding-top: 45px;
}
@media (min-width: 768px) {
  .seminar_detailsWrap .seminar_details {
    padding-top: 90px;
  }
}
.seminar_detailsWrap .seminar_details .lnk-pdf-btn {
  display: inline-block;
  text-align: center;
  padding: 15px 30px;
  background-color: #0057B8;
  color: #fff;
  transition: 1.0s;
}
.seminar_detailsWrap .seminar_details .lnk-pdf-btn .crd__icon {
  font-size: 2rem;
  margin-left: 5px;
}
.seminar_detailsWrap .seminar_details .lnk-pdf-btn:hover {
  background-color: #90c43e;
}

/*====================================================================================
■04.page-member
====================================================================================*/
/* _04_1 common
-------------------------------------------------------------------- */
input[type="text"].text-name1 {
  margin-bottom: 10px;
}
input[type="text"].text-name1,
input[type="text"].text-name2 {
  width: calc(100% - 26px);
}
input[type="text"].text-address {
  width: calc(100% - 115px);
}
.frm-basic .frm-basic__tel {
  width: calc(33.3333% - 9px);
}
@media (min-width: 768px) {
  input[type="text"].text-name1 {
    margin-right: 20px;
  }
  input[type="text"].text-name1,
  input[type="text"].text-name2 {
    width: calc(50% - 43px);
  }
  input[type="text"].text-address {
    width: 81%;
  }
}

/*====================================================================================
■05.page-account
====================================================================================*/
/* _05_1 common
-------------------------------------------------------------------- */
.contactWrap,
.ppWrap {
  margin-bottom: 30px!important;
}


@media (min-width: 768px) {
  .col-md-2-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

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