@charset "UTF-8";
html {
  font-size: 62.5%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h3 {
  font-size: 1.17em;
}

select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}

/* --------------------------　フォーム　-------------------------- */
.input_wrap {
  background: #f2f2f2;
  padding: 40px;
  width: 960px;
  margin: auto;
}

.input_block {
  border-bottom: 1px solid #c9c9c9;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.form_1clm {
  margin-bottom: 10px;
}
.form_1clm + .error_txt {
  margin-bottom: 10px;
}
.form_2clm {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.form_2clm + .error_txt {
  margin-bottom: 10px;
}

.form_2clm .form_2clm_l {
  width: 48.5%;
}

.form_2clm .form_2clm_r {
  width: 48.5%;
}

.input_heading {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.textareaA {
  width: 100% !important;
  /*親要素いっぱい広げる*/
  height: 250px;
  padding: 10px 15px;
  /*ボックスを大きくする*/
  font-size: 1.8rem;
  border-radius: 3px;
  /*ボックス角の丸み*/
  border: 2px solid #ddd;
  /*æž ç·š*/
  box-sizing: border-box;
  /*横幅の解釈をpadding, borderまでとする*/
  margin-bottom: 0px;
}

/* --------------------------　チェックボックス　-------------------------- */
.checkbox > input,
.radiobox > input {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}

.checkbox {
  margin-bottom: 0px;
}

.checkbox label {
  cursor: pointer;
  padding-left: 40px;
  margin-right: 20px;
  position: relative;
  margin-bottom: 5px;
  font-size: 1.6rem;
}

label {
  display: inline-block;
}

.checkbox label::before,
.checkbox label::after {
  content: "";
  display: block;
  position: absolute;
}

.checkbox label::before {
  background-color: #fff;
  border-radius: 0%;
  border: 1px solid #ddd;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 55%;
  left: 5px;
}

.checkbox label::after {
  border-bottom: 3px solid #fd3434;
  border-left: 3px solid #fd3434;
  opacity: 0;
  height: 7px;
  width: 16px;
  transform: rotate(-45deg);
  top: 30%;
  left: 7px;
}

.checkbox input:checked + label::after {
  opacity: 1;
}

/* --------------------------　チェックボックス　-------------------------- */
.radiobox {
  margin-bottom: 0px;
}

.radiobox label {
  position: relative;
  cursor: pointer;
  padding-left: 40px;
  padding-right: 10px;
  margin-bottom: 5px;
  font-size: 1.6rem;
}

.radiobox label::before,
.radiobox label::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

.radiobox label::before {
  background-color: #fff;
  border: 2px solid #d2d2d2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 5px;
}

.radiobox label::after {
  background-color: #4285f3;
  border-radius: 50%;
  opacity: 0;
  width: 16px;
  height: 16px;
  left: 9px;
}

.radiobox input:checked + label::after {
  opacity: 1;
}

/* --------------------------　セレクトボックス　-------------------------- */
.selectbox {
  margin-bottom: 0px;
}

.selectbox select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.selectbox select {
  width: 250px;
  padding: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #d2d2d2;
  background: #eee;
  background: url(../images/common/select-arrow.png) right 50% no-repeat;
  background-size: 20px, 100%;
  font-size: 1.6rem;
  border-radius: 0;
}

/* --------------------------　ファイル添付　-------------------------- */
#attachment label {
  /* ボタン部分の見た目（任意） */
  display: inline-block;
  position: relative;
  background: #666;
  color: #fff;
  font-size: 1.6rem;
  padding: 10px 18px;
  border-radius: 4px;
}

#attachment label:hover {
  background: #5587e9;
}

#attachment label input {
  /* 今回のポイント */
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

#attachment .filename {
  font-size: 1.5rem;
  margin: 0 0 0 10px;
}

@media screen and (max-width: 1200px) {
  /* --------------------------　フォーム　-------------------------- */
  .input_wrap {
    background: #f2f2f2;
    padding: 20px 15px;
    width: auto;
    margin: auto;
  }

  .input_block {
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .input_block h3 {
    font-size: 2rem;
    font-weight: 600;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
  }

  .form_2clm {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 20px;
  }

  .form_2clm .form_2clm_l {
    width: auto;
    margin-bottom: 10px;
  }

  .form_2clm .form_2clm_r {
    width: auto;
  }

  .input_heading {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
  }

  .textareaA {
    width: 100% !important;
    height: 200px;
    padding: 10px 15px;
    font-size: 1.5rem;
    border-radius: 3px;
    border: 2px solid #ddd;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 0px;
  }

  /* --------------------------　チェックボックス　-------------------------- */
  .checkbox > input,
.radiobox > input {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
  }

  .checkbox {
    margin-bottom: 0px;
    font-size: 1.5rem;
  }

  .checkbox label {
    cursor: pointer;
    padding-left: 40px;
    margin-right: 20px;
    position: relative;
  }

  label {
    display: inline-block;
  }

  .checkbox label::before,
.checkbox label::after {
    content: "";
    display: block;
    position: absolute;
  }

  .checkbox label::before {
    background-color: #fff;
    border-radius: 0%;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
  }

  .checkbox label::after {
    border-bottom: 3px solid #fd3434;
    border-left: 3px solid #fd3434;
    opacity: 0;
    height: 7px;
    width: 16px;
    transform: rotate(-45deg);
    top: 20%;
    left: 7px;
  }

  .checkbox input:checked + label::after {
    opacity: 1;
  }

  /* --------------------------　チェックボックス　-------------------------- */
  .radiobox {
    margin-bottom: 0px;
    font-size: 1.5rem;
  }

  .radiobox label {
    position: relative;
    cursor: pointer;
    padding-left: 40px;
    font-size: 1.6rem;
    padding-right: 10px;
  }

  .radiobox label::before,
.radiobox label::after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
  }

  .radiobox label::before {
    background-color: #fff;
    border: 2px solid #d2d2d2;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    left: 5px;
  }

  .radiobox label::after {
    background-color: #4285f3;
    border-radius: 50%;
    opacity: 0;
    width: 16px;
    height: 16px;
    left: 9px;
  }

  .radiobox input:checked + label::after {
    opacity: 1;
  }

  /* --------------------------　セレクトボックス　-------------------------- */
  .selectbox {
    margin-bottom: 0px;
  }

  .selectbox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .selectbox select {
    width: 250px;
    padding: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #d2d2d2;
    background: #eee;
    background: url(../images/common/select-arrow.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    background: url(../images/common/select-arrow.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #fff 100%);
    background-size: 20px, 100%;
    font-size: 1.5rem;
    border-radius: 0;
  }

  /* --------------------------　ファイル添付　-------------------------- */
  #attachment label {
    /* ボタン部分の見た目（任意） */
    display: inline-block;
    position: relative;
    background: #666;
    color: #fff;
    font-size: 1.4rem;
    padding: 8px 15px;
    border-radius: 4px;
  }

  #attachment label:hover {
    background: #5587e9;
  }

  #attachment label input {
    /* 今回のポイント */
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
  }

  #attachment .filename {
    font-size: 1.3rem;
    margin: 0 0 0 10px;
  }
}
.inputtext-typeA {
  width: 100% !important;
  padding: 10px 15px;
  font-size: 1.6rem;
  border-radius: 3px;
  border: 2px solid #ddd;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.inputtext-typeA + .input_heading {
  margin-top: 12px;
}

