@import url("https://use.typekit.net/gdf1fdf.css");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&display=swap");
html {
  overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

img {
  vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

del, ins {
  text-decoration: none; }

.dummy-head,
.dummy-footer {
  background: #888;
  text-align: center;
  color: #bbb;
  font-size: 20px;
  line-height: 1.5; }

.dummy-head {
  padding: 40px 0; }

.dummy-footer {
  padding: 500px 0; }

/*$color1: #41889e;*/
/*$color1: #0094e3;*/
.page-midashi + .lead {
  margin-top: 1rem; }

.main-master .main-copy b {
  color: #9b825a; }

.section01 {
  position: relative;
  overflow: hidden; }
  .section01 .midashi, .section01 .lead {
    position: relative;
    z-index: 2; }
  .section01 .img {
    position: relative;
    margin-top: -26dvw; }
  @media screen and (max-width: 600px) {
    .section01 .img {
      margin-top: -30dvw; } }

.section02 .imglist {
  display: grid;
  gap: 10px;
  grid-template-columns: 69.28% 1fr;
  grid-template-areas: "img2-1 img2-2" "img2-1 img2-3"; }
  .section02 .imglist .img2-1 {
    grid-area: img2-1; }
  .section02 .imglist .img2-2 {
    grid-area: img2-2; }
  .section02 .imglist .img2-3 {
    grid-area: img2-3; }
@media screen and (max-width: 600px) {
  .section02 .imglist {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "img2-1 img2-1" "img2-2 img2-3"; } }

.section03 .inner {
  display: grid;
  gap: 80px;
  grid-template-columns: 1fr 35%; }
.section03 .section03-2 {
  margin: auto;
  max-width: 1100px;
  width: 90%;
  background: #f3f3f3;
  padding: 40px;
  display: grid;
  gap: 50px;
  grid-template-columns: 1fr 28%; }
  .section03 .section03-2 + .note {
    margin: 20px auto 0 auto;
    max-width: 1100px;
    width: 90%;
    padding-bottom: 60px; }
  .section03 .section03-2 .midashi {
    font-size: 26px;
    letter-spacing: 5px; }
  .section03 .section03-2 .lead {
    margin-top: 20px; }
@media screen and (max-width: 1000px) {
  .section03 .section03-2 .midashi {
    font-size: 20px;
    letter-spacing: 4px; } }
@media screen and (max-width: 600px) {
  .section03 .inner {
    gap: 50px;
    grid-template-columns: 1fr; }
  .section03 .section03-2 {
    width: 100%;
    grid-template-columns: 1fr; }
    .section03 .section03-2 .img-box {
      max-width: 380px;
      margin: auto; } }

.section04 .img04 .midashi {
  position: absolute;
  z-index: 2;
  bottom: 60px;
  left: 5%;
  width: 95%;
  color: #fff;
  text-align: center; }
.section04 .img05 {
  display: grid;
  gap: 60px;
  grid-template-columns: 1fr 45%; }
.section04 .imglist {
  margin: 30px auto 0 auto;
  max-width: 1100px;
  width: 90%;
  display: grid;
  gap: 10px;
  grid-template-columns: 38.5% 10% 27.5% 21%;
  grid-template-areas: "img05-1 img05-1 img05-2 img05-2" "img05-3 img05-4 img05-4 img05-5" "img05-3 img05-4 img05-4 img05-6"; }
  .section04 .imglist .img05-1 {
    grid-area: img05-1; }
  .section04 .imglist .img05-2 {
    grid-area: img05-2; }
  .section04 .imglist .img05-3 {
    grid-area: img05-3; }
  .section04 .imglist .img05-4 {
    grid-area: img05-4; }
  .section04 .imglist .img05-5 {
    grid-area: img05-5; }
  .section04 .imglist .img05-6 {
    grid-area: img05-6; }
@media screen and (max-width: 600px) {
  .section04 .img05 {
    gap: 40px;
    grid-template-columns: 1fr; }
  .section04 .imglist {
    width: 100%;
    grid-template-columns: 55% 8% 35%;
    grid-template-areas: "img05-1 img05-1 img05-1" "img05-2 img05-3 img05-3" "img05-4 img05-4 img05-5" "img05-4 img05-4 img05-6"; }
  .section04 .img05-2 {
    background: url("../img/location/img05-2.jpg") no-repeat 0% 0%;
    background-size: cover; }
    .section04 .img05-2 img {
      display: none; } }

.section05 .block05-1 {
  display: grid;
  gap: 40px;
  grid-template-columns: 32.5% 1fr; }
  .section05 .block05-1 .lead {
    margin-top: 2rem; }
.section05 .block05-2 {
  margin-top: 30px;
  display: grid;
  gap: 40px;
  grid-template-columns: 48% 1fr;
  align-items: center; }
  .section05 .block05-2 .txt-box ul li {
    width: 100%;
    margin-top: 30px; }
    .section05 .block05-2 .txt-box ul li:first-of-type {
      margin-top: 0; }
  .section05 .block05-2 .txt-box .li-ttl {
    color: #947238;
    font-size: 16px;
    line-height: 1.4; }
    .section05 .block05-2 .txt-box .li-ttl b {
      font-size: 23px;
      display: block;
      font-weight: normal; }
  .section05 .block05-2 .txt-box .note {
    margin-top: 5px;
    display: block;
    font-size: 15px;
    line-height: 1.6; }
  .section05 .block05-2 .imglist {
    display: grid;
    gap: 10px;
    grid-template-columns: 37.5% 1fr; }
    .section05 .block05-2 .imglist .num {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      display: grid;
      place-content: center;
      color: #fff;
      font-size: 16px;
      line-height: 1;
      background: #947238;
      padding: 3px; }
@media screen and (max-width: 1000px) {
  .section05 .block05-1 {
    gap: 20px;
    grid-template-columns: 1fr; }
    .section05 .block05-1 .img-box {
      max-width: 600px;
      margin: auto; }
  .section05 .block05-2 {
    grid-template-columns: 1fr; }
    .section05 .block05-2 .imglist {
      max-width: 680px;
      margin: auto; } }

.section06 .imglist {
  margin-top: 60px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr); }
@media screen and (max-width: 600px) {
  .section06 .imglist {
    grid-template-columns: 1fr; } }