@charset "UTF-8";
h2 {
  text-align: center;
}
h2 span {
  font-size: 4rem;
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
  line-height: 1em;
}
h2 small {
  font-size: 2rem;
  display: block;
  color: #a1a3a6;
}
@media only screen and (max-width: 834px) {
  h2 span {
    font-size: 2.8rem;
  }
  h2 small {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 600px) {
  h2 span {
    font-size: 2.4rem;
  }
  h2 small {
    font-size: 1.6rem;
  }
}

#rental {
  background: #eef8fe;
}
#rental h2 {
  margin-bottom: 8rem;
}
@media only screen and (max-width: 834px) {
  #rental h2 {
    margin-bottom: 4rem;
  }
}
#rental .container {
  max-width: 144rem;
}
#rental .container .contents {
  padding-top: 12rem;
}
#rental .rent-list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem 6rem;
}
#rental .rent-list ul li {
  border: 6px solid #f5bf53;
  background: #fff;
  border-radius: 2rem;
  overflow: hidden;
}
#rental .rent-list ul li p {
  padding: 1rem 1rem 1rem 2rem;
  font-size: 2.2rem;
}
#rental .rent-list ul li p small {
  font-size: 0.8em;
}
#rental .rent-list ul li p small.block {
  display: block;
}
#rental .rent-list ul li figure {
  width: 100%;
  padding-top: 60%;
  position: relative;
}
#rental .rent-list ul li figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#rental .rent-list ul li .flex {
  width: 100%;
  padding: 1rem 0;
  background: #f5bf53;
  line-height: 1.5em;
  text-align: center;
  margin-top: 2rem;
}
#rental .rent-list ul li .flex dl {
  flex: 1;
}
#rental .rent-list ul li .flex dl:nth-of-type(n+2) {
  border-left: 2px dashed #fff;
}
#rental .rent-list ul li .flex dd {
  font-size: 1.8rem;
  color: #fff;
  font-weight: bold;
}
#rental .notice {
  margin-top: 2rem;
}
#rental .notice h3 {
  color: #EE5B24;
  font-size: 2rem;
}
#rental .notice p:before {
  content: "・";
}
@media only screen and (max-width: 1600px) {
  #rental .rent-list ul {
    gap: 4rem 2rem;
  }
  #rental .rent-list ul li {
    border: 3px solid #f5bf53;
  }
  #rental .rent-list ul li .flex dt {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  #rental .rent-list ul li .flex dd {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1366px) {
  #rental .rent-list ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 834px) {
  #rental .rent-list ul li p {
    padding: 0 1rem;
    font-size: 1.8rem;
  }
  #rental .rent-list ul li .flex {
    flex-direction: column;
    text-align: left;
  }
  #rental .rent-list ul li .flex dl {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #rental .rent-list ul li .flex dl:nth-of-type(n+2) {
    border-left: 0;
    border-top: 1px dashed #fff;
  }
}
@media only screen and (max-width: 600px) {
  #rental .rent-list ul {
    gap: 2rem 1rem;
  }
  #rental .rent-list ul li figure {
    padding-top: 90%;
  }
  #rental .rent-list ul li p {
    font-size: 1.4rem;
    padding: 0 0.5rem;
    letter-spacing: 0;
  }
  #rental .rent-list ul li .flex {
    padding: 0;
  }
  #rental .rent-list ul li .flex dl dt {
    font-size: 1.2rem;
  }
  #rental .rent-list ul li .flex dl dd {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}

#sale h2 {
  margin-bottom: 4rem;
}
#sale .list-in {
  padding-top: 10rem;
  padding-left: 2rem;
}
#sale h3 {
  font-size: 4rem;
}
#sale h3 span {
  display: flex;
  align-items: center;
}
#sale h3 span:before {
  content: "";
  width: 55px;
  height: 50px;
  margin-right: 6rem;
  background: #000;
  clip-path: polygon(0% 100%, 100% 50%, 0% 0%);
}
#sale ul {
  max-width: 146rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
#sale ul li {
  text-align: center;
}
#sale ul figure img {
  display: block;
  margin-inline: auto;
}
#sale ul figure figcaption {
  padding: 1rem 0;
  display: inline-block;
  font-size: 2.4rem;
  line-height: 3rem;
  border-bottom: 8px dotted #C3E9E5;
}
#sale ul figure figcaption small {
  font-size: 2rem;
}
#sale ul .price {
  color: #EE5B24;
  font-size: 2.4rem;
}
@media only screen and (max-width: 1366px) {
  #sale ul {
    grid-template-columns: repeat(3, 1fr);
  }
  #sale ul figure figcaption {
    font-size: 2rem;
  }
  #sale ul figure figcaption small {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 834px) {
  #sale ul {
    margin-top: 4rem;
    grid-template-columns: repeat(2, 1fr);
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 600px) {
  #sale ul {
    gap: 2rem 1rem;
    padding-left: 1rem;
    margin-top: 2rem;
    margin-left: 0;
  }
  #sale ul li figure figcaption {
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: 0;
  }
  #sale ul li figure figcaption small {
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  #sale ul li .price {
    font-size: 1.8rem;
  }
}

#other {
  background: #EEF8FE;
}
#other .container {
  max-width: none;
}
#other .seafood h2 {
  margin-bottom: 4rem;
}
#other .seafood ul {
  max-width: 146rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