.login_block .inputtext-typeA {
  width: 350px !important;
  padding: 10px 15px;
  font-size: 1.6rem;
  border-radius: 3px;
  border: 2px solid #ddd;
  box-sizing: border-box;
  margin-bottom: 5px;
}

@media screen and (max-width: 1200px) {
  .inputtext-typeA {
    width: 100% !important;
    padding: 10px 15px;
    font-size: 1.5rem;
    border-radius: 3px;
    border: 2px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 5px;
  }

  .login_block .inputtext-typeA {
    width: 100% !important;
    padding: 10px 15px;
    font-size: 1.5rem;
    border-radius: 3px;
    border: 2px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 5px;
  }

  .form_2clm {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin-bottom: 20px;
  }

  .form_2clm_l {
    width: auto;
    margin-bottom: 10px;
  }

  .form_2clm_r {
    width: auto;
  }
}
.loginlink {
  margin: 40px 0 0px 0;
  text-align: center;
  font-size: 1.4rem;
}

.loginlink a {
  text-decoration: none;
  color: #000;
  transition: 0.2s ease-out opacity;
}

.loginlink a:hover {
  opacity: 0.6;
}

.layout-container {
  margin: 0 auto;
  margin-top: 64px;
  width: 100%;
  max-width: 1120px;
  line-height: 1.5;
}

header.header + .layout-container {
  margin-top: 170px;
}

@media (max-width: 834px) {
  .layout-container {
    padding: 0 10px;
  }

  header.header + .layout-container {
    margin-top: 120px;
  }
}
.c-section-normal {
  margin-bottom: 64px;
}

.c-text-normal {
  font-size: 1.4rem;
  margin-bottom: 16px;
  font-weight: normal;
}

.c-text-center {
  text-align: center;
}

.c-text-notice {
  font-weight: normal;
  font-size: 1.2rem;
  margin-bottom: 16px;
}

.c-heading-primary {
  position: relative;
  padding: 0px 0 5px 0;
  border-bottom: 2px solid #e6e6e6;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: left;
  margin-bottom: 30px;
}

@media (max-width: 834px) {
  .c-heading-primary {
    font-size: 1.8rem;
  }
}
.c-heading-primary:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 20%;
  height: 2px;
  content: "";
  background: #4285f3;
}

.c-heading-secondary {
  position: relative;
  padding: 0px 0 5px 0;
  font-size: 2rem;
  font-weight: 600;
  text-align: left;
  margin-bottom: 30px;
}

.c-heading-sub {
  position: relative;
  font-size: 1.8rem;
  padding-bottom: 5px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 14px;
}

.c-heading-sub-border {
  border-bottom: 1px solid #ddd;
}

.c-button-container-single {
  margin: 0 auto;
  margin-top: 48px;
  width: 380px;
}

@media (max-width: 834px) {
  .c-button-container-single {
    margin-top: 24px;
    width: 100%;
  }
}
.c-button-container-auto {
  text-align: center;
}

