.user {
  padding-bottom: 10rem; }

.user-content {
  padding: 10rem 0 0 0; }

.panel_area_inner p {
  font-weight: 500; }

/* ----------------------------------------------------------------
process
----------------------------------------------------------------- */
.process-title {
  font-size: 2.5rem;
  text-align: left;
  position: relative;
  font-weight: normal;
  margin: 0 0 35px 0;
  font-weight: bold;
  border-bottom: solid 2px #cccccc;
  padding: 0 0 15px 0; }
  @media (max-width: 768px) {
    .process-title {
      /*  768px  */
      font-size: 2.2rem; } }

.process-title:after {
  position: absolute;
  border: solid 1px #18513d;
  background-color: #18513d;
  bottom: -2px;
  left: 0;
  width: 75px;
  content: "";
  border-radius: 3px; }

.process-head {
  text-align: center; }

#user .user_inner .tab-box .panel_area_inner .process-title:not(:first-child) {
  margin-top: 10rem; }

.process-wrap {
  display: flex;
  gap: 4rem; }
  @media (max-width: 768px) {
    .process-wrap {
      /*  768px  */
      flex-direction: column; } }

.process-wrap:not(:first-child) {
  margin-top: 5rem; }

.process-wrap_left {
  width: 50%; }
  @media (max-width: 768px) {
    .process-wrap_left {
      /*  768px  */
      width: 100%; } }

.process-wrap_left-head {
  font-size: 2rem;
  margin-top: 5rem; }
  @media (max-width: 768px) {
    .process-wrap_left-head {
      /*  768px  */
      margin-top: 0;
      font-size: 1.8rem; } }

.process-wrap_left-text {
  font-size: 1.8rem;
  margin-top: 1.6rem; }
  @media (max-width: 768px) {
    .process-wrap_left-text {
      /*  768px  */
      font-size: 1.6rem; } }

.process-pdf {
  margin-top: 3rem; }

.process-pdf a {
  margin-top: 1rem;
  display: block;
  font-size: 1.6rem;
  color: #18513D;
  transition: 0.7s; }
  @media (max-width: 768px) {
    .process-pdf a {
      /*  768px  */
      font-size: 1.4rem; } }

.process-pdf a:hover {
  opacity: 0.7; }

.process-wrap_right {
  width: 50%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 2%;
  box-sizing: border-box; }
  @media (max-width: 768px) {
    .process-wrap_right {
      /*  768px  */
      width: 100%; } }

.process-wrap_right-title {
  font-size: 2rem;
  position: relative;
  margin-left: 0.5rem; }
  @media (max-width: 768px) {
    .process-wrap_right-title {
      /*  768px  */
      font-size: 1.6rem; } }

.process-wrap_right-title:after {
  position: absolute;
  content: "";
  border: 1px solid #18513D;
  width: 2.5rem;
  top: 130%;
  left: 0; }
  @media (max-width: 768px) {
    .process-wrap_right-title:after {
      /*  768px  */
      width: 1.3rem; } }

.process-wrap_right-text {
  margin-top: 3rem;
  font-size: 1.8rem; }
  @media (max-width: 768px) {
    .process-wrap_right-text {
      /*  768px  */
      font-size: 1.3rem; } }

.return-text {
  margin-top: 3rem; }

.indent {
  text-indent: -1em;
  padding-left: 1em; }

/* ----------------------------------------------------------------
shop
----------------------------------------------------------------- */
.shop_desc {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center; }
  @media (max-width: 768px) {
    .shop_desc {
      /*  768px  */
      font-size: 1.6rem; } }

.shop_place-head span {
  color: #18513D;
  margin-right: 0.3rem; }

.shop_place-head h4 {
  font-size: 2rem;
  font-weight: 500;
  margin-top: 3rem; }
  @media (max-width: 768px) {
    .shop_place-head h4 {
      /*  768px  */
      font-size: 1.8rem; } }

