@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: inherit;
  margin: 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: .35em .75em .625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

/*# sourceMappingURL=normalize.min.css.map */
section, main {
  display: block; }

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none; }

i, em {
  font-style: normal; }

table {
  border-collapse: collapse; }

li {
  display: block; }

/* base/_base.scss
============================== */
body {
  background: #FFFFFF;
  color: #232323;
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em; }

main {
  padding: 0 0 40px; }

a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

::selection,
::-moz-selection {
  background: #232323;
  color: #FFFFFF; }

.clearfix::after {
  display: table;
  content: "";
  clear: both; }

.wrap {
  min-height: 100vh;
  position: relative; }

.back__chevron {
  width: 42px;
  color: #767676;
  font-weight: 700;
  padding-left: 15px;
  position: absolute; }
.back__chevron span::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #767676;
  border-left: 2px solid #767676;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -5px; }

.head_tit__txt {
  font-size: 14px;
  font-weight: 500;
  text-align: center; }

@media screen and (min-width: 1025px) {
  .sp {
    display: none !important; } }
@media screen and (max-width: 1024px) {
  .pc {
    display: none !important; } }
/* inview
------------------------------ */
section {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  transition-property: opacity, transform; }
section.inview {
  opacity: 1;
  transform: translate(0, 0); }

/* module/_table.scss
/* ============================== */
/* table__cat__tit
/* ------------------------------ */
.table__cat__tit {
  width: 100%;
  background: #064583;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin-bottom: 20px; }

/* table__cat__head
/* ------------------------------ */
.table__cat__head {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px; }
.table__cat__head::after {
  content: '';
  display: block;
  background: #064583;
  width: 60px;
  height: 2px;
  margin: 5px auto 0; }

/* table__basic
/* ------------------------------ */
.table__basic {
  width: 100%;
  line-height: 2.4;
  border-collapse: collapse; }
.table__basic tr {
  text-align: left;
  vertical-align: top; }
.table__basic tr th {
  width: 21%;
  line-height: 1.5;
  padding: 25px 0; }
.table__basic tr td {
  text-align: justify;
  padding: 20px 0 20px 6.601%; }
.table__basic tr:not(:last-child) {
  border-bottom: 1px solid #F1F1F1; }
.table__basic tr:first-child th {
  padding-top: 5px; }
.table__basic tr:first-child td {
  padding-top: 0; }
.table__basic tr:last-child th, .table__basic tr:last-child td {
  padding-bottom: 40px; }

/* table__block
/* ------------------------------ */
.table__block {
  width: 100%;
  border-collapse: collapse; }
.table__block tr {
  text-align: left;
  vertical-align: top; }
.table__block tr th {
  background: #F1F1F1;
  color: #767676;
  border: 1px solid #C6C6C6;
  text-align: center;
  padding: 10px 0; }
.table__block tr td {
  border: 1px solid #C6C6C6;
  padding: 10px; }
.table__block tr td.deposit .btn {
  margin: 0 auto; }
.table__block tr.blue {
  background: #98D8E2; }
.table__block tr.red {
  background: #EA7070; }
.table__block tr.gold {
  background: #EFDDAE; }

/* table__article
/* ------------------------------ */
.table__article {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; }
.table__article tr {
  text-align: left;
  vertical-align: top; }
.table__article tr th {
  width: 50%;
  background: #F1F1F1;
  color: #232323;
  border: 1px solid #C6C6C6;
  text-align: center;
  padding: 10px 0; }
.table__article tr td {
  width: 50%;
  border: 1px solid #C6C6C6;
  padding: 10px; }

/* module/_tab.scss
/* ============================== */
.section--tab--nav {
  width: 100%;
  position: fixed;
  left: 0;
  top: 40px;
  z-index: 999;
  margin: 0 auto;
  padding: 0 5%; }
.section--tab--nav .tab--nav {
  width: 100%;
  text-align: center;
  letter-spacing: -1em; }
.section--tab--nav .tab--nav li {
  display: inline-block;
  background: #C6C6C6;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
.section--tab--nav .tab--nav li a {
  display: block; }
.section--tab--nav .tab--nav li:not(:first-child) {
  border-left: 1px solid #F1F1F1; }
.section--tab--nav .tab--nav li.current {
  color: #FFFFFF;
  background: #064583;
  border-left: none; }
.section--tab--nav .tab--nav li.current + li {
  border-left: none; }

/* module/_selectbox_basic.scss
/* ============================== */
.selectbox_basic-wrapper {
  width: 100%;
  background: #F1F1F1;
  border: 1px solid #C6C6C6;
  position: relative;
  margin: 0 auto 20px;
  user-select: none; }
.selectbox_basic-wrapper select {
  display: none; }
.selectbox_basic-wrapper .selectbox_basic-trigger {
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 34px 8px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.selectbox_basic-wrapper .selectbox_basic-trigger::before {
  content: '';
  width: 6px;
  height: 6px;
  border-right: 2px solid #C6C6C6;
  border-bottom: 2px solid #C6C6C6;
  transform: rotate(45deg);
  position: absolute;
  top: 14px;
  right: 14px; }
.selectbox_basic-wrapper .selectbox-options {
  width: 100%;
  background: #FFFFFF;
  outline: 1px solid #C6C6C6;
  position: absolute;
  top: 38px;
  left: 0;
  padding: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 1; }
.selectbox_basic-wrapper .selectbox-options .selectbox-option {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.selectbox_basic-wrapper .selectbox-options .selectbox-option:not(:last-child) {
  padding-bottom: 10px; }
.selectbox_basic-wrapper .selectbox_basic.opened .selectbox-options {
  opacity: 1;
  visibility: visible; }

/* module/_pagenation.scss
============================== */
ul.page-numbers {
  text-align: center;
  padding: 40px 0 0;
  position: relative; }
ul.page-numbers li {
  display: inline-block; }
ul.page-numbers li:not(:last-child) {
  margin-right: 15px; }
ul.page-numbers li:first-child, ul.page-numbers li:last-child {
  position: absolute; }
ul.page-numbers li:first-child {
  left: 0; }
ul.page-numbers li:last-child {
  right: 0; }
ul.page-numbers a, ul.page-numbers span {
  display: block;
  color: #D27B22;
  font-weight: 700;
  text-align: center;
  position: relative; }
ul.page-numbers .prev::before,
ul.page-numbers .next::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  border-top: 2px solid #D27B22;
  border-right: 2px solid #D27B22;
  top: 50%;
  margin-top: -3px; }
ul.page-numbers .prev {
  padding-left: 15px; }
ul.page-numbers .prev::before {
  left: 0;
  transform: rotate(-135deg); }
ul.page-numbers .next {
  padding-right: 15px; }
ul.page-numbers .next::before {
  right: 0;
  transform: rotate(45deg); }
ul.page-numbers .current {
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #FFFFFF;
  background-color: #D27B22;
  border-radius: 50%; }
ul.page-numbers .dots {
  bottom: -3px; }

/* module/_form.scss
============================== */
/* placeholder */
::-webkit-input-placeholder {
  color: #232323; }

::-moz-placeholder {
  color: #232323;
  opacity: 1; }

:-ms-input-placeholder {
  color: #232323; }

:-moz-placeholder {
  color: #232323; }

/* autofill */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

/* input
/* ----------------------------- */
/* input */
input[type="text"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="email"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background-color: #F1F1F1;
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  border-radius: 0px;
  border: 1px solid #C6C6C6;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  padding: 10px;
  margin: 10px 0 20px; }

/* Styling for readonly input fields */
input[readonly] {
  background-color: #FFFFFF;
  color: #777777;
}

input[type="file"] {
  display: block; }

/* tel */
input[type="tel"] {
  display: inline-block;
  width: 52px;
  margin: 10px 8px 20px; }
input[type="tel"]:first-child {
  margin-left: 0; }
input[type="tel"]:last-child {
  margin-right: 0; }

/* textarea */
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  background-color: #F1F1F1;
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  border-radius: 0px;
  border: 1px solid #C6C6C6;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  padding: 10px;
  margin: 10px 0 20px;
  min-height: 10em; }

/* list--form
----------------------- */
.list--form {
  margin-bottom: 40px; }
.list--form dt {
  font-weight: 700; }
.list--form dt .required {
  color: #EA7070;
  font-weight: 500; }
.list--form dt.file__txt {
  color: #D27B22;
  font-weight: 500; }
.list--form dd {
  margin-bottom: 20px; }
.list--form dd .selected_code {
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  padding: 10px;
  margin: 10px 8px 0 0; }
.list--form dd .selected_code:nth-child(1) {
  width: 46px; }
.list--form dd .selected_code:nth-child(2) {
  width: 52px;
  margin: 10px 14px 0 8px; }
.list--form dd .btn {
  display: inline-block;
  margin: 0 !important; }
.list--form dd .selected_address {
  display: block;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  padding: 10px;
  margin: 10px 0 20px; }
.list--form dd select {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  background: #F1F1F1;
  font-size: 12px;
  text-align: center;
  border: 1px solid #C6C6C6;
  border-radius: 0;
  padding: 10px;
  margin: 10px 10px 20px; }
.list--form dd select:first-child {
  margin-left: 0; }
.list--form dd .mt_0 {
  margin-top: 0; }
.list--form dd .file-size {
  color: #D27B22;
  font-weight: 500; }
.list--form dd .disabled {
  color: #C6C6C6;
  background: #767676;
  border: 1px solid #767676; }
.list--form dd input:read-only {
  color: #C6C6C6;
  background: #767676; }
.list--form dd.dd_file {
  padding-bottom: 20px; }
.list--form dd.border_btm {
  border-bottom: 1px solid #F1F1F1; }
.list--form dd.mb_0 {
  margin-bottom: 0; }
.list--form.mb_20 {
  margin-bottom: 20px; }

.edit__form-list dd .disabled {
  color: #C6C6C6;
  background: #767676 !important;
  border: 1px solid #767676 !important; }
.edit__form-list dd input:read-only {
  color: #C6C6C6;
  background: #767676 !important; }

/* layout/footer.scss
============================== */
/* footer
------------------------------ */
.footer {
  width: 100%;
  height: 54px;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  margin: 0 auto;
  padding: 0 5%;
  /* footer__nav */ }
.footer .footer__nav {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%; }
.footer .footer__nav .nav__item {
  width: 25%;
  opacity: 0.3; }
.footer .footer__nav .nav__item a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px 0; }
.footer .footer__nav .nav__item a svg {
  display: block;
  height: 20px;
  fill: #232323;
  margin: 0 auto; }
.footer .footer__nav .nav__item a span {
  color: #232323;
  font-size: 10px;
  font-weight: 700; }
.footer .footer__nav .nav__item.current {
  opacity: 1; }
.footer .footer__nav .nav__item.disabled a {
  pointer-events: none; }

/* module/_checkbox.scss
/* ============================== */
input[type="checkbox"] {
  display: none; }

input[type="checkbox"] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #232323;
  margin-top: -7px; }

input[type="checkbox"]:checked + span::after {
  content: "";
  display: block;
  background: #1696A9;
  position: absolute;
  top: 50%;
  right: 3px;
  width: 8px;
  height: 8px;
  margin-top: -4px; }

/* module/_button.scss
============================== */
/* btn base
/* ----------------------------- */
.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  text-align: center;
  border: none;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

/* btn size
/* ----------------------------- */
.btn--large {
  width: 47.5%;
  line-height: 38px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 19px;
  position: relative; }
.btn--large.chev_next::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -3px; }
.btn--large.chev_prev::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(-45deg);
  position: absolute;
  left: 14px;
  top: 50%;
  margin-top: -3px; }

.btn--medium {
  width: 47.5%;
  line-height: 28px;
  font-size: 12px;
  border-radius: 18px;
  position: relative; }
.btn--medium.chev_next::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -3px; }
.btn--medium.chev_prev::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  margin-top: -3px; }

.btn--small {
  width: 114px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 18px;
  position: relative; }
.btn--small.chev_next::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -3px; }

.btn--xs {
  width: 42px;
  line-height: 18px;
  font-size: 10px;
  border-radius: 10px;
  position: relative; }

/* btn style
/* ----------------------------- */
.btn--primary {
  color: #FFFFFF;
  background: #1696A9;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); }
.btn--primary.disabled, .btn--primary:disabled {
  background-color: #C6C6C6;
  cursor: default; }
.btn--primary.chev_next::after {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF; }

.btn--secondary {
  color: #D27B22;
  border: 1px solid #D27B22; }
.btn--secondary.chev_next::after {
  border-top: 1px solid #D27B22;
  border-right: 1px solid #D27B22; }

.btn--tertiary {
  color: #1696A9;
  border: 1px solid #1696A9; }
.btn--tertiary.chev_next::after {
  border-top: 1px solid #1696A9;
  border-right: 1px solid #1696A9; }

/* page/_terms.scss
============================== */
.terms {
  /* head_tit
  /* ------------------------------ */
  /* section--terms
  /* ------------------------------ */
  /* section--check
  /* ------------------------------ */ }
.terms .wrap {
  background: url(../../assets/img/common/himedic.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.terms .main {
  padding: 40px 0 0; }
.terms .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 0; }
.terms .section--terms {
  padding: 0 5%; }
.terms .section--terms .inner {
  background: #FFFFFF;
  padding: 20px 5% 137px;
  text-align: justify;
  line-height: 2; }
.terms .section--terms .inner h2 {
  font-size: 14px; }
.terms .section--terms .inner h3, .terms .section--terms .inner h4 {
  font-size: 12px;
  font-weight: 500; }
.terms .section--terms .inner .mb_20 {
  margin-bottom: 20px; }
.terms .section--terms .inner .mb_40 {
  margin-bottom: 40px; }
.terms .section--check {
  width: 100%;
  padding: 0 5%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 888; }
.terms .section--check .check_bg {
  background: #FFFFFF;
  border-top: 1px solid #F1F1F1;
  padding: 20px 5%; }
.terms .section--check .check_bg .check_area {
  display: block;
  width: 108px;
  position: relative;
  text-align: center;
  margin: 0 auto 20px; }
.terms .section--check .check_bg .check_area input[type="checkbox"] + span {
  padding-left: 19px; }
.terms .section--check .check_bg .check_area input[type="checkbox"] + span::before {
  left: 0; }
.terms .section--check .check_bg .check_area input[type="checkbox"]:checked + span::after {
  left: 3px; }
.terms .section--check .check_bg .btn {
  margin: 0 auto; }

/* page/_stayed_detail.scss
============================== */
.stayed_detail {
  /* head_tit
  /* ------------------------------ */
  /* section--stayed_detail
  /* ------------------------------ */ }
.stayed_detail .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.stayed_detail .main {
  padding: 40px 0 100px; }
.stayed_detail .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.stayed_detail .section--stayed_detail {
  padding: 0 5%; }
.stayed_detail .section--stayed_detail .inner {
  background: #FFFFFF;
  padding: 20px 5% 0;
  /* ------ golf ------ */
  /* stayed_detail__list */
  /* doc__table */
  /* subtotal__table */
  /* doc__txt */
  /* doc__txt */ }
.stayed_detail .section--stayed_detail .inner::after {
  display: table;
  content: "";
  clear: both; }
.stayed_detail .section--stayed_detail .inner .doc__tit,
.stayed_detail .section--stayed_detail .inner .reserve__num {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  margin-bottom: 20px; }
.stayed_detail .section--stayed_detail .inner .doc__tit::before,
.stayed_detail .section--stayed_detail .inner .reserve__num::before {
  content: "";
  display: inline-block;
  height: 20px;
  border-left: 2px solid #D27B22;
  position: absolute;
  top: 1px;
  left: 0; }
.stayed_detail .section--stayed_detail .inner .golf__date {
  font-weight: 700; }
.stayed_detail .section--stayed_detail .inner .golf__list__item,
.stayed_detail .section--stayed_detail .inner .golf__list__item__partner {
  padding-left: 2em; }
.stayed_detail .section--stayed_detail .inner .golf__list__item::before,
.stayed_detail .section--stayed_detail .inner .golf__list__item__partner::before {
  margin-left: -1em;
  letter-spacing: 0; }
.stayed_detail .section--stayed_detail .inner .golf__list__item::before {
  content: "・"; }
.stayed_detail .section--stayed_detail .inner .golf__list__item__partner {
  color: #D27B22;
  line-height: 1.5; }
.stayed_detail .section--stayed_detail .inner .golf__list__item__partner::before {
  content: "※"; }
.stayed_detail .section--stayed_detail .inner .btn {
  margin: 0 auto 40px; }
.stayed_detail .section--stayed_detail .inner .stayed_detail__list {
  padding-bottom: 20px; }
.stayed_detail .section--stayed_detail .inner .stayed_detail__list li {
  width: 100%;
  border: 1px solid #F1F1F1;
  margin-bottom: 20px;
  position: relative; }
.stayed_detail .section--stayed_detail .inner .stayed_detail__list li .list__num {
  display: block;
  background: #F1F1F1;
  font-size: 12px;
  padding: 5px 10px;
  margin-bottom: 5px; }
.stayed_detail .section--stayed_detail .inner .stayed_detail__list li .list__name {
  display: block;
  font-size: 12px;
  font-weight: 700;
  padding: 0 10px;
  margin-bottom: 5px; }
.stayed_detail .section--stayed_detail .inner .stayed_detail__list li .list__room {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 0 10px;
  margin-bottom: 10px; }
.stayed_detail .section--stayed_detail .inner .stayed_detail__list li .list__price {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 0 10px;
  margin-bottom: 10px;
  position: absolute;
  right: 0; }
.stayed_detail .section--stayed_detail .inner .stayed_detail__list li .btn_area {
  letter-spacing: -1em;
  padding: 0 10px; }
.stayed_detail .section--stayed_detail .inner .stayed_detail__list li .btn_area .btn--medium {
  display: inline-block;
  letter-spacing: 0.05em;
  margin: 0 auto 20px; }
.stayed_detail .section--stayed_detail .inner .stayed_detail__list li .btn_area .btn--medium + .btn {
  margin-left: 5%; }
.stayed_detail .section--stayed_detail .inner .doc__table {
  width: 100%;
  margin-bottom: -1px; }
.stayed_detail .section--stayed_detail .inner .doc__table tr {
  border: 1px solid #C6C6C6; }
.stayed_detail .section--stayed_detail .inner .doc__table tr th {
  background: #F1F1F1; }
.stayed_detail .section--stayed_detail .inner .doc__table tr .doc__date {
  text-align: left;
  padding: 10px; }
.stayed_detail .section--stayed_detail .inner .doc__table tr .doc__item {
  text-align: left;
  padding: 10px 10px 10px 20px; }
.stayed_detail .section--stayed_detail .inner .doc__table tr .doc__price {
  text-align: right;
  padding: 10px; }
.stayed_detail .section--stayed_detail .inner .subtotal__table {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #C6C6C6; }
.stayed_detail .section--stayed_detail .inner .subtotal__table tr:nth-child(2) .subtotal__item,
.stayed_detail .section--stayed_detail .inner .subtotal__table tr:nth-child(2) .subtotal__price__sub {
  padding-top: 10px; }
.stayed_detail .section--stayed_detail .inner .subtotal__table tr:last-child .subtotal__item,
.stayed_detail .section--stayed_detail .inner .subtotal__table tr:last-child .subtotal__price__sub {
  padding-bottom: 10px; }
.stayed_detail .section--stayed_detail .inner .subtotal__table tr th {
  background: #F1F1F1;
  border-bottom: 1px solid #C6C6C6; }
.stayed_detail .section--stayed_detail .inner .subtotal__table tr .subtotal__tit {
  text-align: left;
  padding: 10px; }
.stayed_detail .section--stayed_detail .inner .subtotal__table tr .subtotal__item {
  text-align: left;
  padding: 5px 10px 5px 20px; }
.stayed_detail .section--stayed_detail .inner .subtotal__table tr .subtotal__price {
  text-align: right;
  padding: 10px; }
.stayed_detail .section--stayed_detail .inner .subtotal__table tr .subtotal__price__sub {
  text-align: right;
  padding: 5px 10px; }
.stayed_detail .section--stayed_detail .inner .doc__txt {
  color: #767676;
  font-size: 10px;
  text-align: justify;
  padding-bottom: 40px; }
.stayed_detail .section--stayed_detail .inner .detail__link__hide {
  display: inline-block;
  background: #C6C6C6;
  color: #FFFFFF;
  border-radius: 14px;
  float: right;
  padding: 2px 10px;
  margin-bottom: 40px; }

.stayed_detail .modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
.stayed_detail .modal .modal__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }
.stayed_detail .modal .modal__inner {
  padding: 0 10%; }
.stayed_detail .modal .modal__inner .modal__content {
  width: 100%;
  background: #FFFFFF;
  position: relative;
  top: 80px;
  padding: 20px 20px 40px; }
.stayed_detail .modal .modal__inner .modal__content p {
  margin-bottom: 20px; }
.stayed_detail .modal .modal__inner .modal__content .btn_area {
  letter-spacing: -1em;
  text-align: center; }
.stayed_detail .modal .modal__inner .modal__content .btn_area .btn {
  width: 47.5%;
  display: inline-block;
  letter-spacing: 0.05em; }
.stayed_detail .modal .modal__inner .modal__content .btn_area .btn + .btn {
  margin-left: 5%; }
  

/* page/_reserved_detail.scss
============================== */
.reserved_detail {
  /* head_tit
  /* ------------------------------ */
  /* tab--nav
  /* ------------------------------ */
  /* section--reserved_detail
  /* ------------------------------ */ }
.reserved_detail .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.reserved_detail .main {
  padding: 80px 0 100px; }
.reserved_detail .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 80px;
  padding: 10px 5%; }
.reserved_detail .section--tab--nav .tab--nav li {
  width: 33.333%; }
.reserved_detail .section--tab--nav .tab--nav li.single {
  width: 100%; }
.reserved_detail .section--reserved_detail {
  padding: 0 5%; }
.reserved_detail .section--reserved_detail .inner {
  background: #FFFFFF;
  padding: 20px 5% 0; }
.reserved_detail .section--reserved_detail .inner .reserve__num {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  margin-bottom: 20px; }
.reserved_detail .section--reserved_detail .inner .reserve__num::before {
  content: "";
  display: inline-block;
  height: 20px;
  border-left: 2px solid #D27B22;
  position: absolute;
  top: 1px;
  left: 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner::after {
  display: table;
  content: "";
  clear: both; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic {
  /* ------ golf ------ */
  /* ------------ */ }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .rights {
  display: inline-block;
  width: 52px;
  line-height: 20px;
  text-align: center;
  margin-right: 5px; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .rights.red {
  background: #EA7070; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .rights.blue {
  background: #98D8E2; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .rights.white {
  background: #F1F1F1; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .rights.gold {
  background: #EFDDAE; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail {
  padding-bottom: 20px; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__date {
  font-weight: 700; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__date + .room__detail__inner .room__type {
  padding-top: 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__detail__inner .room__type {
  font-weight: 700;
  padding-top: 20px; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__detail__inner .room__type + .room__list {
  padding-top: 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__detail__inner .room__list {
  border-bottom: 1px solid #F1F1F1;
  padding: 20px 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__detail__inner .room__list .room__list__head {
  position: relative;
  padding-left: 2em; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__detail__inner .room__list .room__list__head::before {
  content: "";
  display: inline-block;
  height: 20px;
  border-left: 2px solid #D27B22;
  position: absolute;
  top: 4px;
  left: 17px; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__detail__inner .room__list .room__list__item {
  padding-left: 2em; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__detail__inner .room__list .room__list__item::before {
  content: "・";
  margin-left: -1em;
  letter-spacing: 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail .room__detail__inner .room__list .room__list__status {
  display: block;
  border: 1px solid #EA7070;
  width: 80px;
  line-height: 20px;
  color: #EA7070;
  font-size: 10px;
  text-align: center;
  margin: 5px 0 0 14px; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail:last-child {
  padding-bottom: 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .room__detail:last-child .room__detail__inner:last-child .room__list:last-child {
  border-bottom: none;
  padding-bottom: 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .golf__date {
  font-weight: 700; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .golf__list__item,
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .golf__list__item__partner {
  padding-left: 2em; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .golf__list__item::before,
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .golf__list__item__partner::before {
  margin-left: -1em;
  letter-spacing: 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .golf__list__item::before {
  content: "・"; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .golf__list__item__partner {
  color: #D27B22;
  line-height: 1.5; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .golf__list__item__partner::before {
  content: "※"; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .table__basic__list {
  padding: 20px 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .table__basic__list .list__cat__primary {
  font-weight: 700; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .table__basic__list .list__head {
  position: relative;
  padding-left: 2em; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .table__basic__list .list__head::before {
  content: "";
  display: inline-block;
  height: 20px;
  border-left: 2px solid #D27B22;
  position: absolute;
  top: 4px;
  left: 17px; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .table__basic__list .list__item {
  padding-left: 2em; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .table__basic__list:first-child {
  padding-top: 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .table__basic__list:last-child {
  padding-bottom: 0; }
.reserved_detail .section--reserved_detail .inner .tab--contents__inner .table__basic .table__basic__list:not(:last-child) {
  border-bottom: 1px solid #F1F1F1; }
.reserved_detail .section--reserved_detail .inner .btn {
  margin: 20px auto; }
.reserved_detail .section--reserved_detail .inner .detail__link__hide {
  display: inline-block;
  background: #C6C6C6;
  color: #FFFFFF;
  border-radius: 14px;
  float: right;
  padding: 2px 10px;
  margin-bottom: 40px; }
.reserved_detail .section--reserved_detail .inner .meal__note:last-child {
  padding-bottom: 40px; }

/* page/_reserve.scss
============================== */
.reserve {
  /* head_tit
  /* ------------------------------ */
  /* tab--nav
  /* ------------------------------ */
  /* reserve--list
  /* ------------------------------ */
  /* modal
  /* ------------------------------ */ }
.reserve .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.reserve .main {
  padding: 80px 0 100px; }
.reserve .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 80px;
  padding: 10px 5%; }
.reserve .section--tab--nav .tab--nav li {
  width: 33.333%; }
.reserve .section--reserve--list {
  padding: 0 5%; }
.reserve .section--reserve--list .inner {
  background: #FFFFFF;
  padding: 20px 5% 40px; }
.reserve .section--reserve--list .inner .alltime--area .selectbox_basic-wrapper {
  width: 43%;
  background: #F1F1F1;
  border: 1px solid #C6C6C6;
  position: relative;
  margin: 0;
  user-select: none; }
.reserve .section--reserve--list .inner .alltime--area .selectbox_basic-wrapper select {
  display: none; }
.reserve .section--reserve--list .inner .alltime--area .selectbox_basic-wrapper .selectbox_basic-trigger {
  display: block;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 30px 10px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.reserve .section--reserve--list .inner .alltime--area .selectbox_basic-wrapper .selectbox_basic-trigger::before {
  content: '';
  width: 6px;
  height: 6px;
  border-right: 2px solid #C6C6C6;
  border-bottom: 2px solid #C6C6C6;
  transform: rotate(45deg);
  position: absolute;
  top: 14px;
  right: 10px; }
.reserve .section--reserve--list .inner .alltime--area .selectbox_basic-wrapper .selectbox-options {
  width: 100%;
  background: #FFFFFF;
  outline: 1px solid #C6C6C6;
  position: absolute;
  top: 38px;
  left: 0;
  padding: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 1; }
.reserve .section--reserve--list .inner .alltime--area .selectbox_basic-wrapper .selectbox-options .selectbox-option {
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.reserve .section--reserve--list .inner .alltime--area .selectbox_basic-wrapper .selectbox-options .selectbox-option:not(:last-child) {
  padding-bottom: 10px; }
.reserve .section--reserve--list .inner .alltime--area .selectbox_basic-wrapper .selectbox_basic.opened .selectbox-options {
  opacity: 1;
  visibility: visible; }
.reserve .section--reserve--list .inner .list .list_item {
  padding: 20px 0 0; }
.reserve .section--reserve--list .inner .list .list_item::after {
  display: table;
  content: "";
  clear: both; }
.reserve .section--reserve--list .inner .list .list_item:not(:last-child) {
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 40px; }
.reserve .section--reserve--list .inner .list .list_item .reserve__num {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  margin-bottom: 20px; }
.reserve .section--reserve--list .inner .list .list_item .reserve__num::before {
  content: "";
  display: inline-block;
  height: 20px;
  border-left: 2px solid #D27B22;
  position: absolute;
  top: 1px;
  left: 0; }
.reserve .section--reserve--list .inner .list .list_item .reserve__num .waiting,
.reserve .section--reserve--list .inner .list .list_item .reserve__num .canceled {
  font-size: 10px;
  font-weight: 500;
  padding: 4px 8px;
  margin-left: 10px; }
.reserve .section--reserve--list .inner .list .list_item .reserve__num .waiting {
  background: #EA7070;
  color: #FFFFFF; }
.reserve .section--reserve--list .inner .list .list_item .reserve__num .canceled {
  border: 1px solid #EA7070;
  color: #EA7070; }
.reserve .section--reserve--list .inner .list .list_item .img {
  width: 109px;
  height: 72px;
  float: left;
  margin: 0 13px 20px 0; }
.reserve .section--reserve--list .inner .list .list_item ul {
  width: 52.86%;
  float: left;
  line-height: 2;
  margin-bottom: 20px; }
.reserve .section--reserve--list .inner .list .list_item .btn_area {
  letter-spacing: -1em; }
.reserve .section--reserve--list .inner .list .list_item .btn_area .btn {
  display: inline-block;
  letter-spacing: 0.05em; }
.reserve .section--reserve--list .inner .list .list_item .btn_area .btn + .btn {
  margin-left: 5%; }
.reserve .section--reserve--list .inner .txt__update {
  color: #D27B22;
  margin-bottom: 20px; }
.reserve .modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
.reserve .modal .modal__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }
.reserve .modal .modal__inner {
  padding: 0 10%; }
.reserve .modal .modal__inner .modal__content {
  width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  text-align: center;
  position: relative;
  top: 180px; }
.reserve .modal .modal__inner .modal__content .modal__txt-area {
  padding: 40px 20px; }
.reserve .modal .modal__inner .modal__content .modal__txt-area .tel {
  font-size: 16px;
  margin-bottom: 10px; }
.reserve .modal .modal__inner .modal__content .modal__txt-area .txt {
  font-size: 12px; }
.reserve .modal .modal__inner .modal__content .modal__link-area {
  border-top: 1px solid #C6C6C6;
  font-size: 0; }
.reserve .modal .modal__inner .modal__content .modal__link-area .cancel,
.reserve .modal .modal__inner .modal__content .modal__link-area .call {
  display: inline-block;
  width: 49.89%;
  color: #1696A9;
  font-size: 12px;
  padding: 20px 0; }
.reserve .modal .modal__inner .modal__content .modal__link-area .cancel {
  border-right: 1px solid #C6C6C6; }

/* page/_relationship.scss
============================== */
.relationship {
  /* head_tit
  /* ------------------------------ */
  /* section--relationship
  /* ------------------------------ */ }
.relationship .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.relationship .main {
  padding: 40px 0 100px; }
.relationship .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.relationship .section--relationship {
  padding: 0 5%; }
.relationship .section--relationship .inner {
  background: #FFFFFF;
  padding: 20px 5%;
  /* ------ heading ------ */
  /* selectbox */
  /* ------ btn ------ */ }
.relationship .section--relationship .inner .relationship__heading {
  font-size: 12px;
  padding-bottom: 10px; }
.relationship .section--relationship .inner .selectbox_basic-wrapper {
  width: 100%;
  background: #F1F1F1;
  border: 1px solid #C6C6C6;
  position: relative;
  user-select: none;
  margin: 0; }
.relationship .section--relationship .inner .selectbox_basic-wrapper select {
  display: none; }
.relationship .section--relationship .inner .selectbox_basic-wrapper .selectbox_basic-trigger {
  display: block;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 20px 10px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.relationship .section--relationship .inner .selectbox_basic-wrapper .selectbox_basic-trigger::before {
  content: '';
  width: 6px;
  height: 6px;
  border-right: 2px solid #C6C6C6;
  border-bottom: 2px solid #C6C6C6;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: rotate(45deg) translateY(-50%); }
.relationship .section--relationship .inner .selectbox_basic-wrapper .selectbox-options {
  width: 100%;
  max-height: 15em;
  overflow: scroll;
  background: #FFFFFF;
  outline: 1px solid #C6C6C6;
  position: absolute;
  top: 39px;
  left: 0;
  padding: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 1; }
.relationship .section--relationship .inner .selectbox_basic-wrapper .selectbox-options .selectbox-option {
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.relationship .section--relationship .inner .selectbox_basic-wrapper .selectbox-options .selectbox-option:not(:last-child) {
  padding-bottom: 16px; }
.relationship .section--relationship .inner .selectbox_basic-wrapper .selectbox_basic.opened .selectbox-options {
  opacity: 1;
  visibility: visible; }
.relationship .section--relationship .inner .btn__create {
  width: 47.5%;
  line-height: 38px;
  background: #1696A9;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 19px;
  color: #FFFFFF;
  font-weight: 700;
  position: relative;
  margin: 40px auto 20px; }
.relationship .section--relationship .inner .btn__create::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -3px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF; }

/* page/_receipt.scss
============================== */
.receipt_body {
  /* receipt
  /* ------------------------------ */ }
.receipt_body .receipt {
  display: block;
  /*width: 595px;*/
  /*height: 842px;*/
  background: #FFFFFF;
  padding: 60px;
  /* ------ head ------ */
  /* ------ addressee ------ */
  /* ------ total ------ */
  /* ------ taxation ------ */
  /* ------ breakdown ------ */
  /* ------
  place
  date
  isued
  ------ */
  /* ------ company ------ */ }
.receipt_body .receipt .table-head {
  width: 100%;
  margin-bottom: 50px; }
.receipt_body .receipt .table-head td {
  width: 33.333%; }
.receipt_body .receipt .table-head td:nth-child(1) span {
  font-size: 10px;
  color: #EA7070;
  border: 1px solid #EA7070;
  padding: 5px 20px; }
.receipt_body .receipt .table-head td:nth-child(2) {
  font-size: 16px;
  text-align: center; }
.receipt_body .receipt .table-head td:nth-child(2) span {
  display: block;
  font-size: 10px; }
.receipt_body .receipt .table-head td:nth-child(3) {
  font-size: 12px;
  text-align: right; }
.receipt_body .receipt .table-addressee {
  width: 100%;
  margin-bottom: 30px;
  position: relative; }
.receipt_body .receipt .table-addressee::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #064583;
  padding-bottom: 5px;
  position: absolute; }
.receipt_body .receipt .table-addressee td {
  font-size: 12px;
  vertical-align: bottom; }
.receipt_body .receipt .table-addressee td:nth-child(1) {
  width: 20%;
  border-left: 3px solid #064583;
  padding: 0 10px; }
.receipt_body .receipt .table-addressee td:nth-child(1) span {
  display: block;
  font-size: 10px; }
.receipt_body .receipt .table-addressee td:nth-child(2) {
  text-align: left;
  font-size: 16px;
}
.receipt_body .receipt .table-addressee td:nth-child(3) {
  width: 5%;
  text-align: right;
  font-size: 16px;
}

.receipt_body .receipt .table-addressee-total {
  width: 100%;
  margin-bottom: 20px;
  position: relative; }
  .receipt_body .receipt .table-addressee-total::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    border-bottom: 2px solid #064583;
    bottom: -8px;
}
.receipt_body .receipt .table-addressee-total::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #064583;
  padding-bottom: 10px;
  position: absolute; }
.receipt_body .receipt .table-addressee-total td {
  font-size: 12px;
  vertical-align: bottom; }
.receipt_body .receipt .table-addressee-total td:nth-child(1) {
  width: 20%;
  border-left: 3px solid #064583;
  padding: 0 10px; }
.receipt_body .receipt .table-addressee-total td:nth-child(1) span {
  display: block;
  font-size: 10px; }
.receipt_body .receipt .table-addressee-total td:nth-child(2) {
  text-align: left;
  font-size: 16px;
}
.receipt_body .receipt .table-addressee-total td:nth-child(3) {
  width: 5%;
  text-align: right;
  font-size: 16px;
}

.receipt_body .receipt .table-total {
  width: 100%;
  margin-bottom: 25px;
  margin-bottom: 15px;
  position: relative; }
.receipt_body .receipt .table-total::before, .receipt_body .receipt .table-total::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute; }
.receipt_body .receipt .table-total td {
  font-size: 12px;
  vertical-align: bottom; }
.receipt_body .receipt .table-total td:nth-child(1) {
  width: 20%;
  padding: 0 12px; }
.receipt_body .receipt .table-total td:nth-child(1) span {
  display: block;
  font-size: 10px; }
.receipt_body .receipt .table-total td:nth-child(2) {
  width: 30%;
  font-size: 16px;
  text-align: right;
  padding: 0 2px; }
.receipt_body .receipt .table-total td:nth-child(1).utiwake {
  width: 30%;
  font-size: 12px;
  line-height: 24px;
  text-align: right;
 }
.receipt_body .receipt .table-total td:nth-child(2).utiwake {
  width: 30%;
  font-size: 12px;
  line-height: 24px;
  text-align: right;
   }
.receipt_body .receipt .table-total td:nth-child(3) {
  width: 19%;
  padding: 0 10px; }
.receipt_body .receipt .table-total td:nth-child(3) span {
  display: block;
  font-size: 10px; }
.receipt_body .receipt .table-total td:nth-child(4) {
  width: 31%;
  text-align: right;
  padding-left: 10px; }
.receipt_body .receipt .taxation-container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 15px; }
.receipt_body .receipt .taxation-container .inner-l {
  padding-right: 10px; }
.receipt_body .receipt .taxation-container .inner-r {
  padding-left: 10px; }
.receipt_body .receipt .taxation-container .inner-l,
.receipt_body .receipt .taxation-container .inner-r {
  width: 50%; }
.receipt_body .receipt .taxation-container .inner-l table,
.receipt_body .receipt .taxation-container .inner-r table {
  width: 100%; }
.receipt_body .receipt .taxation-container .inner-l table tr,
.receipt_body .receipt .taxation-container .inner-r table tr {
  /*border-bottom: 1px solid #064583;*/
}
.receipt_body .receipt .taxation-container .inner-l table tr th,
.receipt_body .receipt .taxation-container .inner-r table tr th {
  font-weight: normal;
  text-align: left;
  /*padding: 5px 10px 5px 0;*/
}
.receipt_body .receipt .taxation-container .inner-l table tr th span,
.receipt_body .receipt .taxation-container .inner-r table tr th span {
  display: block;
  font-size: 10px; }
.receipt_body .receipt .taxation-container .inner-l table tr td,
.receipt_body .receipt .taxation-container .inner-r table tr td {
  text-align: right;
  /*padding: 5px 0; */
}
.receipt_body .receipt .table-breakdown {
  width: 48%;
  float: left;
  margin: 0 2% 20px 0;
  position: relative; }
.receipt_body .receipt .table-breakdown::before, .receipt_body .receipt .table-breakdown::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute; }
.receipt_body .receipt .table-breakdown::before {
  border-bottom: 2px solid #064583;
  bottom: 0; }
.receipt_body .receipt .table-breakdown::after {
  border-bottom: 1px solid #064583;
  bottom: -3px; }
.receipt_body .receipt .table-breakdown td {
  font-size: 12px; }
.receipt_body .receipt .table-breakdown td.breakdown {
  width: 29%;
  text-align: center;
  padding: 0 5px; }
.receipt_body .receipt .table-breakdown td.breakdown span {
  display: block;
  font-size: 10px; }
.receipt_body .receipt .table-breakdown td.head {
  width: 41%;
  vertical-align: bottom;
  padding: 5px 10px 5px 0; }
.receipt_body .receipt .table-breakdown td.head span {
  display: block;
  font-size: 10px; }
.receipt_body .receipt .table-breakdown td.price {
  width: 30%;
  text-align: right;
  vertical-align: bottom;
  padding: 5px 0 5px 10px; }
.receipt_body .receipt .table-breakdown tr:not(:last-child) .head,
.receipt_body .receipt .table-breakdown tr:not(:last-child) .price {
  border-bottom: 1px solid #064583; }
.receipt_body .receipt .table-place,
.receipt_body .receipt .table-date,
.receipt_body .receipt .table-issued {
  width: 48%;
  float: right;
  margin: 11px 0 20px 2%;
  position: relative; }
.receipt_body .receipt .table-place::after,
.receipt_body .receipt .table-date::after,
.receipt_body .receipt .table-issued::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #064583;
  padding-bottom: 5px;
  position: absolute; }
.receipt_body .receipt .table-place td,
.receipt_body .receipt .table-date td,
.receipt_body .receipt .table-issued td {
  font-size: 12px;
  vertical-align: bottom; }
.receipt_body .receipt .table-place td:nth-child(1),
.receipt_body .receipt .table-date td:nth-child(1),
.receipt_body .receipt .table-issued td:nth-child(1) {
  width: 40%;
  border-left: 3px solid #064583;
  padding: 0 10px; }
.receipt_body .receipt .table-place td:nth-child(1) span,
.receipt_body .receipt .table-date td:nth-child(1) span,
.receipt_body .receipt .table-issued td:nth-child(1) span {
  display: block;
  font-size: 10px; }
.receipt_body .receipt .table-place td:nth-child(2),
.receipt_body .receipt .table-date td:nth-child(2),
.receipt_body .receipt .table-issued td:nth-child(2) {
  width: 60%;
  text-align: right;
  padding-left: 10px; }
.receipt_body .receipt .company {
  float: right;
  text-align: right; }
.receipt_body .receipt .company svg {
  width: 105px; }
.receipt_body .receipt .company .name {
  font-size: 12px; }
.receipt_body .receipt .company .address {
  font-size: 10px; }

/* page/_receipt.scss
============================== */
.receipt {
  /* head_tit
  /* ------------------------------ */
  /* section--receipt
  /* ------------------------------ */ }
.receipt .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.receipt .main {
  padding: 40px 0 100px; }
.receipt .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.receipt .section--receipt {
  padding: 0 5%; }
.receipt .section--receipt .inner {
  background: #FFFFFF;
  padding: 20px 5% 40px;
  /* ------ num ------ */
  /* ------ issued ------ */
  /* ------ addressee ------ */
  /* ------------ receipt-area ------------ */ }
.receipt .section--receipt .inner .receipt__num {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  margin-bottom: 10px; }
.receipt .section--receipt .inner .receipt__num::before {
  content: "";
  display: inline-block;
  height: 20px;
  border-left: 2px solid #D27B22;
  position: absolute;
  top: 1px;
  left: 0; }
.receipt .section--receipt .inner .receipt__issued {
  font-size: 12px;
  margin-bottom: 40px; }
.receipt .section--receipt .inner .receipt__addressee {
  font-size: 12px;
  margin-bottom: 10px; }
.receipt .section--receipt .inner input {
  display: inline-block;
  width: 87%;
  margin: 0 20px 80px 0; }
.receipt .section--receipt .inner input::placeholder {
  color: #C6C6C6; }
.receipt .section--receipt .inner input + span {
  font-size: 12px; }
.receipt .section--receipt .inner .btn {
  margin: 0 auto; }
.receipt .section--receipt .inner .receipt-area {
  width: 100%;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  margin: 0 auto 40px; }

/* page/_occupation.scss
============================== */
.occupation {
  /* head_tit
  /* ------------------------------ */
  /* tab--nav
  /* ------------------------------ */
  /* section--reserved_detail
  /* ------------------------------ */ }
.occupation .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.occupation .main {
  padding: 80px 0 100px; }
.occupation .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 80px;
  padding: 10px 5%; }
.occupation .section--tab--nav .tab--nav li {
  width: 50%; }
.occupation .section--reserved_detail {
  padding: 0 5%; }
.occupation .section--reserved_detail .inner {
  background: #FFFFFF;
  padding: 20px 5% 40px; }
.occupation .section--reserved_detail .inner .txt__update {
  color: #D27B22;
  margin-bottom: 20px; }
.occupation .section--reserved_detail .inner .table__block {
  margin-bottom: 5px; }
.occupation .section--reserved_detail .inner table.homefl_content {
  margin-bottom: 5px;
}
.occupation .section--reserved_detail .inner table.homefl_content .deposit{
  background-image: linear-gradient(to left top, transparent calc(50% - 0.5px), #999 50%, #999 calc(50% + 0.5px), transparent calc(50% + 1px));
}
.occupation .section--reserved_detail .inner .table__block th:nth-child(1) {
  width: 39%; }
.occupation .section--reserved_detail .inner .table__block th:nth-child(2) {
  width: 36.4%; }
.occupation .section--reserved_detail .inner .table__block th:nth-child(3) {
  width: 24.6%; }
.occupation .section--reserved_detail .inner .color_desc {
  margin-bottom: 40px; }
.occupation .section--reserved_detail .inner .color_desc span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 2px; }
.occupation .section--reserved_detail .inner .color_desc span.gold {
  background: #EFDDAE; }
.occupation .section--reserved_detail .inner .color_desc span.red {
  background: #EA7070; }
.occupation .section--reserved_detail .inner .color_desc span.blue {
  background: #98D8E2; }
.occupation .section--reserved_detail .inner .color_desc span.white {
  border: 1px solid #C6C6C6; }
.occupation .section--reserved_detail .inner .btn_area {
  letter-spacing: -1em; }
.occupation .section--reserved_detail .inner .btn_area .btn {
  display: inline-block;
  letter-spacing: 0.05em; }
.occupation .section--reserved_detail .inner .btn_area .btn + .btn {
  margin-left: 5%; }
.occupation .section--reserved_detail .inner .notice__tit {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  margin-bottom: 20px; }
.occupation .section--reserved_detail .inner .notice__tit::before {
  content: "";
  display: inline-block;
  height: 20px;
  border-left: 2px solid #D27B22;
  position: absolute;
  top: 1px;
  left: 0; }
.occupation .section--reserved_detail .inner .notice__list {
  margin-bottom: 40px; }
.occupation .section--reserved_detail .inner .notice__list li {
  position: relative;
  font-weight: 700;
  border-bottom: 1px solid #F1F1F1;
  padding: 20px 0; }
.occupation .section--reserved_detail .inner .notice__list li:first-child {
  padding-top: 0; }
.occupation .section--reserved_detail .inner .notice__list li:first-child label input[type="checkbox"] + span::before {
  margin-top: -17px; }
.occupation .section--reserved_detail .inner .notice__list li:first-child label input[type="checkbox"]:checked + span::after {
  margin-top: -14px; }
.occupation .section--reserved_detail .inner .notice .btn {
  margin: 0 auto; }
.occupation .modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
.occupation .modal .modal__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }
.occupation .modal .modal__inner {
  padding: 0 10%; }
.occupation .modal .modal__inner .modal__content {
  width: 100%;
  background: #FFFFFF;
  position: relative;
  top: 80px;
  padding: 20px 20px 40px; }
.occupation .modal .modal__inner .modal__content p {
  margin-bottom: 20px; }
.occupation .modal .modal__inner .modal__content .btn_area {
  letter-spacing: -1em;
  text-align: center; }
.occupation .modal .modal__inner .modal__content .btn_area .btn {
  width: 47.5%;
  display: inline-block;
  letter-spacing: 0.05em; }
.occupation .modal .modal__inner .modal__content .btn_area .btn + .btn {
  margin-left: 5%; }

/* page/_news_article.scss
============================== */
.news_article {
  /* head_tit
  /* ------------------------------ */
  /* section--news_article
  /* ------------------------------ */ }
.news_article .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.news_article .main {
  padding: 40px 0 100px; }
.news_article .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.news_article .section--news_article {
  padding: 0 5%; }
.news_article .section--news_article .inner {
  background: #FFFFFF;
  padding: 20px 5%; }
.news_article .section--news_article .inner article {
  text-align: justify;
  /* table__article */
  /* table__article__transfer */ }
.news_article .section--news_article .inner article .article__date {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px; }
.news_article .section--news_article .inner article .article__date .new {
  color: #D27B22;
  padding-left: 10px; }
.news_article .section--news_article .inner article .article__tit {
  font-size: 14px;
  margin-bottom: 40px; }
.news_article .section--news_article .inner article span {
  display: block;
  padding-bottom: 10px; }
.news_article .section--news_article .inner article p {
  line-height: 2.4;
  padding-bottom: 40px; }
.news_article .section--news_article .inner article p:last-child {
  padding-bottom: 20px; }
.news_article .section--news_article .inner article .table__article {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 10px; }
.news_article .section--news_article .inner article .table__article tr {
  text-align: left;
  vertical-align: top; }
.news_article .section--news_article .inner article .table__article tr th {
  width: 50%;
  background: #F1F1F1;
  color: #232323;
  border: 1px solid #C6C6C6;
  text-align: center;
  padding: 10px 0; }
.news_article .section--news_article .inner article .table__article tr td {
  width: 50%;
  border: 1px solid #C6C6C6;
  padding: 10px; }
.news_article .section--news_article .inner article .table__article__transfer {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 20px; }
.news_article .section--news_article .inner article .table__article__transfer:last-child {
  margin-bottom: 10px; }
.news_article .section--news_article .inner article .table__article__transfer tr {
  vertical-align: top; }
.news_article .section--news_article .inner article .table__article__transfer tr th,
.news_article .section--news_article .inner article .table__article__transfer tr td {
  border: 1px solid #C6C6C6;
  padding: 10px; }
.news_article .section--news_article .inner article .table__article__transfer tr th {
  width: 98px;
  font-weight: 500;
  text-align: left; }
.news_article .section--news_article .inner article .table__article__transfer tr td {
  width: 100%;
  text-align: right; }
.news_article .section--news_article .inner article .table__article__transfer tr .bg-light {
  background: #F1F1F1; }
.news_article .section--news_article .inner article .table__article__transfer tr .font-large {
  font-size: 14px; }
.news_article .section--news_article .inner article .table__article__transfer tr .font-bold {
  font-weight: 700; }
.news_article .section--news_article .inner article .payments {
  display: block;
  color: #D27B22;
  text-align: right;
  position: relative;
  padding-right: 10px;
  margin-bottom: 10px; }
.news_article .section--news_article .inner article .payments::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #D27B22;
  border-right: 1px solid #D27B22;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 6px; }
.news_article .section--news_article .inner article .notice__article {
  font-size: 10px; }
.news_article .section--news_article .inner .btn_area {
  letter-spacing: -1em;
  padding: 30px 0 20px; }
.news_article .section--news_article .inner .btn_area .btn {
  display: inline-block;
  letter-spacing: 0.05em; }
.news_article .section--news_article .inner .btn_area .btn + .btn {
  margin-left: 5%; }

/* page/_news.scss
============================== */
.news {
  /* head_tit
  /* ------------------------------ */
  /* tab--nav
  /* ------------------------------ */
  /* section--news
  /* ------------------------------ */ }
.news .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.news .main {
  padding: 80px 0 100px; }
.news .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 80px;
  padding: 10px 5%; }
.news .section--tab--nav .tab--nav li {
  width: 50%; }
.news .section--news {
  padding: 0 5%; }
.news .section--news .inner {
  background: #FFFFFF;
  padding: 20px 5% 40px; }
.news .section--news .inner .list--news li {
  border-bottom: 1px solid #F1F1F1; }
.news .section--news .inner .list--news li a {
  display: block;
  padding: 10px 0; }
.news .section--news .inner .list--news li a .article__date {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  position: relative; }
.news .section--news .inner .list--news li a .article__date .new {
  color: #D27B22;
  position: absolute;
  right: 0; }
.news .section--news .inner .list--news li a .article__tit {
  font-size: 12px;
  text-align: justify; }
.news .section--news .inner .list--news li:first-child a {
  padding-top: 0; }

/* page/_login.scss
============================== */
.login {
  /* head_tit
  /* ------------------------------ */
  /* section--login
  /* ------------------------------ */ }
.login .wrap {
  background: url(../../assets/img/common/himedic.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.login .main {
  padding-top: 40px; }
.login .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.login .section--login {
  padding: 0 5%; }
.login .section--login .inner {
  background: #FFFFFF;
  padding: 20px 5%;
  /* ------ btn__app__login ------ */
  /* ------ name ------ */
  /* ------ heading ------ */
  /* ------ text ------ */
  /* ------ tel ------ */
  /* ------ placeholder ------ */
  /* ------ select ------ */
  /* ------ table ------ */
  /* ------ btn ------ */
  /* ------ txt__forgot ------ */
  /* ------ login__txt__menbership ------ */
  /* ------ img ------ */ }
.login .section--login .inner .btn__app__login {
  background: #FFFFFF;
  width: 96%;
  line-height: 38px;
  border-radius: 24px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  color: #1696A9;
  border: 2px solid #1696A9;
  position: relative;
  margin: 20px auto !important; }
.login .section--login .inner .btn__app__login::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #1696A9;
  border-right: 1px solid #1696A9;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg); }
.login .section--login .inner .login__name {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 20px; }
.login .section--login .inner .login__name span {
  margin-right: 20px; }
.login .section--login .inner .login__heading {
  font-size: 12px;
  margin-bottom: 10px; }
.login .section--login .inner input[type="text"],
.login .section--login .inner input[type="tel"].dr_tel,
.login .section--login .inner input[type="password"] {
  width: 100%;
  margin-bottom: 20px; }
.login .section--login .inner input[type="tel"] {
  display: inline-block;
  width: 52px;
  margin: 0 10px 20px 0; }
.login .section--login .inner input[type="tel"] + span {
  margin-right: 10px; }
.login .section--login .inner input[type="text"]::placeholder,
.login .section--login .inner input[type="tel"]::placeholder,
.login .section--login .inner input[type="password"]::placeholder {
  color: #C6C6C6; }
.login .section--login .inner select {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  background: #F1F1F1;
  font-size: 12px;
  text-align: center;
  border: 1px solid #C6C6C6;
  border-radius: 0;
  padding: 10px;
  margin-right: 10px; }
.login .section--login .inner select + span {
  margin-right: 10px; }
.login .section--login .inner .table__confirm {
  width: 100%;
  border-collapse: collapse; }
.login .section--login .inner .table__confirm tr {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #F1F1F1; }
.login .section--login .inner .table__confirm tr:first-child th, .login .section--login .inner .table__confirm tr:first-child td {
  padding-top: 0; }
.login .section--login .inner .table__confirm tr th {
  width: 21%;
  text-align: justify;
  padding: 20px 0; }
.login .section--login .inner .table__confirm tr td {
  width: 79%;
  text-align: justify;
  padding: 20px 0 20px 20px; }
.login .section--login .inner .btn {
  margin: 40px auto 20px; }
.login .section--login .inner .login__txt__link {
  display: block;
  color: #1696A9;
  text-align: center;
  margin-bottom: 20px; }
.login .section--login .inner .txt__forgot {
  font-size: 10px;
  text-align: justify;
  text-justify: inter-ideograph; }
.login .section--login .inner .login__txt__menbership {
  font-size: 10px;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 20px; }
.login .section--login .inner .img_point_id {
  padding: 20px;
  margin: 20px auto 0;
  /*pc*/
  /*tb*/
  /*sp*/ }
@media screen and (min-width: 1024px) {
  .login .section--login .inner .img_point_id {
    width: 36%; } }
@media screen and (max-width: 1024px) and (min-width: 425px) {
  .login .section--login .inner .img_point_id {
    width: 50%; } }
@media screen and (max-width: 425px) {
  .login .section--login .inner .img_point_id {
    width: 100%; } }

/* page/_home.scss
============================== */
.loading {
  display: none; }

.home {
  /* loading
  ------------------------------ */
  /* user
  /* ------------------------------ */
  /* gnav
  /* ------------------------------ */ }
.home .wrap {
  background: url(../../assets/img/common/himedic.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.home .main {
  padding: 65px 0 100px; }
.home .loading {
  display: block;
  width: 100%;
  height: 100%;
  background: #232323;
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  -webkit-transition: width 0.3s ease 0.5s;
  transition: width 0.3s ease 0.5s; }
.home .loading .fa-spinner {
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s; }
.home.loaded .loading {
  width: 0; }
.home.loaded .loading .fa-spinner {
  opacity: 0; }
.home .section--user {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  margin: 0 auto;
  height: 45px;
  padding: 5px 5%; }
.home .section--user .user__name {
  font-size: 14px;
  line-height: 36px;
  float: left; }
.home .section--user .user__name span {
  padding-left: 0.4em; }
.home .section--user .user__info {
  float: right;
  text-align: center;
  line-height: 1; }
.home .section--user .user__info .user__info__icon {
  width: 27px;
  margin: 0 auto;
  position: relative; }
.home .section--user .user__info .user__info__icon svg {
  fill: #232323;
  width: 100%; }
.home .section--user .user__info .user__info__icon .info__unread {
  display: block;
  background: #FF0000;
  width: 22px;
  line-height: 22px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  transform: scale(0.7);
  transform-origin: 0 0;
  position: absolute;
  top: 0;
  right: -12px; }
.home .section--user .user__info span {
  font-size: 10px;
  font-weight: 700; }
.home .section--gnav {
  padding: 0 5%; }
.home .section--gnav .section--gnav__head {
  color: white;
  background-color: rgba(22, 150, 169, 0.8);
  padding: 0 5px;
  border-radius: 2px;
  margin: 0 0 5px 0;
}
.home .section--gnav .section--gnav__list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5%; }
.home .section--gnav .section--gnav__list .list__btn {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  width: 30%;
  height: 114px;
  text-align: center;
  margin: 0 0 20px 0; }
.home .section--gnav .section--gnav__list .list__btn a {
  display: block;
  width: 100%;
  height: 100%; }
.home .section--gnav .section--gnav__list .list__btn a .list__btn__icon {
  margin: 0 auto; }
.home .section--gnav .section--gnav__list .list__btn a .list__btn__icon svg {
  fill: #D27B22;
  width: 100%; }
.home .section--gnav .section--gnav__list .list__btn a .tit {
  font-size: 16px;
  font-weight: 700; }
.home .section--gnav .section--gnav__list .list__btn a .tit .sub {
  display: block;
  font-size: 12px;
  font-weight: 500; }
.home .section--gnav .section--gnav__list .list__btn.reserve a {
  padding: 17px 0 0; }
.home .section--gnav .section--gnav__list .list__btn.reserve .list__btn__icon {
  width: 50px;
  margin-bottom: 8px; }
.home .section--gnav .section--gnav__list .list__btn.occupation a {
  padding: 14px 0 0; }
.home .section--gnav .section--gnav__list .list__btn.occupation .list__btn__icon {
  width: 36px;
  margin-bottom: 5px; }
.home .section--gnav .section--gnav__list .list__btn.agreement a {
  padding: 12px 0 0; }
.home .section--gnav .section--gnav__list .list__btn.agreement .list__btn__icon {
  width: 32px; }
.home .section--gnav .section--gnav__list .list__btn.customer a {
  padding: 14px 0 0; }
.home .section--gnav .section--gnav__list .list__btn.customer .list__btn__icon {
  width: 27px;
  margin-bottom: 3px; }
.home .section--gnav .section--gnav__list .list__btn.customer .list__btn__icon_family {
  margin: 0 auto;
    width: 40px;
    margin-bottom: 5px; }
.home .section--gnav .section--gnav__list .list__btn.config a {
  padding: 10px 0 0; }
.home .section--gnav .section--gnav__list .list__btn.config .list__btn__icon {
  width: 46px;
  margin-bottom: 1px; }

.home .section--gnav .section--gnav__list .list__btn.comingsoon {
  position: relative;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.home .section--gnav .section--gnav__list .list__btn.comingsoon .list__btn__icon,
.home .section--gnav .section--gnav__list .list__btn.comingsoon .tit {
  opacity: 0.4; }
.home .section--gnav .section--gnav__list .list__btn.comingsoon::before {
  content: "coming soon...";
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -60px;
  z-index: 1; }

.home .section--gnav .section--gnav__list .list__btn:nth-child(2n) {
  margin-right: 0; }

/* メッセージのスタイル */
.home .alert {
  padding: 5px 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}

.home .alert-message {
  background-color: #FFFFCC;
  border: 1px solid #FFE69C;
}

/* page/_error.scss
============================== */
.error {
  /* head_tit
  /* ------------------------------ */
  /* section--error
  /* ------------------------------ */ }
.error .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.error .main {
  padding: 40px 0 100px; }
.error .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.error .section--error {
  padding: 0 5%; }
.error .section--error .inner {
  background: #FFFFFF;
  padding: 20px 5%; }
.error .section--error .inner .error__tit {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  margin-bottom: 20px; }
.error .section--error .inner .error__tit::before {
  content: "";
  display: inline-block;
  height: 20px;
  border-left: 2px solid #D27B22;
  position: absolute;
  top: 1px;
  left: 0; }
.error .section--error .inner .error__txt {
  text-align: justify;
  margin-bottom: 40px; }
.error .section--error .inner .btn {
  margin: 0 auto 20px; }

/* page/_detailed_statement.scss
============================== */
.detailed_statement {
  /* receipt
  /* ------------------------------ */ }
.detailed_statement .wrap {
  min-height: unset; }
.detailed_statement .main {
  font-size: 24px;
  padding: 0; }
.detailed_statement .detailed_statement_wrapper {
  display: block;
  width: 1190px;
  height: 1680px;
  background: #FFFFFF;
  padding: 20px;
  /* head_wrapper */
  /* detailed_statement_title */
  /* total_wrapper */
  /* info_wrapper */
  /* detail_table */ }
.detailed_statement .detailed_statement_wrapper.after_2_page {
  padding-top: 26px; }
.detailed_statement .detailed_statement_wrapper .head_wrapper {
  padding-bottom: 20px; }
.detailed_statement .detailed_statement_wrapper .head_wrapper::after {
  display: table;
  content: "";
  clear: both; }
.detailed_statement .detailed_statement_wrapper .head_wrapper .addressee_container {
  display: inline-block;
  width: 590px;
  border-bottom: 1px solid #C6C6C6;
  padding-bottom: 20px; }
.detailed_statement .detailed_statement_wrapper .head_wrapper .addressee_container .name {
  display: table-cell;
  width: 542px;
  text-align: justify;
  text-justify: inter-ideograph; }
.detailed_statement .detailed_statement_wrapper .head_wrapper .addressee_container .honorifics {
  display: table-cell;
  width: 48px;
  text-align: right;
  vertical-align: bottom; }
.detailed_statement .detailed_statement_wrapper .head_wrapper .company_container {
  display: inline-block;
  float: right;
  text-align: right; }
.detailed_statement .detailed_statement_wrapper .head_wrapper .company_container .date,
.detailed_statement .detailed_statement_wrapper .head_wrapper .company_container .address,
.detailed_statement .detailed_statement_wrapper .head_wrapper .company_container .tel {
  font-size: 20px; }
.detailed_statement .detailed_statement_wrapper .head_wrapper .company_container .date {
  padding-bottom: 40px; }
.detailed_statement .detailed_statement_wrapper .head_wrapper .company_container svg {
  width: 210px; }
.detailed_statement .detailed_statement_wrapper .head_wrapper .company_container .address {
  padding-bottom: 20px; }
.detailed_statement .detailed_statement_wrapper .detailed_statement_title {
  font-size: 32px;
  text-align: center;
  padding-bottom: 20px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper {
  padding-bottom: 30px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .total_container {
  display: inline-block;
  width: 444px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .total_container .total_table {
  width: 100%;
  border: 1px solid #C6C6C6;
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .total_container .total_table tr {
  height: 56px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .total_container .total_table tr:not(:last-child) th, .detailed_statement .detailed_statement_wrapper .total_wrapper .total_container .total_table tr:not(:last-child) td {
  border-bottom: 1px solid #C6C6C6; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .total_container .total_table tr th {
  text-align: left;
  padding: 0 20px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .total_container .total_table tr td {
  text-align: right;
  padding-right: 20px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .total_container .holiday {
  font-size: 20px;
  padding-bottom: 15px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .total_container .delegate {
  padding-bottom: 4px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .total_container .delegate_name {
  font-size: 28px;
  border-bottom: 1px solid #C6C6C6;
  padding-bottom: 10px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .account_container {
  display: inline-block;
  width: 666px;
  float: right; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .account_container .account_table {
  width: 100%;
  border: 1px solid #C6C6C6;
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 16px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .account_container .account_table tr {
  height: 46px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .account_container .account_table tr:first-child th {
  text-align: center; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .account_container .account_table tr:not(:last-child) th, .detailed_statement .detailed_statement_wrapper .total_wrapper .account_container .account_table tr:not(:last-child) td {
  border-bottom: 1px dashed #C6C6C6; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .account_container .account_table tr th {
  text-align: left;
  padding: 0 20px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .account_container .account_table tr th:nth-child(1) {
  width: 144px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .account_container .account_table tr td {
  text-align: left;
  padding-right: 20px; }
.detailed_statement .detailed_statement_wrapper .total_wrapper .account_container .account_text {
  font-size: 16px;
  padding: 5px 0 0 5px; }
.detailed_statement .detailed_statement_wrapper .info_wrapper {
  padding-bottom: 20px; }
.detailed_statement .detailed_statement_wrapper .info_wrapper .info_title {
  font-size: 24px;
  padding-bottom: 10px; }
.detailed_statement .detailed_statement_wrapper .info_wrapper .text_area {
  border: 1px solid #C6C6C6;
  border-radius: 8px;
  padding: 20px; }
.detailed_statement .detailed_statement_wrapper .info_wrapper .text_area .info_text {
  font-size: 17px;
  letter-spacing: 0;
  text-align: justify;
  text-justify: inter-ideograph; }
.detailed_statement .detailed_statement_wrapper .detail_table {
  width: 100%;
  border: 1px solid #C6C6C6;
  border-spacing: 0; }
.detailed_statement .detailed_statement_wrapper .detail_table tr {
  height: 50px; }
.detailed_statement .detailed_statement_wrapper .detail_table tr:nth-child(even) {
  background: #F1F1F1; }
.detailed_statement .detailed_statement_wrapper .detail_table tr th {
  border-bottom: 1px solid #C6C6C6;
  letter-spacing: 0.2px; }
.detailed_statement .detailed_statement_wrapper .detail_table tr th:not(:last-child) {
  border-right: 1px solid #C6C6C6; }
.detailed_statement .detailed_statement_wrapper .detail_table tr th:nth-child(1) {
  width: 228px; }
.detailed_statement .detailed_statement_wrapper .detail_table tr th:nth-child(2) {
  width: 155px; }
.detailed_statement .detailed_statement_wrapper .detail_table tr th:nth-child(4) {
  width: 168px; }
.detailed_statement .detailed_statement_wrapper .detail_table tr td {
  font-size: 20px;
  letter-spacing: 0.2px;
  padding: 0 20px; }
.detailed_statement .detailed_statement_wrapper .detail_table tr td:last-child {
  text-align: right; }
.detailed_statement .detailed_statement_wrapper .detail_table tr td:not(:last-child) {
  border-right: 1px solid #C6C6C6; }

/* page/_customer_edit_confirm.scss
============================== */
.customer_edit_confirm {
  /* head_tit
  /* ------------------------------ */
  /* section--customer_edit_confirm
  /* ------------------------------ */ }
.customer_edit_confirm .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.customer_edit_confirm .main {
  padding: 40px 0 100px; }
.customer_edit_confirm .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.customer_edit_confirm .section--customer_edit_confirm {
  padding: 0 5%; }
.customer_edit_confirm .section--customer_edit_confirm .inner {
  background: #FFFFFF;
  padding: 20px 5%; }
.customer_edit_confirm .section--customer_edit_confirm .inner .selected {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
  margin: 0 auto 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.customer_edit_confirm .section--customer_edit_confirm .inner .confirm__txt {
  text-align: justify;
  margin-bottom: 20px; }
.customer_edit_confirm .section--customer_edit_confirm .inner .changed {
  color: #EA7070; }
.customer_edit_confirm .section--customer_edit_confirm .inner .changed .list__status {
  display: block;
  background: #EA7070;
  width: 50px;
  line-height: 25px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  margin-top: 5px; }
.customer_edit_confirm .section--customer_edit_confirm .inner .btn {
  margin: 40px auto 20px; }
.customer_edit_confirm .section--customer_edit_confirm .inner .edit_cancel {
  display: block;
  color: #1696A9;
  text-align: center;
  margin: 0 auto 20px; }
.customer_edit_confirm .modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
.customer_edit_confirm .modal .modal__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }
.customer_edit_confirm .modal .modal__inner {
  padding: 0 10%; }
.customer_edit_confirm .modal .modal__inner .modal__content {
  width: 100%;
  background: #FFFFFF;
  position: relative;
  top: 40px;
  padding: 20px 20px 40px; }
.customer_edit_confirm .modal .modal__inner .modal__content p {
  margin-bottom: 20px; }
.customer_edit_confirm .modal .modal__inner .modal__content .btn_area {
  letter-spacing: -1em;
  text-align: center; }
.customer_edit_confirm .modal .modal__inner .modal__content .btn_area .btn {
  width: 47.5%;
  display: inline-block;
  letter-spacing: 0.05em; }
.customer_edit_confirm .modal .modal__inner .modal__content .btn_area .btn + .btn {
  margin-left: 5%; }

/* page/_customer_edit.scss
============================== */
.customer_edit {
  /* head_tit
  /* ------------------------------ */
  /* section--customer_edit
  /* ------------------------------ */
  /* modal
  /* ------------------------------ */ }
.customer_edit .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.customer_edit .main {
  padding: 40px 0 100px; }
.customer_edit .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.customer_edit .section--customer_edit {
  padding: 0 5%; }
.customer_edit .section--customer_edit .inner {
  background: #FFFFFF;
  padding: 20px 5%;
  /* ------ selected ------ */
  /* ------ form ------ */ }
.customer_edit .section--customer_edit .inner .btn {
  margin: 0 auto 20px; }
.customer_edit .section--customer_edit .inner .selected {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
  margin: 0 auto 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.customer_edit .section--customer_edit .inner .list--form dt {
  margin-bottom: 10px;
  /* ------ check__clear ------ */ }
.customer_edit .section--customer_edit .inner .list--form dt .check__clear {
  display: block;
  font-weight: 500;
  position: relative;
  padding-left: 20px;
  margin-top: 5px; }
.customer_edit .section--customer_edit .inner .list--form dt .check__clear input[type="checkbox"] + span::before {
  top: 10px;
  left: 0; }
.customer_edit .section--customer_edit .inner .list--form dt .check__clear input[type="checkbox"]:checked + span::after {
  top: 10px;
  left: 3px; }
.customer_edit .section--customer_edit .inner .list--form dd {
  /* ------ tel ------ */
  /* ------ select ------ */
  /* ------ check__list ------ */
  /* ------ check__list ------ */ }
.customer_edit .section--customer_edit .inner .list--form dd input[type="text"],
.customer_edit .section--customer_edit .inner .list--form dd input[type="email"],
.customer_edit .section--customer_edit .inner .list--form dd select {
  margin: 0 0 20px; }
.customer_edit .section--customer_edit .inner .list--form dd input[type="tel"] {
  display: inline-block;
  width: 52px;
  margin: 0 10px 20px 0; }
.customer_edit .section--customer_edit .inner .list--form dd input[type="tel"] + span {
  margin-right: 10px; }
.customer_edit .section--customer_edit .inner .list--form dd select {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  background: #F1F1F1;
  font-size: 12px;
  text-align: center;
  border: 1px solid #C6C6C6;
  border-radius: 0;
  padding: 10px;
  margin-right: 10px; }
.customer_edit .section--customer_edit .inner .list--form dd select.disabled {
  background: #767676;
 }
.customer_edit .section--customer_edit .inner .list--form dd select.select__anniversary {
  width: 100%;
  margin: 0 0 0 0; }
.customer_edit .section--customer_edit .inner .list--form dd select + span {
  margin-right: 10px; }
.customer_edit .section--customer_edit .inner .list--form dd .last-name {
  margin-right: 10px; }
.customer_edit .section--customer_edit .inner .list--form dd .first-name {
  margin: 0 10px; }
.customer_edit .section--customer_edit .inner .list--form dd .name_box {
  display: inline-block;
  width: 37.4%; }
.customer_edit .section--customer_edit .inner .list--form dd .not_select {
  margin-bottom: 20px; }
.customer_edit .section--customer_edit .inner .list--form dd .btn_hobby-aller {
  display: block;
  margin: 0 auto 20px !important; }
.customer_edit .section--customer_edit .inner .list--form dd .selected_code {
  margin-top: 0; }


.customer_edit .section--customer_edit .inner .list--form dd .check__list {
  margin: 20px 0 0 0; }
.customer_edit .section--customer_edit .inner .list--form dd .check__list li {
  display: inline-block;
  position: relative;
  margin: 0 30px 20px 0; }
.customer_edit .section--customer_edit .inner .list--form dd .check__list li input[type="checkbox"] + span {
  padding-left: 19px; }
.customer_edit .section--customer_edit .inner .list--form dd .check__list li input[type="checkbox"] + span::before {
  left: 0; }
.customer_edit .section--customer_edit .inner .list--form dd .check__list li input[type="checkbox"]:checked + span::after {
  left: 3px; }
.customer_edit .section--customer_edit .inner .list--form dd .check_txtbox {
  margin: 0px 0 10px !important; }


.customer_edit #hobby-modal .list--form dd .check__list {
  margin: 20px 0 0 0; }
.customer_edit #hobby-modal .list--form dd .check__list li {
  display: inline-block;
  position: relative;
  margin: 0 30px 20px 0; }
.customer_edit #hobby-modal .list--form dd .check__list li input[type="checkbox"] + span {
  padding-left: 19px; }
.customer_edit #hobby-modal .list--form dd .check__list li input[type="checkbox"] + span::before {
  left: 0; }
.customer_edit #hobby-modal .list--form dd .check__list li input[type="checkbox"]:checked + span::after {
  left: 3px; }
.customer_edit #hobby-modal .list--form dd .check_txtbox {
  margin: 0px 0 10px !important; }
.customer_edit #hobby-modal button {
  display: block;
  margin: 0 auto 20px !important; }

.customer_edit #allergy-modal .list--form dd .check__list {
  margin: 20px 0 0 0; }
.customer_edit #allergy-modal .list--form dd .check__list li {
  display: inline-block;
  position: relative;
  margin: 0 30px 20px 0; }
.customer_edit #allergy-modal .list--form dd .check__list li input[type="checkbox"] + span {
  padding-left: 19px; }
.customer_edit #allergy-modal .list--form dd .check__list li input[type="checkbox"] + span::before {
  left: 0; }
.customer_edit #allergy-modal .list--form dd .check__list li input[type="checkbox"]:checked + span::after {
  left: 3px; }
.customer_edit #allergy-modal .list--form dd .check_txtbox {
  margin: 0px 0 10px !important; }
.customer_edit #allergy-modal button {
  display: block;
  margin: 0 auto 20px !important; }

.customer_edit .section--customer_edit .inner .list--form dd .note {
  text-align: justify;
  text-justify: inter-ideograph; }
.customer_edit .section--customer_edit .inner .list--form dd .selected__list {
  margin-bottom: 10px; }
.customer_edit .section--customer_edit .inner .list--form dd .selected__list li {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  margin: 0 10px 10px 0; }
.customer_edit .section--customer_edit .inner .list--form dd .selected__list li::before {
  content: "・";
  position: absolute;
  left: 0; }
.customer_edit .section--customer_edit .inner .btn {
  margin: 0 auto 20px; }
.customer_edit .section--customer_edit .inner .edit_cancel {
  display: block;
  color: #1696A9;
  text-align: center;
  margin: 0 auto 20px; }
.customer_edit .modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
.customer_edit .modal .modal__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }
.customer_edit .modal .modal__inner {
  padding: 0 10%; }
.customer_edit .modal .modal__inner .modal__content {
  width: 100%;
  background: #FFFFFF;
  outline: 1px solid #C6C6C6;
  position: relative;
  top: 62px;
  padding: 0 0 20px; }
.customer_edit .modal .modal__inner .modal__content .modal__tit {
  width: 100%;
  background: #064583;
  outline: 1px solid #064583;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  position: relative;
  margin-bottom: 20px; }
.customer_edit .modal .modal__inner .modal__content .js-modal-close {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 12px;
  right: 5%; }
.customer_edit .modal .modal__inner .modal__content .js-modal-close span {
  display: block;
  width: 14px;
  height: 2px;
  background: #FFFFFF;
  position: absolute;
  top: 7px; }
.customer_edit .modal .modal__inner .modal__content .js-modal-close span:nth-child(1) {
  transform: rotate(45deg); }
.customer_edit .modal .modal__inner .modal__content .js-modal-close span:nth-child(2) {
  transform: rotate(-45deg); }
.customer_edit .modal .modal__inner .modal__content .list--form {
  padding: 0 5%;
  margin-bottom: 0; }
.customer_edit .modal .modal__inner .modal__content .list--form .btn {
  margin: 0 auto 20px; }
.customer_edit .modal .modal__inner .modal__content .list--form .choose_address {
  display: block;
  width: 100%;
  height: 35px;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  padding: 10px;
  margin: 10px 0 0; }

/* page/_customer.scss
============================== */
.customer {
  /* head_tit
  /* ------------------------------ */
  /* section--customer
  /* ------------------------------ */ }
.customer .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.customer .main {
  padding: 40px 0 100px; }
.customer .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.customer .section--customer {
  padding: 0 5%; }
.customer .section--customer .inner {
  background: #FFFFFF;
  padding: 20px 5%;
  /* ------ btn ------ */ }
.customer .section--customer .inner .btn {
  margin: 0 auto 20px; }
.customer .section--customer .inner .btn__add {
  width: 47.5%;
  line-height: 38px;
  border: 1px solid #1696A9;
  border-radius: 19px;
  color: #1696A9;
  font-weight: 700;
  position: relative;
  margin: 0 auto 20px; }
.customer .section--customer .inner .btn__add::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -3px;
  border-top: 1px solid #1696A9;
  border-right: 1px solid #1696A9; }
.customer .section--customer .inner .txt__update {
  color: #D27B22;
  margin-bottom: 20px; }

/* page/_config.scss
============================== */
.config {
  /* head_tit
  /* ------------------------------ */
  /* section--config
  /* ------------------------------ */ }
.config .wrap {
  background: url(../../assets/img/common/himedic.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.config .main {
  padding: 40px 0 100px; }
.config .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.config .section--config {
  padding: 0 5%; }
.config .section--config .inner {
  background: #FFFFFF;
  padding: 20px 5%;
  /* ------ table ------ */
  /* ------
  heading
  name
  note
  ------ */
  /* ------ input text ------ */
  /* ------ input tel ------ */
  /* ------ btn ------ */ }
.config .section--config .inner .table__config {
  width: 100%;
  border-collapse: collapse; }
.config .section--config .inner .table__config tr {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #F1F1F1; }
.config .section--config .inner .table__config tr.changed {
  color: #EA7070; }
.config .section--config .inner .table__config tr:first-child th, .config .section--config .inner .table__config tr:first-child td {
  padding-top: 0; }
.config .section--config .inner .table__config tr th {
  width: 21%;
  text-align: justify;
  padding: 20px 0; }
.config .section--config .inner .table__config tr th .list__status {
  display: block;
  background: #EA7070;
  width: 50px;
  line-height: 25px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  margin-top: 5px; }
.config .section--config .inner .table__config tr td {
  width: 79%;
  text-align: justify;
  padding: 20px 0 20px 20px; }
.config .section--config .inner .config__heading,
.config .section--config .inner .config__name,
.config .section--config .inner .config__note {
  font-size: 12px; }
.config .section--config .inner .config__heading {
  margin-bottom: 10px; }
.config .section--config .inner .config__name {
  margin-bottom: 20px; }
.config .section--config .inner .config__note {
  color: #D27B22;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 10px; }
.config .section--config .inner input[type="text"],
.config .section--config .inner input[type="email"],
.config .section--config .inner input[type="password"] {
  width: 100%;
  margin-bottom: 20px; }
.config .section--config .inner input[type="tel"] {
  display: inline-block;
  width: 52px;
  margin: 0 10px 20px 0; }
.config .section--config .inner input[type="tel"] + span {
  margin-right: 10px; }
.config .section--config .inner .btn {
  margin: 40px auto 20px; }
.config .section--config .inner .txt__update {
  color: #D27B22;
  margin-bottom: 20px; }
.config .section--config .inner .confirm__txt {
  text-align: justify;
  margin-bottom: 20px; }


/* page/_canceled_detail.scss
============================== */
.canceled_detail {
  /* head_tit
  /* ------------------------------ */
  /* section--canceled_detail
  /* ------------------------------ */ }
.canceled_detail .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.canceled_detail .main {
  padding: 40px 0 100px; }
.canceled_detail .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.canceled_detail .section--canceled_detail {
  padding: 0 5%; }
.canceled_detail .section--canceled_detail .inner {
  background: #FFFFFF;
  padding: 20px 5% 0; }
.canceled_detail .section--canceled_detail .inner::after {
  display: table;
  content: "";
  clear: both; }
.canceled_detail .section--canceled_detail .inner .reserve__num {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  margin-bottom: 20px; }
.canceled_detail .section--canceled_detail .inner .reserve__num::before {
  content: "";
  display: inline-block;
  height: 20px;
  border-left: 2px solid #D27B22;
  position: absolute;
  top: 1px;
  left: 0; }
.canceled_detail .section--canceled_detail .inner .detail__link__hide {
  display: inline-block;
  background: #C6C6C6;
  color: #FFFFFF;
  border-radius: 14px;
  float: right;
  padding: 2px 10px;
  margin-bottom: 40px; }

/* page/_attached_img.scss
============================== */
.attached_img {
  /* head_tit
  /* ------------------------------ */
  /* section--attached_img
  /* ------------------------------ */
  /* modal
  /* ------------------------------ */ }
.attached_img .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.attached_img .main {
  padding: 40px 0 100px; }
.attached_img .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.attached_img .section--attached_img {
  padding: 0 5%; }
.attached_img .section--attached_img .inner {
  background: #FFFFFF;
  padding: 20px 5%;
  /* ------ file__area ------ */
  /* ------ table__attached_img ------ */
  /* ------ btn ------ */
  /* ------ edit_cancel ------ */ }
.attached_img .section--attached_img .inner .file__area {
  padding-bottom: 20px; }
.attached_img .section--attached_img .inner .file__area .btn__file {
  width: 126px;
  line-height: 28px;
  background: #F1F1F1;
  border: 1px solid #767676;
  border-radius: 4px;
  font-size: 12px;
  margin-bottom: 5px; }
.attached_img .section--attached_img .inner .file__area .btn__file input[type="file"] {
  display: none; }
.attached_img .section--attached_img .inner .file__area .btn__file.disabled {
  background: #767676;
  color: #C6C6C6;
  pointer-events: none; }
.attached_img .section--attached_img .inner .file__area .txt__about-file {
  font-size: 10px;
  text-align: justify;
  text-justify: inter-ideograph; }
.attached_img .section--attached_img .inner .table__attached_img {
  width: 100%;
  border-top: 1px solid #F1F1F1;
  margin-bottom: 40px; }
.attached_img .section--attached_img .inner .table__attached_img tr {
  border-bottom: 1px solid #F1F1F1; }
.attached_img .section--attached_img .inner .table__attached_img tr .img__area {
  width: 20%;
  padding: 20px 0; }
.attached_img .section--attached_img .inner .table__attached_img tr .img__area .img {
  width: 62px;
  height: 62px; }
.attached_img .section--attached_img .inner .table__attached_img tr .img__name {
  width: 60%;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 20px; }
.attached_img .section--attached_img .inner .table__attached_img tr .img__name a {
  color: blue;
  text-decoration: underline;
}
.attached_img .section--attached_img .inner .table__attached_img tr .img__delete {
  width: 20%;
  padding: 20px 0; }
.attached_img .section--attached_img .inner .table__attached_img tr .img__delete .btn__img__delete {
  width: 44px;
  line-height: 28px;
  background: #767676;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 12px;
  margin: 0 auto; }
.attached_img .section--attached_img .inner .btn__confirm {
  width: 47.5%;
  line-height: 38px;
  background: #1696A9;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 19px;
  color: #FFFFFF;
  font-weight: 700;
  position: relative;
  margin: 0 auto 20px; }
.attached_img .section--attached_img .inner .btn__confirm::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -3px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF; }
.attached_img .section--attached_img .inner .edit_cancel {
  display: block;
  color: #1696A9;
  text-align: center;
  padding-bottom: 20px; }
.attached_img .modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
.attached_img .modal .modal__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }
.attached_img .modal .modal__inner {
  padding: 0 10%; }
.attached_img .modal .modal__inner .modal__content {
  width: 100%;
  background: #FFFFFF;
  position: relative;
  top: 40px;
  padding: 20px 20px 40px; }
.attached_img .modal .modal__inner .modal__content p {
  text-align: justify;
  text-justify: inter-ideograph;
  padding-bottom: 20px; }
.attached_img .modal .modal__inner .modal__content .btn_area {
  letter-spacing: -1em;
  text-align: center; }
.attached_img .modal .modal__inner .modal__content .btn_area .btn__yesorno {
  width: 47.5%;
  display: inline-block;
  line-height: 28px;
  background: #1696A9;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 19px;
  color: #FFFFFF;
  letter-spacing: 0.05em; }
.attached_img .modal .modal__inner .modal__content .btn_area .btn__yesorno + .btn__yesorno {
  margin-left: 5%; }

/* page/_agreement_cop_edit_confirm.scss
============================== */
.agreement_cop_edit_confirm {
  /* head_tit
  /* ------------------------------ */
  /* section--agreement_cop_edit_confirm
  /* ------------------------------ */ }
.agreement_cop_edit_confirm .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.agreement_cop_edit_confirm .main {
  padding: 40px 0 100px; }
.agreement_cop_edit_confirm .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm {
  padding: 0 5%; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner {
  background: #FFFFFF;
  padding: 20px 5%; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .selected {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
  margin: 0 auto 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .confirm__txt {
  text-align: justify;
  margin-bottom: 20px; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic .changed {
  color: #EA7070; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic .changed .list__status {
  display: block;
  background: #EA7070;
  width: 50px;
  line-height: 25px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  margin-top: 5px; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.file__area {
  margin-bottom: 20px; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.file__area .file__txt {
  display: block;
  width: 100%;
  color: #D27B22;
  font-weight: 500;
  text-align: justify;
  padding: 20px 0 5px; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.file__area .file__name {
  display: block;
  width: 100%;
  padding: 0 0 20px; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.pb-20_bb tr:last-child {
  border-bottom: 1px solid #F1F1F1; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.pb-20_bb tr:last-child th, .agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.pb-20_bb tr:last-child td {
  padding-bottom: 20px; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.pb-20_bb_mb-40 {
  margin-bottom: 40px; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.pb-20_bb_mb-40 tr:last-child {
  border-bottom: 1px solid #F1F1F1; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.pb-20_bb_mb-40 tr:last-child th, .agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.pb-20_bb_mb-40 tr:last-child td {
  padding-bottom: 20px; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .table__basic.bb {
  border-bottom: 1px solid #F1F1F1; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .btn {
  margin: 40px auto 20px; }
.agreement_cop_edit_confirm .section--agreement_cop_edit_confirm .inner .edit_cancel {
  display: block;
  color: #1696A9;
  text-align: center;
  margin: 0 auto 20px; }
.agreement_cop_edit_confirm .modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
.agreement_cop_edit_confirm .modal .modal__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }
.agreement_cop_edit_confirm .modal .modal__inner {
  padding: 0 10%; }
.agreement_cop_edit_confirm .modal .modal__inner .modal__content {
  width: 100%;
  background: #FFFFFF;
  position: relative;
  top: 40px;
  padding: 20px 20px 40px; }
.agreement_cop_edit_confirm .modal .modal__inner .modal__content p {
  margin-bottom: 20px; }
.agreement_cop_edit_confirm .modal .modal__inner .modal__content .btn_area {
  letter-spacing: -1em;
  text-align: center; }
.agreement_cop_edit_confirm .modal .modal__inner .modal__content .btn_area .btn {
  width: 47.5%;
  display: inline-block;
  letter-spacing: 0.05em; }
.agreement_cop_edit_confirm .modal .modal__inner .modal__content .btn_area .btn + .btn {
  margin-left: 5%; }

/* page/_agreement_cop_edit.scss
============================== */
.agreement_cop_edit {
  /* head_tit
  /* ------------------------------ */
  /* section--agreement_cop_edit
  /* ------------------------------ */
  /* modal
  /* ------------------------------ */ }
.agreement_cop_edit .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.agreement_cop_edit .main {
  padding: 40px 0 100px; }
.agreement_cop_edit .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 40px;
  padding: 10px 5%; }
.agreement_cop_edit .section--agreement_cop_edit {
  padding: 0 5%; }
.agreement_cop_edit .section--agreement_cop_edit .inner {
  background: #FFFFFF;
  padding: 20px 5%;
  /* ------ selected ------ */
  /* ------ cat__tit ------ */
  /* ------ form ------ */
  /* ------ btn ------ */
  /* ------ edit_cancel ------ */ }
.agreement_cop_edit .section--agreement_cop_edit .inner .fix-alert {
  display: block;
  background: #FFF2F2;
  border: 1px solid #EA7070;
  font-size: 12px;
  color: #EA7070;
  line-height: 1.8;
  padding: 10px;
  margin-bottom: 20px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .fix-alert .alert__lead {
  font-weight: 700;
  position: relative;
  margin-bottom: 10px;
  padding-left: 25px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .fix-alert .alert__lead::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 18px 10px;
  border-color: transparent transparent #EA7070 transparent; }
.agreement_cop_edit .section--agreement_cop_edit .inner .fix-alert .alert__lead .warning {
  color: #FFF2F2;
  position: relative;
  margin: 0 8px 0 -21px;
  z-index: 1; }
.agreement_cop_edit .section--agreement_cop_edit .inner .fix-alert li {
  position: relative;
  text-align: justify;
  padding-left: 1.1em; }
.agreement_cop_edit .section--agreement_cop_edit .inner .fix-alert li::after {
  content: "・";
  position: absolute;
  top: 0;
  left: 0; }
.agreement_cop_edit .section--agreement_cop_edit .inner .selected {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  font-size: 14px;
  font-weight: 700;
  padding: 10px;
  margin: 0 auto 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.agreement_cop_edit .section--agreement_cop_edit .inner .table__cat__tit {
  width: 100%;
  background: #064583;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin-bottom: 10px;
  position: relative; }
.agreement_cop_edit .section--agreement_cop_edit .inner .table__cat__tit::after {
  content: "+";
  font-size: 24px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
.agreement_cop_edit .section--agreement_cop_edit .inner .table__cat__tit.open::after {
  content: "";
  display: block;
  background: #FFFFFF;
  width: 12px;
  height: 3px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion {
  display: none;
  /* checkbox_agreement */
  /* edit__form-list */ }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .checkbox_agreement {
  position: relative;
  padding: 0 0 10px 20px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .checkbox_agreement input[type="checkbox"] + span::before {
  top: 9px;
  left: 0; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .checkbox_agreement input[type="checkbox"]:checked + span::after {
  top: 9px;
  left: 3px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list {
  padding: 10px 0 20px;
  /* dt */
  /* dd */
  /* border_btm */ }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dt {
  font-weight: 700;
  padding-bottom: 10px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dt .required {
  color: #EA7070;
  font-weight: 500; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dt.file__txt {
  color: #D27B22;
  font-weight: 500; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd {
  padding-bottom: 20px;
  /* selected_code */
  /* hyphen */
  /* btn */
  /* selected_address */
  /* text-box */
  /* form__tel */
  /* selectbox */
  /* btn__file */
  /* file__name */ }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selected_code {
  display: inline-block;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  padding: 10px;
  margin-right: 10px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .hyphen {
  display: inline-block;
  margin-right: 10px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .btn__code-search {
  display: inline-block;
  width: 114px;
  line-height: 28px;
  background: #1696A9;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 19px;
  color: #FFFFFF; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selected_address {
  display: block;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  padding: 10px;
  margin-bottom: 20px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .form__text-box {
  background-color: #F1F1F1;
  border: 1px solid #C6C6C6;
  padding: 12.5px 10px;
  margin: 0; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .form__tel {
  display: inline-block;
  width: 52px;
  background-color: #F1F1F1;
  border: 1px solid #C6C6C6;
  padding: 12.5px 10px;
  margin: 0 10px 0 0; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selectbox_basic-wrapper {
  width: 100%;
  background: #F1F1F1;
  border: 1px solid #C6C6C6;
  position: relative;
  user-select: none;
  margin: 0; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selectbox_basic-wrapper select {
  display: none; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selectbox_basic-wrapper .selectbox_basic-trigger {
  display: block;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 20px 10px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selectbox_basic-wrapper .selectbox_basic-trigger::before {
  content: '';
  width: 6px;
  height: 6px;
  border-right: 2px solid #C6C6C6;
  border-bottom: 2px solid #C6C6C6;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: rotate(45deg) translateY(-50%); }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selectbox_basic-wrapper .selectbox-options {
  width: 100%;
  max-height: 15em;
  overflow: scroll;
  background: #FFFFFF;
  outline: 1px solid #C6C6C6;
  position: absolute;
  top: 36px;
  left: 0;
  padding: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 1; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selectbox_basic-wrapper .selectbox-options .selectbox-option {
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selectbox_basic-wrapper .selectbox-options .selectbox-option:not(:last-child) {
  padding-bottom: 16px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .selectbox_basic-wrapper .selectbox_basic.opened .selectbox-options {
  opacity: 1;
  visibility: visible; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .btn__file {
  width: 126px;
  line-height: 28px;
  background: #F1F1F1;
  border: 1px solid #767676;
  border-radius: 4px;
  font-size: 12px;
  margin-bottom: 5px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .txt__about-file {
  font-size: 10px;
  text-align: justify;
  text-justify: inter-ideograph; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd .file__name {
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
  padding: 10px 10px 0; }
.agreement_cop_edit .section--agreement_cop_edit .inner .form__accordion .edit__form-list dd.border_btm {
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 20px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .btn__confirm {
  width: 47.5%;
  line-height: 38px;
  background: #1696A9;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 19px;
  color: #FFFFFF;
  font-weight: 700;
  position: relative;
  margin: 40px auto 20px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .btn__confirm::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -3px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF; }
.agreement_cop_edit .section--agreement_cop_edit .inner .table__cat__tit.open + .form__accordion + .btn__confirm {
  margin: 0 auto 20px; }
.agreement_cop_edit .section--agreement_cop_edit .inner .edit_cancel {
  display: block;
  color: #1696A9;
  text-align: center;
  margin: 0 auto 20px; }
.agreement_cop_edit .modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
.agreement_cop_edit .modal .modal__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }
.agreement_cop_edit .modal .modal__inner {
  padding: 0 10%; }
.agreement_cop_edit .modal .modal__inner .modal__content {
  width: 100%;
  background: #FFFFFF;
  outline: 1px solid #C6C6C6;
  position: relative;
  top: 62px;
  padding: 0 0 20px; }
.agreement_cop_edit .modal .modal__inner .modal__content .modal__tit {
  width: 100%;
  background: #064583;
  outline: 1px solid #064583;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  position: relative;
  margin-bottom: 20px; }
.agreement_cop_edit .modal .modal__inner .modal__content .js-modal-close {
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 12px;
  right: 5%; }
.agreement_cop_edit .modal .modal__inner .modal__content .js-modal-close span {
  display: block;
  width: 14px;
  height: 2px;
  background: #FFFFFF;
  position: absolute;
  top: 7px; }
.agreement_cop_edit .modal .modal__inner .modal__content .js-modal-close span:nth-child(1) {
  transform: rotate(45deg); }
.agreement_cop_edit .modal .modal__inner .modal__content .js-modal-close span:nth-child(2) {
  transform: rotate(-45deg); }
.agreement_cop_edit .modal .modal__inner .modal__content .list--form {
  padding: 0 5%;
  margin-bottom: 0; }
.agreement_cop_edit .modal .modal__inner .modal__content .list--form .btn {
  margin: 0 auto 20px; }
.agreement_cop_edit .modal .modal__inner .modal__content .list--form .choose_address {
  display: block;
  width: 100%;
  height: 35px;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  padding: 10px;
  margin: 10px 0 0; }

/* page/_agreement.scss
============================== */
.agreement {
  /* head_tit
  /* ------------------------------ */
  /* tab--nav
  /* ------------------------------ */
  /* section--agreement
  /* ------------------------------ */
  /* modal
  /* ------------------------------ */
  /* scroll_button_btm
  /* ------------------------------ */ }
.agreement .wrap {
  background: url(../../assets/img/common/hama.jpg) center center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0; }
.agreement .main {
  padding: 80px 0 100px; }
.agreement .section--head_tit {
  width: 100%;
  background: #F1F1F1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 888;
  margin: 0 auto;
  height: 80px;
  padding: 10px 5%; }
.agreement .section--tab--nav .tab--nav li {
  width: 50%; }
.agreement .section--agreement {
  padding: 0 5%; }
.agreement .section--agreement .inner {
  background: #FFFFFF;
  padding: 20px 5%;
  /* ------ update ------ */
  /* ------ alert ------ */
  /* ------ cat__tit ------ */
  /* ------ table__cat__head ------ */
  /* ------ table ------ */
  /* ------ btn ------ */ }
.agreement .section--agreement .inner .txt__update {
  color: #D27B22;
  margin-bottom: 20px; }
.agreement .section--agreement .inner .fix-alert {
  display: block;
  background: #FFF2F2;
  border: 1px solid #EA7070;
  font-size: 12px;
  color: #EA7070;
  line-height: 1.8;
  padding: 10px;
  margin-bottom: 20px; }
.agreement .section--agreement .inner .fix-alert .alert__lead {
  font-weight: 700;
  position: relative;
  margin-bottom: 10px;
  padding-left: 25px; }
.agreement .section--agreement .inner .fix-alert .alert__lead::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 18px 10px;
  border-color: transparent transparent #EA7070 transparent; }
.agreement .section--agreement .inner .fix-alert .alert__lead .warning {
  color: #FFF2F2;
  position: relative;
  margin: 0 8px 0 -21px;
  z-index: 1; }
.agreement .section--agreement .inner .fix-alert li {
  position: relative;
  text-align: justify;
  padding-left: 1.1em; }
.agreement .section--agreement .inner .fix-alert li::after {
  content: "・";
  position: absolute;
  top: 0;
  left: 0; }
.agreement .section--agreement .inner .table__cat__tit {
  width: 100%;
  background: #064583;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  margin-bottom: 10px;
  position: relative; }
.agreement .section--agreement .inner .table__cat__tit::after {
  content: "+";
  font-size: 24px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
.agreement .section--agreement .inner .table__cat__tit.open::after {
  content: "";
  display: block;
  background: #FFFFFF;
  width: 12px;
  height: 3px; }
.agreement .section--agreement .inner .table__cat__head {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0; }
.agreement .section--agreement .inner .table__cat__head::after {
  content: '';
  display: block;
  background: #064583;
  width: 60px;
  height: 2px;
  margin: 5px auto 0; }
.agreement .section--agreement .inner .table__accordion {
  display: none; }
.agreement .section--agreement .inner .table__accordion .table__agreement {
  width: 100%;
  line-height: 2.4;
  border-collapse: collapse; }
.agreement .section--agreement .inner .table__accordion .table__agreement tr {
  text-align: left;
  vertical-align: top; }
.agreement .section--agreement .inner .table__accordion .table__agreement tr th {
  width: 21%;
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 20px 0; }
.agreement .section--agreement .inner .table__accordion .table__agreement tr th .list__status {
  display: block;
  background: #EA7070;
  width: 50px;
  line-height: 25px;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  margin-top: 5px; }
.agreement .section--agreement .inner .table__accordion .table__agreement tr td {
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 20px 0 20px 6.601%; }
.agreement .section--agreement .inner .table__accordion .table__agreement tr:not(:last-child) {
  border-bottom: 1px solid #F1F1F1; }
.agreement .section--agreement .inner .table__accordion .table__agreement tr:last-child th, .agreement .section--agreement .inner .table__accordion .table__agreement tr:last-child td {
  padding-bottom: 40px; }
.agreement .section--agreement .inner .btn_area {
  padding-top: 30px; }
.agreement .section--agreement .inner .btn {
  margin: 0 auto 20px; }
.agreement .section--agreement .inner .table__cat__tit.open + .table__accordion + .btn_area {
  padding-top: 0; }
.agreement .section--agreement .inner .form .edit__form-list dt {
  font-weight: 700;
  padding-bottom: 10px; }
.agreement .section--agreement .inner .form .edit__form-list dd.border_btm {
  margin-bottom: 20px; }
.agreement .section--agreement .inner .form .edit__form-list dd select {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  background: #F1F1F1;
  font-size: 12px;
  text-align: center;
  border: 1px solid #C6C6C6;
  border-radius: 0;
  padding: 10px;
  margin-right: 10px; }
.agreement .modal {
  display: none;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }
.agreement .modal .modal__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }
.agreement .modal .modal__inner {
  padding: 0 10%; }
.agreement .modal .modal__inner .modal__content {
  width: 100%;
  background: #FFFFFF;
  position: relative;
  top: 80px;
  padding: 20px 20px 40px; }
.agreement .modal .modal__inner .modal__content p {
  margin-bottom: 20px; }
.agreement .modal .modal__inner .modal__content .btn_area {
  letter-spacing: -1em;
  text-align: center; }
.agreement .modal .modal__inner .modal__content .btn_area .btn {
  width: 47.5%;
  display: inline-block;
  letter-spacing: 0.05em; }
.agreement .modal .modal__inner .modal__content .btn_area .btn + .btn {
  margin-left: 5%; }
.agreement .scroll_button_btm a {
  display: block;
  width: 46px;
  height: 46px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  position: fixed;
  right: 10px;
  bottom: 100px; }
.agreement .scroll_button_btm a svg {
  width: 20px;
  fill: #767676;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px; }