.c-button-container-right {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 834px) {
  .c-button-container-right {
    padding-right: 20px;
  }
}
.c-button-container-multi {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.c-button-container-multi .c-button-large {
  width: 300px;
  margin: 0 20px;
}

.c-button-small {
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease-out opacity;
  font-weight: bold;
  background: #0146ab;
  margin-bottom: 24px;
  padding: 12px 48px 12px 24px;
  box-shadow: 2px 2px 4px 1px #ccc;
}

.c-button-small span {
  color: #fff;
  font-size: 1.4rem;
}

@media (max-width: 834px) {
  .c-button-small span {
    font-size: 1.2rem;
  }
}
.c-button-small:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.c-button-small:hover {
  opacity: 0.5;
}

.c-button-full {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease-out opacity;
  font-weight: bold;
  background: #0146ab;
  margin-bottom: 24px;
  padding: 12px 24px;
  box-shadow: 2px 2px 4px 1px #ccc;
}

.c-button-full span {
  color: #fff;
  font-size: 1.4rem;
}

@media (max-width: 834px) {
  .c-button-full span {
    font-size: 1.2rem;
  }
}
.c-button-full:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.c-button-full:hover {
  opacity: 0.5;
}

.c-button-large {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  transition: 0.3s ease-out opacity;
  font-weight: bold;
  background: #0146ab;
  margin-bottom: 24px;
  padding: 12px 24px 12px 24px;
  box-shadow: 2px 2px 4px 1px #ccc;
}

.c-button-large span {
  color: #fff;
  font-size: 1.6rem;
}

@media (max-width: 834px) {
  .c-button-large span {
    font-size: 1.2rem;
  }
}
.c-button-large a {
  display: block;
}

.c-button-large:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.c-button-large .status-caption {
  font-size: 1.2rem;
  color: #fff;
}

.c-button-large:hover {
  opacity: 0.8;
}

.c-button-large.done .status-caption {
  opacity: 0.8;
}

.c-button-large.wait .status-caption {
  color: #d95454;
}

.c-button-post {
  cursor: pointer;
}

.c-button-post button {
  appearance: none;
  cursor: pointer;
  background: none;
  border: 0;
  color: #fff;
  font-size: 1.4rem;
}

.c-button-post-prev {
  background: #666;
}

.c-button-post-prev:after {
  display: none;
}

.c-button-post-save:after {
  display: none;
}

.c-button-login {
  position: relative;
  display: inline-block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s;
  width: 300px;
  margin: 15px auto 20px;
  font-size: 1.8rem;
  font-weight: 600;
  background: #222;
  padding: 20px 0;
  box-shadow: 2px 2px 4px 1px #ccc;
  border: 0;
  box-sizing: border-box;
}

.c-button-login:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.c-button-login:hover {
  opacity: 0.6;
}

@media (max-width: 834px) {
  .c-button-login {
    transition: all 0.3s;
    width: 100%;
    font-size: 1.5rem;
  }
}
.c-button-login:disabled {
  opacity: 0.4;
}

.mypage-table {
  width: 100%;
  border: 1px solid #c9c9c9;
  border-collapse: collapse;
  font-size: 1.4rem;
}

@media (max-width: 834px) {
  .mypage-table {
    font-size: 1.2rem;
  }
}
.mypage-table th {
  background: #4285f3;
}

.mypage-table th .heading {
  color: #fff;
  font-size: 1.8rem;
}

@media (max-width: 834px) {
  .mypage-table th .heading {
    font-size: 1.4rem;
  }
}
.mypage-table th, .mypage-table td {
  border: 1px solid #c9c9c9;
  padding: 12px 24px;
}

@media (max-width: 834px) {
  .mypage-table th, .mypage-table td {
    padding: 12px;
  }
}
.mypage-table th.is-center, .mypage-table td.is-center {
  text-align: center;
}

.mypage-table td {
  text-align: center;
}

.mypage-table td:first-child p {
  text-align: left;
}

.mypage-table td .c-button-small {
  margin-bottom: 0;
  padding: 12px;
  margin-bottom: 0;
  min-width: 85px;
}

.mypage-table td .c-button-small:after {
  display: none;
}

.c-column-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (max-width: 834px) {
  .c-column-container {
    flex-direction: column;
  }
}
.c-column-item--two {
  width: calc(50% - 12px);
  margin-bottom: 24px;
}

@media (max-width: 834px) {
  .c-column-item--two {
    width: 100%;
  }
}
.c-column-item-three {
  width: 30%;
}

@media (max-width: 834px) {
  .c-column-item-three {
    width: 100%;
  }
}
.c-news-container {
  width: 100%;
  margin-bottom: 48px;
}

.c-news-list {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 834px) {
  .c-news-list {
    flex-direction: column-reverse;
  }
}
.c-news-list dt {
  width: calc(100% - 240px);
  font-size: 1.6rem;
  padding: 12px 24px;
  border-bottom: 1px solid #c9c9c9;
}

@media (max-width: 834px) {
  .c-news-list dt {
    width: 100%;
    padding: 0;
    font-size: 1.4rem;
    padding-bottom: 12px;
  }
}
.c-news-list dt a {
  text-decoration: none;
  display: block;
  color: #000;
  transition: 0.2s ease-out opacity;
}

@media (max-width: 834px) {
  .c-news-list dt a {
    text-decoration: underline;
  }
}
.c-news-list dt a:hover {
  opacity: 0.5;
}

.c-news-list dd {
  width: 240px;
  font-size: 1.6rem;
  padding: 12px 24px;
  border-bottom: 1px solid #c9c9c9;
}

@media (max-width: 834px) {
  .c-news-list dd {
    margin-top: 12px;
    width: 100%;
    border-bottom: 0;
    padding: 0;
    padding-bottom: 12px;
    font-size: 1.4rem;
  }
}
.newsdetail-container {
  margin-bottom: 64px;
  padding-top: 38px;
}

@media (max-width: 834px) {
  .newsdetail-container {
    margin-bottom: 48px;
    padding-top: 24px;
  }
}
.newsdetail-container p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 24px;
}

.newsdetail-container a {
  display: inline-block;
  color: #0B7EA8;
}

.newsdetail-date {
  font-size: 14px;
  margin-bottom: 8px;
}

.newsdetail-heading {
  font-size: 24px;
  font-family: serif;
  padding-bottom: 8px;
  border-bottom: 1px solid #333;
  margin-bottom: 46px;
}

@media (max-width: 834px) {
  .newsdetail-heading {
    font-size: 20px;
  }
}
.newsdetail-container h3 {
  font-size: 16px;
  border-left: 6px #656565 solid;
  padding-left: 10px;
  margin-bottom: 36px;
}

.newsdetail-container img {
  text-align: center;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: 46px;
  margin-bottom: 24px;
  display: inherit;
}

@media (max-width: 834px) {
  .newsdetail-container img {
    margin-top: 24px;
  }
}

.c-pager-container {
  margin: 0 auto;
  margin-top: 48px;
  text-align: center;
}

.c-pager-list {
  text-align: center;
}

.c-pager-list li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background: #4285f3;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 6px;
}

@media (max-width: 834px) {
  .c-pager-list li {
    font-size: 1.2rem;
    width: 6%;
    height: 30px;
    border-radius: 0;
    margin: 0;
  }
}
.c-pager-list li a {
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}

@media (max-width: 834px) {
  .c-pager-list li a {
    padding: 8px;
  }
}
.c-pager-list li span {
  font-size: 1.6rem;
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}

@media (max-width: 834px) {
  .c-pager-list li span {
    font-size: 1.2rem;
  }
}
.c-pager-list li:hover {
  opacity: 0.8;
}

.c-pager-list li.center {
  display: inline-block;
  width: 100px;
  height: 50px;
  text-align: center;
}