.shop_place-head p {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 0.5rem;
  text-align: left; }
  @media (max-width: 768px) {
    .shop_place-head p {
      /*  768px  */
      font-size: 1.4rem; } }

.shop_place_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem; }
  @media (max-width: 768px) {
    .shop_place_wrap {
      /*  768px  */
      flex-direction: column; } }

.shop_place_images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 55%; }
  @media (max-width: 768px) {
    .shop_place_images {
      /*  768px  */
      grid-template-columns: repeat(1, 1fr);
      width: 100%; } }

.shop_place_images li img {
  aspect-ratio: 340/240;
  max-width: 34rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px; }
  @media (max-width: 768px) {
    .shop_place_images li img {
      /*  768px  */
      max-width: 100%; } }

.shop_place_images li p {
  font-size: 1.6rem;
  text-align: left; }
  @media (max-width: 768px) {
    .shop_place_images li p {
      /*  768px  */
      font-size: 1.4rem; } }

.shop_map {
  aspect-ratio: 500/540;
  max-width: 50rem;
  width: 45%; }
  @media (max-width: 768px) {
    .shop_map {
      /*  768px  */
      width: 100%; } }

.shop_map img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.shop-under {
  margin-top: 8rem; }
  @media (max-width: 768px) {
    .shop-under {
      /*  768px  */
      margin-top: 4rem; } }

.shop-under_content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6rem;
  margin-top: 6rem; }
  @media (max-width: 768px) {
    .shop-under_content {
      /*  768px  */
      flex-direction: column;
      gap: 2rem; } }

.shop-under_content.shop-under_content--text {
  align-items: flex-start;
  column-gap: 5rem;
  gap: 6rem; }

.shop-under_textbox {
  width: 60%; }
  @media (max-width: 768px) {
    .shop-under_textbox {
      /*  768px  */
      width: 100%; } }

.shop_under-title {
  font-size: 2.5rem;
  letter-spacing: 0.2em;
  font-weight: 500;
  position: relative; }
  @media (max-width: 768px) {
    .shop_under-title {
      /*  768px  */
      font-size: 2rem; } }

.shop_under-title:after {
  position: absolute;
  content: "";
  border: 1px solid #18513D;
  width: 4rem;
  top: 155%;
  left: 0; }
  @media (max-width: 768px) {
    .shop_under-title:after {
      /*  768px  */
      width: 1.8rem; } }

.shop_under-title.shop_under-title--last::after {
  top: 130%; }

@media (max-width: 768px) {
  .shop_under-title.shop_under-title--sp::after {
    /*  768px  */
    top: 130%; } }

.shop-under_text {
  font-size: 1.6rem;
  margin-top: 5rem;
  text-align: left; }
  @media (max-width: 768px) {
    .shop-under_text {
      /*  768px  */
      font-size: 1.4rem; } }

.shop-under_image {
  aspect-ratio: 640/360;
  max-width: 51rem; }
  @media (max-width: 768px) {
    .shop-under_image {
      /*  768px  */
      max-width: 100%; } }

.shop-under_image img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* ----------------------------------------------------------------
room
----------------------------------------------------------------- */
.room_image {
  aspect-ratio: 7/4;
  max-width: 75rem;
  margin-top: 7rem;
  margin-bottom: 3.7rem;
  margin-inline: auto; }

.room_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px; }

.room_image-desc {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  margin-top: 4rem; }
  @media (max-width: 768px) {
    .room_image-desc {
      /*  768px  */
      font-size: 1.6rem;
      text-align: left; } }

.room_warning {
  font-size: 1.8rem;
  font-weight: 500;
  padding: 1.6rem;
  color: #18513D;
  border: 1px solid #18513D;
  text-align: center;
  margin-top: 4rem; }
  @media (max-width: 768px) {
    .room_warning {
      /*  768px  */
      font-size: 1.6rem;
      margin-top: 2rem;
      text-align: left; } }