#other .seafood ul li {
  text-align: center;
}
#other .seafood ul figure img {
  display: block;
  margin-inline: auto;
  border-radius: 3rem;
  border: 0.4rem solid #fff;
}
#other .seafood ul figure figcaption {
  padding: 1rem 0;
  display: inline-block;
  font-size: 2.4rem;
  line-height: 3rem;
  border-bottom: 8px dotted #C3E9E5;
}
#other .seafood ul figure figcaption small {
  font-size: 2rem;
}
#other .seafood ul .price {
  color: #EE5B24;
  font-size: 2.4rem;
}
@media only screen and (max-width: 1366px) {
  #other .seafood ul {
    grid-template-columns: repeat(3, 1fr);
  }
  #other .seafood ul figure figcaption {
    font-size: 2rem;
  }
  #other .seafood ul figure figcaption small {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 834px) {
  #other .seafood ul {
    margin-top: 4rem;
    grid-template-columns: repeat(2, 1fr);
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 600px) {
  #other .seafood ul {
    gap: 2rem 1rem;
    padding-left: 1rem;
    margin-top: 2rem;
    margin-left: 0;
  }
  #other .seafood ul li figure figcaption {
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: 0;
  }
  #other .seafood ul li figure figcaption small {
    font-size: 1.2rem;
    letter-spacing: 0;
  }
  #other .seafood ul li .price {
    font-size: 1.8rem;
  }
}
#other .air h2 {
  margin-bottom: 4rem;
}
#other .box {
  border: 0.5rem solid;
  border-radius: 2rem;
  overflow: hidden;
}
#other .box h3 {
  font-size: 2.8rem;
  padding: 0.5em;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 834px) {
  #other .box h3 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 600px) {
  #other .box h3 {
    font-size: 2rem;
  }
}
#other .bag .box {
  border-color: #65C6DF;
}
#other .bag .box h3 {
  background: #65C6DF;
}
#other .bag .box .flex {
  background: #fff;
  width: 100%;
  padding: 4rem 2rem;
}
#other .bag .box .flex li {
  display: flex;
  align-items: center;
}
#other .bag .box .flex li:nth-of-type(n+2) {
  border-left: 0.3rem dashed #D9D9D9;
}
#other .bag .box .flex li .pic {
  width: 50%;
}
#other .bag .box .flex li .txt {
  flex: 1;
}
#other .bag .box .flex li .txt span {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 8px dotted #C3E9E5;
  margin-bottom: 1rem;
}
#other .bag .box .flex li .txt .price p {
  color: #EE5B24;
  font-weight: bold;
  font-size: 2.2rem;
}
@media only screen and (max-width: 1600px) {
  #other .bag .box .flex {
    padding: 2rem;
  }
  #other .bag .box .flex li .txt span {
    font-size: 1.6rem;
  }
  #other .bag .box .flex li .txt .price {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  #other .bag .box .flex li .txt .price p {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1366px) {
  #other .bag .box .flex li {
    flex-direction: column;
  }
  #other .bag .box .flex li .pic {
    width: 75%;
  }
}
@media only screen and (max-width: 834px) {
  #other .bag .box .flex {
    padding: 2rem 1rem;
  }
  #other .bag .box .flex li .txt span {
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 600px) {
  #other .bag .box .flex {
    flex-direction: column;
  }
  #other .bag .box .flex li {
    flex-direction: row;
  }
  #other .bag .box .flex li:nth-of-type(n+2) {
    border-left: 0;
    border-top: 1px dashed #D9D9D9;
  }
  #other .bag .box .flex li .pic {
    width: 50%;
  }
  #other .bag .box .flex li .txt {
    flex: 1;
  }
}
#other .air {
  background: #fff;
}
#other .air .box {
  max-width: 112rem;
  margin-inline: auto;
  border-color: #0166FF;
}
#other .air .box h3 {
  background: #0166FF;
}
#other .air .box .flex {
  background: #fff;
  padding: 3rem 5rem;
  justify-content: space-between;
  align-items: center;
}
#other .air .box .pic {
  width: 50%;
}
#other .air .box .txt {
  width: 40%;
  min-width: 300px;
}
#other .air .box .txt li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0;
}
#other .air .box .txt li:nth-of-type(n+2) {
  border-top: 0.3rem dashed #D9D9D9;
}
#other .air .box .txt li p {
  font-size: 2.2rem;
}
#other .air .box .txt li .price {
  font-size: 2.4rem;
  color: #EE5B24;
}
@media only screen and (max-width: 834px) {
  #other .air .box .flex {
    flex-direction: column;
  }
  #other .air .box .pic {
    width: 100%;
  }
  #other .air .box .txt {
    width: 100%;
    margin-top: 2rem;
    min-width: auto;
  }
}
@media only screen and (max-width: 600px) {
  #other .air .box .flex {
    padding: 3rem 2rem 2rem;
  }
  #other .air .box .txt li:nth-of-type(n+2) {
    border-top: 1px dashed #D9D9D9;
  }
  #other .air .box .txt li p {
    font-size: 1.6rem;
  }
  #other .air .box .txt li .price {
    font-size: 1.8rem;
  }
}/*# sourceMappingURL=item.css.map */