@media (max-width: 834px) {
  .c-pager-list li.center {
    display: inline-block;
    width: 27%;
    height: 30px;
    text-align: center;
  }
}
.c-pager-list li.prev {
  display: inline-block;
  width: 100px;
  height: 50px;
  text-align: center;
}

@media (max-width: 834px) {
  .c-pager-list li.prev {
    display: inline-block;
    width: 13%;
    height: 30px;
    text-align: center;
  }
}
.c-pager-list li.next {
  display: inline-block;
  width: 100px;
  height: 50px;
  text-align: center;
}

@media (max-width: 834px) {
  .c-pager-list li.next {
    display: inline-block;
    width: 13%;
    height: 30px;
    text-align: center;
  }
}
.c-pager-container.is-small .c-pager-list li span {
  font-size: 1.4rem;
}

.c-pager-container.is-small .c-pager-list li.next {
  width: 50px;
}

@media (max-width: 834px) {
  .c-pager-container.is-small .c-pager-list li.next {
    width: 13%;
  }
}
.c-pager-container.is-small .c-pager-list li.prev {
  width: 50px;
}

@media (max-width: 834px) {
  .c-pager-container.is-small .c-pager-list li.prev {
    width: 13%;
  }
}
.checkbox {
  margin-bottom: 0px;
}

.checkbox input:checked + label {
  color: #fd3434;
}

.checkbox input:checked + label:after {
  opacity: 1;
}

.checkbox input {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}

.checkbox label {
  cursor: pointer;
  padding-left: 40px;
  margin-right: 20px;
  position: relative;
  margin-bottom: 5px;
  display: inline-block;
}

.checkbox label:before, .checkbox label:after {
  content: "";
  display: block;
  position: absolute;
}

.checkbox label:before {
  background-color: #fff;
  border-radius: 0%;
  border: 1px solid #ddd;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 55%;
  left: 5px;
}

.checkbox label:after {
  border-bottom: 3px solid #fd3434;
  border-left: 3px solid #fd3434;
  opacity: 0;
  height: 7px;
  width: 16px;
  transform: rotate(-45deg);
  top: 30%;
  left: 7px;
}

.c-tab-container {
  margin-top: 10px;
}

.c-tab-head-container {
  display: flex;
}

@media (max-width: 834px) {
  .c-tab-head-container {
    justify-content: space-between;
  }
}
.c-tab-head-item {
  cursor: pointer;
  width: 32%;
  height: 60px;
  margin: 0 0 0 8px;
  background-color: #fff;
  border: 2px solid #4285f3;
  line-height: 60px;
  font-size: 2rem;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

@media (max-width: 834px) {
  .c-tab-head-item {
    width: 48%;
    font-size: 1.6rem;
    line-height: 40px;
    height: 40px;
  }
}
.c-tab-head-item:hover {
  opacity: 0.7;
}

.c-tab-head-item.is-current {
  background: #4285f3;
  color: #fff;
}

.c-tab-item-content {
  display: none;
  padding: 32px 0;
}

@media (max-width: 834px) {
  .c-tab-item-content {
    padding: 16px 0;
  }
}
.c-tab-item-content.is-show {
  display: block;
}

.c-textarea {
  width: 100% !important;
  height: 200px;
  padding: 10px 15px;
  font-size: 1.5rem;
  border-radius: 3px;
  border: 2px solid #ddd;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 0px;
}

.c-modal-container {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border: 1px solid #333;
  transform: translate(-50%, -50%);
  padding: 24px;
  z-index: 99;
  box-shadow: 2px 2px 20px 2px rgba(130, 130, 130, 0.75);
}

@media (max-width: 834px) {
  .c-modal-container {
    width: 90%;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
  }
}
.c-modal-container.is-open {
  display: block;
}

.c-modal-heading {
  font-size: 1.8rem;
  margin-bottom: 14px;
}

.c-modal-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #0146ab;
}

.c-modal-close:hover {
  opacity: 0.8;
}

