/* login */

.header_color .secheader {
    background: #8C816C;
}
@media screen and (max-width: 767px) {
    .header_color.limited_top .breadcrumb {
     background: #8C816C;
    }
}

#login {

}
#login .contents {
  background-color: #fff;
}
#login .contents .main-title {
    background: none;
}

#login .login_area {
background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 11%, rgba(140, 129, 108, 1) 80%);
}


#login .contents .sec-01 {
  margin: 0 auto;
  padding: 0 0 40px;
  width: 100%;
}
#login .contents .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
}
#login .contents .inner .text {
  color: var(--black);
  font-family: var(--sub-font);
  font-size: 16px;
  line-height: 2.5;
  text-align: center;
}
#login .contents .inner .text span {
  border-bottom: 1px solid #4D4A52;
}


input[type="password"] {
  width: 100%;
  height: 60px;
  font-size: 16px;
  text-align: center;
  background-color: rgb(255 255 255 / 50%);
  border: 1px solid var(--white);
}
input[type="password"]::placeholder {
  font-family: var(--sub-font);
  color: var(--black);
  font-size: 18px;
}
::-webkit-input-placeholder,
:-ms-input-placeholder,
:-ms-input-placeholder {
  color: #4d4a52;
}

input:focus::placeholder { color: transparent; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-ms-input-placeholder { color: transparent; }
input:focus::-ms-input-placeholder { color: transparent; }


/*
button {
  margin: 20px auto 25px;
  width: 100%;
  border: none;
  background: linear-gradient(to right, #5d6265 10%, #30363a);
  cursor: pointer;
}
button span {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 75%;
  height: 60px;
  color: var(--white);
  font-family: var(--en-font);
  font-size: 26px;
  font-weight: 300;
  line-height: 1;
  background: url(../../plan/img/arrow03.svg) no-repeat right center;
}*/
.login_button {
  margin: 20px auto 25px;
  width: 100%;
  border: none;
  background: linear-gradient(90deg,rgba(216, 193, 150, 1) 0%, rgba(192, 172, 133, 1) 51%, rgba(165, 147, 113, 1) 100%);
}
.login_button input {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 75%;
  height: 60px;
  color: var(--white);
  font-family: var(--en-font);
  font-size: 26px;
  font-weight: 300;
  line-height: 1;
  background: url(../../plan/img/arrow03.svg) no-repeat right center;
    border: none;
    text-align: left;
    cursor: pointer;
}


@media screen and (max-width: 767px) {
  #login .contents .main-title {
    padding: 22.533vw 4.533vw 6.666vw;
    text-align: center;
  }
  #login .contents .sec-01 {
    padding: 0 0 25px;
    width: 100%;
  }
  #login .contents .inner {
    width: 74.666%;
    max-width: inherit;
  }
  #login .contents .inner .text {
    font-size: 3.733vw;
  }
}
#login footer {
  margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
  #login footer {
    margin-top: 0;
  }

.login_button input {
  font-size: 23px;
  text-align: center;
}

}


/****コンテンツエリア***/

.contents_area {
  background: #fff;
  padding: 80px 0 80px;
  text-align: center;
}
.contents_area h3 {
  font-family: var(--en-font);
  font-size: 2.4vw;
  margin-bottom: 40px;
}
.contents_area h3 span {
      display: block;
    color: var(--black);
    font-family: var(--sub-font);
    font-size: 16px;
}

.contents_area .contents_read {
    color: var(--black);
    font-family: var(--sub-font);
    font-size: 16px;
    line-height: 2.5;
    margin-bottom: 40px;
}

.contents_area .contents_block {
width: 90%;
max-width: 1100px;
margin: 0 auto;
}
.contents_area .contents_block ul {
 display: flex;
/*align-items: center;*/
justify-content:center;
flex-wrap: wrap; 
    gap: 60px 1%;
}
.contents_area .contents_block ul li {
  width: 48%;
}
.contents_area .contents_block ul li .image {
 position: relative;
 margin-bottom: 10px;
}
.contents_area .contents_block ul li .cap {
     color: var(--white);
    font-family: var(--sub-font);
    font-size: 14px;
    line-height: 1;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}
.contents_area .contents_block ul dl dt {
display: flex;
justify-content: flex-start;
align-items: center;
font-family: var(--en-font);
font-size: 24px;
text-align: left;
}
.contents_area .contents_block ul dl dt span {
font-family: var(--sub-font);
font-size: 15px;
display: inline-block;
margin-left: 1em;
}
.contents_area .contents_block ul dl dd {
    font-family: var(--sub-font);
    font-size: 15px;
    line-height: 1.8;
    margin-left: 0;
    text-align: left;
}
.contents_area .contents_block ul dl dd .caution {
    font-size: 15px;
    display: block;
    color: #999;
}

@media screen and (max-width: 767px) {
.contents_area {
  padding: 60px 0 0px;
  text-align: center;
}
.contents_area h3 {
  font-size: 6.4vw;
  margin-bottom: 20px;
}
.contents_area h3 span {
          font-size: 4.433vw;
}
.contents_area .contents_read {
    font-size: 3.733vw;
    margin-bottom: 20px;
}
.contents_area .contents_block ul {
    gap:inherit;
}
.contents_area .contents_block ul li {
  width:100%;
  margin-bottom: 60px;
}
.contents_area .contents_block ul dl dt {
  font-size: 5.4vw;
}
.contents_area .contents_block ul dl dt span {
font-size: 3.733vw;
}
.contents_area .contents_block ul dl dd {
    font-size: 13px;
}


}


.reserve-box_wrapp .reserve-box {
    max-width: 600px;
}
.reserve-box_wrapp .reserve-box .rv-btn {
    width: 60%;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {

.reserve-box_wrapp {
    width: 100%;
    margin: 0px auto;
}

.reserve-box_wrapp .reserve-box .rv-btn {
    width: 100%;
}

}