@charset "UTF-8";
/* CSS Document */

/*==================================================
main
==================================================*/
.location .main {
width: 100%;
position: relative;
}
.location .main figure img {
width: 100%;
height: 356px;
-o-object-fit: cover;
object-fit: cover;
}
.location .main .photoCap {
font-size: min(2vw, 9px);
line-height: 1.4em;
text-align: right;
position: absolute;
right: 1em;
bottom: -2em;
color: #FFF;
}

@media screen and (min-width: 1200px) {
  .location .main figure img {
  height: 100%;
  }
}
@media screen and (max-width: 750px) {
  .location .main figure img {
  height: auto;
  }
  .location .main .photoCap {
  font-size: 2.2vw;
  }
}

/*==================================================
locationCont
==================================================*/
.locationCont {
padding: 0 0 60px;
color: #4f2600;
}
.locationCont .inner {
max-width: 750px;
margin: 0 auto;
padding: 0 35px;
}
.locationCont h2 {
color: #ad8b76;
font-size: 33px;
line-height: 1.4em;
font-weight: 600;
text-align: center;
letter-spacing: 0.1em;
margin-bottom: 2em;
}
.locationCont .read h3 {
font-size: min(3vw, 25px);
line-height: 1.8em;
letter-spacing: 0.1em;
margin-bottom: 1.2em;
text-align: center;
}
.locationCont .read p {
font-size: min(2vw, 15px);
line-height: 2.5em;
letter-spacing: 0.05em;
margin-bottom: 4em;
text-align: center;
}
@media screen and (max-width: 750px) {
  .locationCont {
  padding: 0 0 10%;
  }
  .locationCont .inner {
  width: 92%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  }
  .locationCont h2 {
  font-size: 5.5vw;
  line-height: 1.4em;
  margin-bottom: 1.5em;
  }
  .locationCont .read h3 {
  font-size: 5vw;
  line-height: 1.8em;
  }
  .locationCont .read p {
  font-size: 3.8vw;
  line-height: 2.2em;
  margin-bottom: 2.5em;
  }
}

/*==================================================
co01
==================================================*/
.co01 {
padding: 110px 0 50px;
color: #FFF;
}

/*==================================================
co02
==================================================*/
.co02 {
padding: 110px 0 140px;
}
.co02 ul {
width: 100%;
display: flex;
flex-wrap: wrap;
gap:1em 6px;
}
.co02 li {
width: calc(100% / 3 - 6px);
}
.co02 li figure {
overflow: hidden;
}
.co02 li figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.co02 li .cap {
font-size: min(1vw, 10px);
line-height: 1.5em;
text-align: right;
padding-top: 0.5em;
} 
@media screen and (max-width: 750px) {
  .co02 {
  padding: 18% 0 18%;
  }
  .co02 li {
  width: calc(50% - 6px);
  }
  .co02 li figure {
  aspect-ratio: 1.5 / 1;
  }
  .co02 li .cap {
  font-size: 2.5vw;
  } 
}

/*==================================================
co03
==================================================*/
.co03 {
padding: 110px 0 140px;
color: #FFF;
}
.co03 ul {
width: 100%;
display: flex;
flex-wrap: wrap;
gap:6px
}
.co03 li {
width: calc(100% / 3 - 6px);
}
.co03 li figure {
overflow: hidden;
}
.co03 li figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.co03 .cap {
font-size: min(1vw, 10px);
line-height: 1.5em;
text-align: right;
padding-top: 0.5em;
}
@media screen and (max-width: 750px) {
  .co03 {
  padding: 18% 0 18%;
  color: #FFF;
  }
  .co03 ul {
  flex-wrap: wrap;
  gap:4px
  }
  .co03 li {
  width: calc(50% - 2px);
  }
  .co03 li figure {
  aspect-ratio: 1.5 / 1;
  }
  .co03 .cap {
  font-size: 2.5vw;
  padding-top: 1em;
  } 
}

/*==================================================
co04
==================================================*/
.co04 {
padding: 110px 0 60px;
}
.co04 ul {
width: 100%;
display: flex;
flex-wrap: wrap;
gap:33px 23px;
}
.co04 li {
width: calc(100% / 3 - 16px);
}
.co04 li dt {
font-size: min(1.5vw, 17px);
line-height: 1.5em;
padding: 0.5em 0 0.25em;
font-weight: 600;
}
.co04 li dd p:nth-of-type(1) {
font-size: min(1vw, 11px);
line-height: 1.6em;
margin-bottom: 0.5em;
}
.co04 li dd p:nth-of-type(2) {
font-size: min(1.5vw, 13px);
line-height: 1.6em;
}
@media screen and (max-width: 750px) {
  .co04 {
  padding: 18% 0 6%;
  }
  .co04 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:0;
  }
  .co04 li {
  width: 47.6%;
  margin-bottom: 6%;
  }
  .co04 li dt {
  font-size: 4vw;
  line-height: 1.5em;
  padding: 0.6em 0 0.4em;
  }
  .co04 li dd p:nth-of-type(1) {
  font-size: 3vw;
  line-height: 1.6em;
  }
  .co04 li dd p:nth-of-type(2) {
  font-size: 3vw;
  line-height: 1.6em;
  }
}

/*==================================================
co05
==================================================*/
.co05 h4 {
font-size: min(2.3vw, 22px);
line-height: 1.5em;
margin-bottom: 0.5em;
}
.co05 table {
width: 100%;
margin-bottom: 5%;
}
.co05 th {
font-size: min(1.8vw, 17px);
line-height: 1.5em;
text-align: left;
border-bottom: #A78576 1px solid;
padding: 0.6em 0;
}
.co05 td {
font-size: min(1.8vw, 17px);
line-height: 1.5em;
text-align: right;
border-bottom: #A78576 1px solid;
padding: 0.6em 0;
}
@media screen and (max-width: 750px) {
  .co05 h4 {
  font-size: 4.5vw;
  margin-bottom: 0.4em;
  }
  .co05 table {
  width: 100%;
  margin-bottom: 8%;
  }
  .co05 th {
  display: block;
  width: 100%;
  font-size: 3.5vw;
  line-height: 1.5em;
  text-align: left;
  border-bottom: none;
  padding: 0.6em 0 0;
  }
  .co05 td {
  display: block;
  width: 100%;
  font-size: 3.5vw;
  line-height: 1.5em;
  text-align: left;
  padding: 0 0 0.6em;
  }
}