.c-modal-close:after {
  content: "";
  width: 30px;
  height: 1px;
  background: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.c-modal-close:before {
  content: "";
  width: 30px;
  height: 1px;
  background: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.c-link-container {
  display: block;
  text-align: center;
  margin-top: 16px;
  margin: 0 auto;
}

.c-link-normal {
  font-size: 1.6rem;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.c-link-normal:hover {
  opacity: 0.7;
}

.p-index-message {
  background: linear-gradient(#e0ebfd 60%, #fff);
  padding: 40px 0 20px 0;
  margin-bottom: 20px;
}

.p-index-message h2 {
  position: relative;
  padding: 15px 26px 15px 25px;
  background: #4285f3;
  font-size: 3rem;
  color: #fff;
  width: 500px;
  line-height: 1.3;
  z-index: 1;
  text-align: left;
  font-weight: 600;
}

@media (max-width: 834px) {
  .p-index-message h2 {
    position: relative;
    padding: 10px 20px 10px 15px;
    background: #4285f3;
    font-size: 1.8rem;
    color: #fff;
    width: 80%;
    line-height: 1.3;
    z-index: 1;
    text-align: left;
    font-weight: 600;
  }
}
.p-index-message h2:after {
  position: absolute;
  content: "";
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px #e0ebfd;
  z-index: -1;
}

@media (max-width: 834px) {
  .p-index-message h2:after {
    position: absolute;
    content: "";
    left: -2px;
    top: -2px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px white;
    z-index: 0;
  }
}
.p-index-message p {
  line-height: 1.6;
  font-size: 1.6rem;
}

@media (max-width: 834px) {
  .p-index-message p {
    line-height: 1.5;
    font-size: 1.4rem;
    text-align: center;
    text-align: left;
  }
}
.p-index-message-wrap {
  padding: 10px 30px;
}

.p-index-message-wrap h3 {
  color: #4285f3;
  font-size: 2.6rem;
  line-height: 1.5;
}

@media (max-width: 834px) {
  .p-index-message-wrap h3 {
    color: #4285f3;
    font-size: 1.7rem;
    line-height: 1.5;
  }
}
.p-index-message-wrap .doctorphoto {
  float: right;
  margin-top: -220px;
}

@media (max-width: 834px) {
  .p-index-message-wrap .doctorphoto {
    float: none;
    margin-top: 0px;
    text-align: center;
  }
}
.p-index-message-wrap .doctorphoto p {
  line-height: 1.5;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 600;
}

@media (max-width: 834px) {
  .p-index-message-wrap .doctorphoto p {
    font-size: 1.4rem;
  }
}
.p-index-message-wrap .doctorphoto p span {
  line-height: 1.5;
  font-size: 1.3rem;
  text-align: center;
}

.c-alert-text {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
  color: #ff0000;
  margin-bottom: 1.4rem;
  margin-top: 2.4rem;
}

.c-alert-text-left {
  text-align: left;
}

.simple-header {
  height: auto;
  background: linear-gradient(-135deg, #1fb4a9, #4187f0);
  padding: 20px;
  width: auto;
}

.simple-header .logo {
  font-size: 3rem;
  color: #fff;
  padding: 0;
  margin: 0;
  font-weight: 600;
}

.c-list-normal {
  margin-bottom: 16px;
}

.c-list-normal li {
  list-style: disc;
  font-size: 1.4rem;
  margin-bottom: 8px;
  margin-left: 1em;
}

.c-anchor-container {
  margin-bottom: 24px;
}

.c-anchor-list {
  display: flex;
  justify-content: space-between;
  flex: 1;
}

@media (max-width: 834px) {
  .c-anchor-list {
    flex-direction: column;
  }
}
.c-anchor-list li {
  border: 2px solid #ddd;
  border-radius: 5px;
  background: #e6e6e6;
  list-style: none;
  flex: 1;
  margin: 0 16px;
}

@media (max-width: 834px) {
  .c-anchor-list li {
    margin: 0 0 16px 0;
  }
}
.c-anchor-list li:first-child {
  margin-left: 0;
}

.c-anchor-list li:last-child {
  margin-right: 0;
}

.c-anchor-list li a {
  font-size: 16px;
  color: #333;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.c-anchor-list li a:hover {
  opacity: 0.7;
}

.c-anchor-list li a:hover:after {
  top: 2px;
}

.c-anchor-list li a:after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(135deg);
  margin-left: 16px;
  position: relative;
  top: 0;
  transition: 0.2s ease-out;
  transition-property: opacity top;
}

.p-consider-number-container {
  margin-bottom: 64px;
}

.p-consider-number-column {
  display: flex;
  align-items: center;
}

.p-consider-number-display {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: baseline;
}

.p-consider-number-display span {
  font-size: 24px;
}

.p-consider-number-sort {
  margin-left: 24px;
}

.p-consider-number-sort .select-item {
  position: relative;
  font-weight: bold;
}

.p-consider-number-sort .select-item:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: 3;
}

.p-consider-number-sort #select {
  background: #e9e9e9;
  padding: 12px 36px 12px 12px;
  position: relative;
  z-index: 1;
}

.p-consider-detail-container {
  margin-bottom: 24px;
}

.p-consider-detail-container .date-area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
}

@media (max-width: 834px) {
  .p-consider-detail-container .date-area {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-consider-detail-container .date-area .category-tag li {
  font-size: 1.4rem;
  display: inline-block;
  background: #ddd;
  padding: 4px 16px;
  margin-right: 8px;
}

.p-consider-detail-container .date-area .category-tag .category-01 {
  background: #0146ab;
  color: #fff;
}

.p-consider-detail-container .date-area .category-tag .category-02 {
  background: #1fb4a9;
  color: #fff;
}

.p-consider-detail-container .date-area .category-tag .category-03 {
  background: #FFB600;
  color: #fff;
}

.p-consider-detail-container .date-area .sort-tag {
  margin-right: 24px;
}

.p-consider-detail-container .date-area .sort-tag li {
  font-size: 1.4rem;
  display: inline-block;
  background: #ddd;
  padding: 2px 12px;
  margin-right: 8px;
}

.p-consider-detail-container .date-area .sort-tag {
  font-size: 1.2rem;
  display: inline-block;
  background: #ddd;
  padding: 2px 4px;
  margin-right: 8px;
}

.p-consider-detail-container .date-area .sort-tag li:last-child {
  margin-right: 0;
}

.p-consider-detail-container .date-area .id-update li {
  vertical-align: middle;
  line-height: 1;
  font-size: 1.4rem;
  display: inline-block;
}

.p-consider-detail-container .heading {
  font-size: 2.4rem;
  margin-bottom: 24px;
}

@media (max-width: 834px) {
  .p-consider-detail-container .heading {
    font-size: 1.6rem;
  }
}
.p-consider-detail-inner {
  background: #e0ebfd;
  padding: 24px;
}

@media (max-width: 834px) {
  .p-consider-detail-inner {
    padding: 12px;
  }
}
.p-consider-detail-item {
  display: flex;
}

@media (max-width: 834px) {
  .p-consider-detail-item {
    flex-direction: column;
  }
}
.p-consider-detail-item .detail-leftitem {
  width: calc(100% - 240px);
  padding-right: 48px;
}

@media (max-width: 834px) {
  .p-consider-detail-item .detail-leftitem {
    width: 100%;
    padding-right: 0;
    display: flex;
    flex-direction: column-reverse;
  }
}
.p-consider-detail-item .detail-leftitem .detail-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.p-consider-detail-item .detail-leftitem .detail-list li {
  display: flex;
  width: calc(50% - 4px);
  border: 1px solid #ddd;
  list-style: none;
  margin-bottom: 8px;
  background: #fff;
}

@media (max-width: 834px) {
  .p-consider-detail-item .detail-leftitem .detail-list li {
    width: 100%;
    flex-direction: column;
  }
}
.p-consider-detail-item .detail-leftitem .detail-list li .detail-head {
  font-size: 1.6rem;
  background: #4187f0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  min-width: 100px;
  height: 100%;
  font-weight: bold;
  color: #fff;
  word-break: keep-all;
  padding: 5px 20px;
}

@media (max-width: 834px) {
  .p-consider-detail-item .detail-leftitem .detail-list li .detail-head {
    font-size: 1.4rem;
    width: 100%;
  }
}
.p-consider-detail-item .detail-leftitem .detail-list li .content {
  padding: 12px;
  font-size: 1.6rem;
  min-width: auto;
  overflow: initial;
}

@media (max-width: 834px) {
  .p-consider-detail-item .detail-leftitem .detail-list li .content {
    font-size: 1.4rem;
    padding: 8px;
  }
}
.p-consider-detail-item .detail-leftitem .tag-list {
  display: flex;
  list-style: none;
}

@media (max-width: 834px) {
  .p-consider-detail-item .detail-leftitem .tag-list {
    margin-bottom: 12px;
    flex-wrap: wrap;
  }
}
.p-consider-detail-item .detail-leftitem .tag-list li {
  margin-right: 8px;
  background: #0146ab;
  color: #fff;
  padding: 4px 12px;
  font-size: 1.4rem;
}

@media (max-width: 834px) {
  .p-consider-detail-item .detail-leftitem .tag-list li {
    width: 30%;
    font-size: 1rem;
    padding: 4px;
    text-align: center;
    margin-bottom: 8px;
  }
}
.p-consider-detail-item .detail-rightitem {
  width: 240px;
}

@media (max-width: 834px) {
  .p-consider-detail-item .detail-rightitem {
    width: 100%;
  }
}
.p-consider-detail-item .detail-rightitem .message-button {
  background: linear-gradient(-135deg, #1fb4a9, #4187f0);
  font-size: 1.4rem;
  margin-bottom: 8px; 
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 100%;
  padding: 12px 36px 12px 24px;
  position: relative;
}

.p-consider-detail-item .detail-rightitem .message-button:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  transition: 0.2s ease-out opacity;
}

.p-consider-detail-item .detail-rightitem .message-button:hover {
  opacity: 0.8;
}

.detail-button-item .c-button-full {
  margin-bottom: 8px;
}
.p-consider-detail-item .detail-rightitem .delete-button {
  background: #656565;
  margin-bottom: 8px; 
  font-size: 1.4rem;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 100%;
  padding: 12px 36px 12px 24px;
  position: relative;
}
@media (max-width: 834px) {
  .p-consider-detail-item .detail-rightitem .delete-button {
    font-size: 12px;
  }
  .p-consider-detail-item .detail-rightitem .message-button {
    font-size: 12px;
  }
}

.p-consider-detail-item .detail-rightitem .delete-button:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  transition: 0.2s ease-out opacity;
}


.receivehead-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 36px;
}

@media (max-width: 834px) {
  .receivehead-container {
    flex-direction: column;
  }
}
.receivehead-container .receivehead-left {
  display: flex;
  align-items: center;
}

@media (max-width: 834px) {
  .receivehead-container .receivehead-left {
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 24px;
  }
}
.receivehead-container .receivehead-left label {
  font-size: 1.6rem;
}

@media (max-width: 834px) {
  .receivehead-container .receivehead-left label {
    font-size: 1.4rem;
  }
}
@media (max-width: 834px) {
  .receivehead-container .receivehead-left .button-container {
    flex-direction: row;
    width: calc(100% - 140px);
    justify-content: start;
  }
}
@media (max-width: 834px) {
  .receivehead-container .receivehead-left .button-container .c-button-small {
    padding: 8px 36px 8px 16px;
    text-align: left;
  }
}
@media (max-width: 834px) {
  .receivehead-container .receivehead-left .button-container .c-button-small button {
    font-size: 1rem;
    text-align: left;
  }
}
@media (max-width: 834px) {
  .receivehead-container .receivehead-left .button-container .c-button-small:first-child {
    margin-right: 8px;
  }
}
@media (max-width: 834px) {
  .receivehead-container .receivehead-right {
    width: 100%;
  }
}
.receivehead-container .c-pager-container {
  margin-top: 0;
}

.receivehead-container .button-container {
  display: flex;
}

@media (max-width: 834px) {
  .receivehead-container .button-container {
    width: 100%;
    flex-direction: column;
  }
}
.receivehead-container .button-container .c-button-small {
  margin-bottom: 0;
}

.receivehead-container .button-container .c-button-small:first-child {
  margin-right: 16px;
}

.mail-heading p {
  font-size: 1.2rem;
  padding-left: 30px;
}

.mail-item {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dedede;
}

.mail-item-container {
  padding-top: 16px;
  border-top: 1px solid #dedede;
}

.mail-item-inner {
  display: flex;
  font-size: 1.6rem;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}

@media (max-width: 834px) {
  .mail-item-inner {
    padding: 0;
    flex-direction: column-reverse;
  }
}
.mail-item-inner-nontag .mail-heading {
  width: calc(100% - 120px);
}

@media (max-width: 834px) {
  .mail-item-inner-nontag .mail-heading {
    width: 100%;
    font-size: 1.4rem;
    position: relative;
  }
}
.mail-item-inner-nontag .mail-description {
  width: 120px;
  text-align: right;
}

@media (max-width: 834px) {
  .mail-item-inner-nontag .mail-description {
    width: 100%;
    font-size: 1.4rem;
    position: relative;
  }
}
.mail-item-inner-nontag .checkbox label {
  position: relative;
}

.mail-item-inner-nontag .checkbox label span {
  margin-left: 24px;
}

.mail-item-inner-nontag .checkbox label i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 42px;
}

