/*-------------------------------
---.info_contents
-------------------------------*/

.information_contents {
  margin-bottom: 6rem;
}

.return_btn {
  margin-bottom: 6rem;
}

/*-------------------------------
---.contact_contents
-------------------------------*/

.contact_contents {
  margin-bottom: 9rem;
}


/*-------------------------------
---.description
-------------------------------*/

.contact_contents .description {
  grid-gap: 3rem;
}

/*-------------------------------
---.form_contents
-------------------------------*/

.form_contents h2 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.form_contents .input_contents .row {
  grid-template-columns: 1fr;
  padding: 2rem 0;
}

.form_contents .input_contents .row textarea {
  height: 9em;
}

.form_contents  .submit_btn {
  margin: 3rem auto 0;
}

/*-------------------------------
---header
-------------------------------*/

header {
  border-radius: 0px 0px 33px 0px;
  padding: 0 .8rem 0 1.5rem;
}

header .header_inner {
  grid-template-columns: 210px auto;
  height: 75px;
}

header .header_right_contents {
  display: block;
}

header .header_right_contents > .contact_info {
  display: none;
}


/*-------------------------------
---.menu_contents
-------------------------------*/

header .menu_contents .menu_contents_inner {
  padding: 12rem 3.5rem 0;
}

header .menu_toggle {
  width: 60px;
}

header .menu_toggle.close_toggle {
  top: 0.75rem;
  right: .8rem;
}

header .menu_contents .contact_info {
  margin-bottom: 2rem;
}

header .menu_contents .contact_info .by_tel {
  font-size: 3.8rem;
}

header .menu_contents .contact_info .business_hours {
  margin-bottom: 1rem;
}

header .menu_contents .header_foot {
  padding: 2.5rem 5rem;
}


/*-------------------------------
---.btn_contents
-------------------------------*/

header .btn_contents {
  position: fixed;
  top: unset;
  width:220px;
  bottom: 1rem;
  left: 1rem;
  gap:2px;
}

header .btn_contents .popup_btn:hover {
  transform: none;
}

header .btn_contents .rent_btn img{
  width:65px;
}

/*-------------------------------
---.popup_contents
-------------------------------*/

.popup_contents .btn_image {
  display: none;
}

.popup_contents .popup_body {
  top: 10vw;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  padding: 2rem;
}

.popup_contents .popup_body picture {
  max-width: 400px;
  padding-right: 2rem;
  margin: 0 auto;
}

.popup_contents .popup_body .close_btn {
  top: .5rem;
  right: 1rem;
}

.popup_contents .popup_body .close_btn i {
  font-size: 4.2rem;
}

.popup_contents .popup_body .close_btn span {
  font-size: 1rem;
}

.popup_contents .popup_body .body_contents h3 {
  font-size: 1.8rem;
}

.popup_contents .popup_body .body_contents p {
  margin-bottom: 1rem;
}

.popup_contents#buy_contents .popup_body .body_contents h3 {
  margin-bottom: 3rem;
}

.popup_contents#buy_contents .popup_body .body_contents ul {
  margin-bottom: 3rem;
}

.popup_contents#buy_contents .popup_body .body_contents li {
  margin-right: 3rem;
}

.popup_contents#sell_contents .popup_body .body_contents .by_tel > div {
  grid-template-columns: 1fr;
  grid-gap: 0;
}

.popup_contents#sell_contents .popup_body .body_contents .by_tel .tel_number {
  grid-template-columns: 1fr;
}

.popup_contents#sell_contents .popup_body .body_contents .by_tel .tel_number a {
  font-size: 3.6rem;
}

.popup_contents#sell_contents .popup_body .body_contents .input_contents {
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}

/*-------------------------------
---Base
-------------------------------*/

main {
  margin-top: 75px!important;
}

table th,
table td {
  padding: 1rem;
}

a[href^="tel:"] {
  pointer-events: initial;
}


/*-------------------------------
---Layout class
-------------------------------*/

.wrap_s {
  width: 90%;
}


/*-------------------------------
---.page_head
-------------------------------*/

.page_head {
  font-size: 3.2rem;
  padding-top: 6rem;
}

.archive .page_head,
.single .page_head {
  padding-bottom: 6rem;
}


/*-------------------------------
---#pagetop
-------------------------------*/

#pagetop {
  bottom: 1rem;
  right: 1rem;

}


/*-------------------------------
---Lity(popup)
-------------------------------*/

.lity .lity-content {
  padding: 60px 20px;
}

.lity .lity-content > img {
  max-width: calc(90vw - 40px)!important;
  max-height: calc(90vh - 120px)!important;
}

.lity-close,
.lity-close:active,
.lity-close:hover,
.lity-close:focus,
.lity-close:visited {
  top: 1rem;
  right: 1rem;
  font-size: 6rem;
}

.lity-close::after {
  font-size: 1rem;
}


/*-------------------------------
---.pagination
-------------------------------*/

.pagination_wrap {
  margin-bottom: 6rem;
}


/*-------------------------------
---.nothig_msg
-------------------------------*/

.nothig_msg {
  font-size: 1.4rem;
  margin: 6rem 0;
}