.mail-heading {
  display: flex;
  width: calc(100% - 240px);
}

@media (max-width: 834px) {
  .mail-heading {
    width: 100%;
    font-size: 1.4rem;
    position: relative;
  }
}

.mail-description {
  width: 240px;
}

@media (max-width: 834px) {
  .mail-description {
    width: 100%;
  }
}
.mail-description .category {
  background: #ddd;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 4px 8px;
  min-width: 100px;
  text-align: center;
  display: inline-block;
  margin-right: 16px;
  color: #fff;
}

@media (max-width: 834px) {
  .mail-description .category {
    font-size: 1rem;
    padding: 4px;
    margin-bottom: 8px;
  }
}
.mail-description .category.info {
  background: #0146ab;
}

.mail-description .category.offer {
  background: #1cb871;
}

.mail-description .category.operation {
  background: #f5e;
}
.mail-description .category.apply {
  background: #f44;
}

.mail-description .date {
  font-size: 1.4rem;
}

@media (max-width: 834px) {
  .mail-description .date {
    font-size: 1.2rem;
  }
}
.message-archives-container .message-item {
  border-bottom: 1px solid #ddd;
  padding: 12px 24px;
  display: flex;
  flex-direction: column;
}

.message-archives-container .message-item.client {
  background: rgba(1, 70, 171, 0.1);
}

.message-archives-container .message-item.client .message-heading {
  color: #0146ab;
}

.message-archives-container .message-item.client .message-heading:before {
  content: "";
  background: url(/images/icon/hospital.svg) top left no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.message-archives-container .message-item.user {
  background: rgba(28, 184, 113, 0.1);
}

.message-archives-container .message-item.user .message-heading {
  color: #1cb871;
}

.message-archives-container .message-item.user .message-heading:before {
  content: "";
  background: url(/images/icon/user.svg) top left no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.message-archives-container .message-item .message-head {
  font-size: 1.6rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
  font-weight: bold;
}

.message-archives-container .message-item .message-head .message-date {
  font-size: 1.2rem;
}

.message-archives-container .message-item .message-content {
  font-size: 1.4rem;
}

.message-archives-container .message-item .message-content .message-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.message-archives-container .message-item .message-content .message-text.is-open {
  cursor: auto;
  overflow: visible;
  white-space: inherit;
  display: block;
}

.p-message-annotation-area {
  background: #eee;
  padding: 32px;
  margin-bottom: 48px;
}

.p-message-annotation-heading {
  font-size: 1.8rem;
  margin-bottom: 16px;
}

.p-message-annotation-heading i {
  margin-right: 4px;
}

.p-message-annotation-text {
  color: #4187f0;
  font-size: 1.4rem;
}

.p-register-layout {
  padding: 60px 0;
}

.p-register-inner {
  background: #f2f2f2;
  padding: 40px;
  max-width: 960px;
  width: 100%;
  margin: auto;
}

@media (max-width: 834px) {
  .p-register-inner {
    padding: 10px;
  }
}
.p-register-inner-white {
  background: #fff;
}

.p-register-inner-nest {
  margin-top: 32px;
  padding: 20px 20px 8px 20px;
}

.p-register-login {
  align-items: center;
  justify-content: center;
  display: flex;
}

@media (max-width: 834px) {
  .p-register-login {
    margin-top: 36px;
    flex-direction: column;
    width: 100%;
  }
}
.p-register-login .c-text-normal {
  margin-left: 24px;
  margin-bottom: 0;
}

@media (max-width: 834px) {
  .p-register-login .c-text-normal {
    margin-top: 24px;
  }
}
.p-register-button {
  border: 1px solid #333;
  border-radius: 6px;
  min-width: 120px;
  font-size: 1.6rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  padding: 12px 24px;
  font-weight: bold;
  transition: 0.2s ease-out background;
}

@media (max-width: 834px) {
  .p-register-button {
    width: 100%;
  }
}
.p-register-button:hover {
  background: #eee;
}

.p-register-button i {
  margin-right: 4px;
}

.step-box {
  background: #fff;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
}

@media (max-width: 834px) {
  .step-box {
    height: 60px;
  }
}
.step-box.is-small {
  height: 80px;
}

@media (max-width: 834px) {
  .step-box.is-small {
    height: 60px;
  }
}
.step-box-heading {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 36px;
}

.step-box-subheading {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 36px;
  margin-top: 37px;
}

.step-box-text {
  font-size: 2rem;
  font-weight: bold;
}

@media (max-width: 834px) {
  .step-box-text {
    font-size: 1.8rem;
  }
}
.step-box input {
  opacity: 0.1;
  display: none;
}

.step-box input:checked + label {
  background: #4187f0;
  color: #fff;
}

.step-box label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 2rem;
  font-weight: bold;
  transition: 0.2s ease-out background;
}

@media (max-width: 834px) {
  .step-box label {
    font-size: 1.8rem;
  }
}
.step-container {
  display: none;
}

.step-container.is-show {
  display: block;
}

.step-inner {
  text-align: center;
}

.step-inner-left {
  text-align: left;
}

.c-indicator-item {
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.c-indicator-list {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  width: 70%;
  margin-top: 32px;
  margin-bottom: 38px;
}

@media (max-width: 834px) {
  .c-indicator-list {
    width: 100%;
  }
}
.c-indicator-list li {
  width: 8%;
  height: 30px;
  margin: 0 4px;
  display: inline-block;
  background: #ddd;
  transform: skewX(-30deg);
}

@media (max-width: 834px) {
  .c-indicator-list li {
    height: 20px;
    margin: 0 2px;
  }
}
.c-indicator-list li.done {
  background: #333;
}

.p-redume-edit-button-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 32px;
}

.p-redume-edit-button-container .button {
  border: 2px solid #666;
  border-radius: 5px;
}


.p-redume-edit-button-container .button.is-unregist {
  border: 2px solid #0146ab;
  border-radius: 5px;
}

@media (max-width: 834px) {
  .p-redume-edit-button-container .button {
    flex: 1;
  }
}
.p-redume-edit-button-container .button:last-child {
  margin-left: 16px;
}

.p-redume-edit-button-container .button a {
  display: flex;
  align-items: center;
  padding: 8px 64px 8px 32px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  color: #000;
  background: #fff;
}

.p-redume-edit-button-container .button.is-unregist a{
  /* border: 2px solid #fff; */
  /* border-radius: 5px; */
  border-radius: 0;
  background: #0146ab;
  color: #fff;
}

@media (max-width: 834px) {
  .p-redume-edit-button-container .button a {
    padding: 8px 16px;
  }
}
.p-redume-edit-button-container .button a i {
  font-size: 24px;
  margin-right: 32px;
}

.p-redume-edit-button-container .button a span {
  text-align: center;
}

.p-redume-edit-button-container .button a span span {
  display: block;
  font-size: 12px;
}

.p-redume-edit-button-container .button a span span.is-done {
  color: #000;
}

.p-redume-edit-button-container .button a span span.is-unregist {
  color: #fe8f83;
}

.copy-item-container {
  position: relative;
  padding-right: 24px;
}

.copy-item-container:before {
  content: "";
  width: 30px;
  background: #ddd;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: -24px;
}

.copy-item-container .plus-toggle {
  display: inline-block;
  position: absolute;
  left: calc(100% + 9px);
  bottom: -10px;
  transform: translateX(-50%);
  transition: none;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  z-index: 10;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.copy-item-container .plus-toggle:before {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  line-height: 1;
  font-weight: 900;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
  left: 0;
  top: 0;
  position: absolute;
  color: #555d66;
}

.copy-item-container .minus-toggle {
  position: absolute;
  top: 50%;
  left: calc(100% + 9px);
  transform: translateX(-50%);
  display: inline-block;
  position: absolute;
  transition: none;
  cursor: pointer;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
  z-index: 10;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

.copy-item-container .minus-toggle:before {
  content: "\f056";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  line-height: 1;
  color: #555d66;
  font-weight: 900;
  font-style: normal;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
  left: 0;
  top: 0;
  position: absolute;
}

.detail-table {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 48px;
  border-top: 1px solid #e6e6e6;
}

@media (max-width: 834px) {
  .detail-table {
    flex-direction: column;
  }
}
.detail-table dt {
  width: 300px;
  background: #f5f5f5;
  padding: 20px;
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 834px) {
  .detail-table dt {
    width: 100%;
  }
}
.detail-table dt.mandatory {
  position: relative;
}

.detail-table dt.mandatory:after {
  position: absolute;
  top: 26px;
  right: 16px;
  font-size: 12px;
  font-weight: normal;
  background: #333;
  color: #fff;
  padding: 2px 8px;
  display: inline-block;
  content: "必須";
}

.detail-table dt.any {
  position: relative;
}

.detail-table dt.any:after {
  position: absolute;
  top: 26px;
  right: 16px;
  font-size: 12px;
  font-weight: normal;
  background: #ccc;
  color: #333;
  padding: 2px 8px;
  display: inline-block;
  content: "任意";
}

.detail-table dd {
  font-size: 1.4rem;
  padding: 20px;
  width: calc(100% - 300px);
  border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 834px) {
  .detail-table dd {
    width: 100%;
  }
}
.detail-table dd .c-text-normal {
  display: inline-block;
  margin-bottom: 0;
}

.detail-table dd .c-text-normal span {
  font-size: 12px;
}

.detail-table dd .c-text-normal + .c-text-normal {
  margin-left: 16px;
}

.detail-table .flex {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}

@media (max-width: 834px) {
  .detail-table .flex {
    flex-wrap: wrap;
  }
}
.detail-table .flex > * {
  margin: 0 10px 0 0;
}

@media (max-width: 834px) {
  .detail-table .flex .selectbox {
    margin-bottom: 24px;
  }
  .detail-table .flex .selectbox  + span {
    display: block;
    width: 100%;
    margin-top: -12px;
    margin-bottom: 12px;
  }
}
.detail-table .flex .selectbox select {
  max-width: 168px;
}

.detail-table .flex .selectbox select + span {
  font-size: 16px;
  margin-left: 8px;
}

.detail-table dd .selectbox {
  display: inline-block;
}
.detail-table dd .selectbox:nth-child(3) {
  margin-left: 12px;
}

@media (max-width: 834px) {
  .detail-table dd .selectbox:nth-child(3) {
    margin-left: 0;
  }
}


.detail-table dd .address {
  justify-content: flex-start;
  align-items: center;
}

.detail-table dd .address > * {
  margin: 0 8px 0 0;
}

.detail-table dd .family {
  display: flex;
  align-items: center;
}

.detail-table dd .family .inputtext-typeA {
  margin-right: 8px;
  width: 100px !important;
}

.detail-table dd .child-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.detail-table dd .child-flex > * {
  margin-right: 24px;
}

.detail-table dd .pref {
  width: auto;
}

.detail-table dd .city {
  width: auto;
}

.detail-table .c-alert-text {
  margin-top: -12px;
}

.p-user-box {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

@media (max-width: 834px) {
  .p-user-box {
    align-items: flex-start;
    flex-direction: column;
  }
}
.p-user-box .c-text-normal {
  width: 170px;
  margin-right: 16px;
  word-break: keep-all;
}

@media (max-width: 834px) {
  .p-user-box .c-text-normal {
    width: 100%;
    margin-right: 0;
  }
}
.p-user-box .inputtext-typeA {
  width: calc(100% - 186px) !important;
}

@media (max-width: 834px) {
  .p-user-box .inputtext-typeA {
    width: 100% !important;
  }
}
.p-user-box .notice {
  margin-left: 186px;
}

@media (max-width: 834px) {
  .p-user-box .notice {
    margin-left: 0;
  }
}
.p-user-box-inner {
  margin-bottom: 16px;
}


.p-index-banner-column {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 64px;
  margin-top: 100px;
}
.p-index-banner-column .list {
  width: 32%;
  margin-right: 1.4%;
  margin-bottom: 1.4%;
}

.p-index-banner-column .list:nth-child(3n) {
  margin-right: 0;
}

@media (max-width: 834px) {
  .p-index-banner-column .list {
    width: 100%;
    margin-right: 0;
  }
}


.p-index-banner-column .list a{
  display: block;
  width: 100%;
  height: 100%;
  transition: .2s ease-out opacity;
}

.p-index-banner-column .list a:hover{
  opacity: .8;
}

.p-index-banner-column .list a img{
  width: 100%;
  height: auto
};