@charset "UTF-8";
/* CSS Document */
.billboard-style-01 {background: url("../img/access/access_bg01_pc.webp") no-repeat center/cover;position: relative;}
.billboard-style-01::before {display: block;content: 'image photo';color: #fff;font-size: 10px;font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;position: absolute;right: 0.5em;bottom: 0.2em;z-index: 1;opacity: 0.7;}
.block-access-01 {padding: 6em 0;background: url("../img/access/access_bg02_pc.webp") no-repeat center bottom/cover;}
.block-access-01 .container:nth-child(1) h2 {margin-bottom: 3em;}
.block-access-01 .container:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.block-access-01 .container:nth-child(1) ul li {width: calc((100% / 3) + 1em);padding-top: 40%;position: relative;z-index: 2;transform: skewX(-7deg);}
.block-access-01 .container:nth-child(1) ul li::after {display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to top,rgba(0,0,0,0.6),transparent,transparent);position: absolute;left: 0;bottom: 0;z-index: -1;}
.block-access-01 .container:nth-child(1) ul li::before {display: block;content: 'image photo';color: #fff;font-size: 10px;font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;position: absolute;right: 0.5em;bottom: 0.5em;z-index: 2;transform: skewX(7deg);opacity: 0.8;}
.block-access-01 .container:nth-child(1) ul li:nth-child(1) {background: url("../img/access/access_img01_01_pc.webp") no-repeat center bottom/cover;}
.block-access-01 .container:nth-child(1) ul li:nth-child(2) {margin: 0 -2em;background: url("../img/access/access_img01_02_pc.webp") no-repeat center bottom/cover;transform: skewX(-7deg) translateY(2em);position: relative;z-index: 1;}
.block-access-01 .container:nth-child(1) ul li:nth-child(3) {background: url("../img/access/access_img01_03_pc.webp") no-repeat center bottom/cover;}
.block-access-01 .container:nth-child(1) ul li p {color: #fff;font-size: 125%;position: absolute;left: 3em;bottom: 1em;z-index: 2;transform: skewX(7deg);}
.block-access-01 .container:nth-child(1) ul li p::before {display: block;content: attr(data-ttl);font-size: 200%;font-family: 'EB Garamond', serif;letter-spacing: 0.1em;}
.block-access-01 .container:nth-child(2) {max-width: 830px;margin-top: 8em;}
.block-access-01 .container:nth-child(2) figure {max-width: 830px;margin: 0 auto;}
.block-access-01 .container:nth-child(2) figure figcaption {left: 0;right: auto;}
.block-access-01 .container:nth-child(3) {margin-top: 5em;}
.block-access-01 .container:nth-child(3) > p:nth-of-type(1) {font-size: 125%;padding-bottom: 0.25em;margin-bottom: 1.5em; border-bottom: 1px solid #444;}
.block-access-01 .container:nth-child(3) > p:nth-of-type(1) small {font-size: 80%;}
.block-access-01 .container:nth-child(3) ul {display: flex;flex-wrap: wrap;justify-content: flex-start; margin: 0 -2em;}
.block-access-01 .container:nth-child(3) ul li {font-family: 'EB Garamond', serif;width: calc(33.333% - 4em);margin: 0 2em 1em;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;position: relative;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) > span:nth-child(1) {display: flex;align-items: center;flex: 1;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) > span:nth-child(1)::after {content: '';flex: 1;height: 2px;margin: 0 1em;background-size: 6px 2px;background-repeat: repeat-x;background-image: linear-gradient(to right,#444 0,#444 2px,transparent 2px,transparent 6px);}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) > span:nth-child(2) {flex-shrink: 0;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) span {display: inline-block;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) .sp01 .sp01-1 {font-size: 187.5%;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) .sp01 .sp01-2 {font-size: 125%;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) .sp02 .sp02-1 {font-size: 125%;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) .sp02 .sp02-2 {color: #a7814d;font-size: 287.5%;line-height: 0;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) .sp02 .sp02-3 {font-size: 125%;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(1) .sp02 .sp02-3 sup {font-size: 10px;}
.block-access-01 .container:nth-child(3) ul li p:nth-child(2) {font-size: 75%;margin-top: 0.25em;}
.block-access-01 .container:nth-child(3) > p:last-child {font-size: 100%;text-align: right;}
.block-access-02 {padding: 3em 0;background: url("../img/access/access_bg03_pc.webp") no-repeat center bottom/cover;position: relative;}
.block-access-02::after {display: block;content: 'image photo';color: #fff;font-size: 10px;font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;position: absolute;right: 0.5em;bottom: 0.2em;z-index: 1;opacity: 0.7;}
.block-access-02 .container {max-width: 800px;margin: 0 auto;}
.block-access-02 .container h2 {color: #fff;white-space: nowrap;}
.block-access-02 .container > p:nth-of-type(1) {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 0.5em;}
.block-access-02 .container > p:nth-of-type(1) span {color: #e4dfd0;font-size: 125%;font-weight: 600;}
.block-access-02 .container > p:nth-of-type(1) small {color: #fff;font-size: 87.5%;}
.block-access-02 .container table {width: 100%;margin-bottom: 0.75em;}
.block-access-02 .container table tr th,
.block-access-02 .container table tr td {font-size: 112.5%;text-align: center;vertical-align: middle;padding: 1em 0.5em;}
.block-access-02 .container table tr td,
.block-access-02 .container table tr th + th {border-left: 1px solid #000;}
.block-access-02 .container table tr:nth-child(n + 3) th,
.block-access-02 .container table tr:nth-child(n + 3) td {border-top: 1px solid #000;}
.block-access-02 .container table tr:nth-child(1) th:nth-child(1) {background: rgba(236,230,213,1);}
.block-access-02 .container table tr:nth-child(1) th + th {background: rgba(255,255,255,1);}
.block-access-02 .container table tr + tr th {background: rgba(236,230,213,0.85);}
.block-access-02 .container table tr + tr td {background: rgba(255,255,255,0.85);}
.block-access-02 .container > p:nth-of-type(2) {color: #fff;font-size: 10px;font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.block-access-03 {padding: 6em 0 0;}
.block-access-03 .container:nth-child(1) {margin-bottom: 7em;}
.block-access-03 .container:nth-child(1) h2 + p {font-size: 112.5%;line-height: 2.2;letter-spacing: 0.1em;text-align: center;}
.block-access-03 .container:nth-child(1) figure {max-width: 960px;margin: 3em auto 0;}
.block-access-03 .container:nth-child(1) figure img {mix-blend-mode: multiply;}
.block-access-03 .container:nth-child(2) ul li {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.block-access-03 .container:nth-child(2) ul li:nth-child(1) {background: linear-gradient(to left,#e0f3eb 41%,#fff);}
.block-access-03 .container:nth-child(2) ul li:nth-child(2) {background: linear-gradient(to right,#fbf4e4 41%,#fff);}
.block-access-03 .container:nth-child(2) ul li:nth-child(3) {background: linear-gradient(to left,#f7e8e7 41%,#fff);}
.block-access-03 .container:nth-child(2) ul li:nth-child(4) {background: linear-gradient(to right,#ebe0ef 41%,#fff);}
.block-access-03 .container:nth-child(2) ul li:nth-child(5) {background: linear-gradient(to left,#e0e7f1 41%,#fff);}
.block-access-03 .container:nth-child(2) ul li > div {width: 58.34%;}
.block-access-03 .container:nth-child(2) ul li div div {padding: 2em 5em;max-width: 800px;}
.block-access-03 .container:nth-child(2) ul li:nth-child(odd) div div {margin-left: auto;}
.block-access-03 .container:nth-child(2) ul li div div p:nth-child(1) {color: #d5c4b1;font-size: 350%;letter-spacing: 0.1em;margin-bottom: 0.5em;}
.block-access-03 .container:nth-child(2) ul li div div p:nth-child(1) small {color: #a7814d;font-size: 40%;font-family: 'EB Garamond', serif;letter-spacing: 0.2em;margin-left: 0.5em;}
.block-access-03 .container:nth-child(2) ul li div div p:nth-child(2) {font-size: 125%;line-height: 1.8;letter-spacing: 0.1em;margin-bottom: 1.5em;}
.block-access-03 .container:nth-child(2) ul li div div p:nth-child(3) {font-size: 93.75%;line-height: 2;letter-spacing: 0.05em;}
.block-access-03 .container:nth-child(2) ul li figure {width: 41.66%;overflow: hidden;}
.block-access-03 .container:nth-child(2) ul li figure img {width: 100%;height: 100%;object-fit: cover;}
#sectionNote {background: #fff;}
@media only screen and (max-width: 1300px) {
  .block-access-01 .container:nth-child(1) ul li p::before {font-size: 150%;letter-spacing: 0;}
  .block-access-01 .container:nth-child(3) ul li {width: calc(50% - 4em);}
}
@media only screen and (max-width: 900px) {
  .block-access-01 .container:nth-child(3) ul li {width: 100%;margin: 0 0 1em;}
  .block-access-02 .container h2 {font-size: 150%;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (max-width: 1200px) {
  .block-access-03 .container:nth-child(2) ul li div div {padding: 2em;}
  .block-access-03 .container:nth-child(2) ul li div div p:nth-child(1) {font-size: 250%;}
}
@media only screen and (min-width: 768px) {
  .block-access-03 .container:nth-child(2) ul li:nth-child(odd) {flex-direction: row-reverse;} 
}
@media only screen and (max-width: 767px) {
  .block-access-01 {padding: 2em 0;}
  .block-access-01 .container:nth-child(1) h2 {margin-bottom: 1em;}
  .block-access-01 .container:nth-child(1) ul li {width: 100%;padding-top: 60%;background-size: 105% !important;}
  .block-access-01 .container:nth-child(1) ul li:nth-child(1) {z-index: 1;}
  .block-access-01 .container:nth-child(1) ul li:nth-child(2) {margin: -2.5em 0 1.5em;z-index: 2;}
  .block-access-01 .container:nth-child(1) ul li:nth-child(3) {z-index: 3;}
  .block-access-01 .container:nth-child(1) ul li p {font-size: 137.5%;left: 1.5em;bottom: 1em;}
  .block-access-01 .container:nth-child(1) ul li p::before {letter-spacing: 0.05em;}
  .block-access-01 .container:nth-child(3) ul {margin: 0;}
  .block-access-01 .container:nth-child(2) {margin-top: 3em;}
  .block-access-01 .container:nth-child(2) figure {margin-top: 1em;}
  .block-access-01 .container:nth-child(3) {margin-top: 2em;}
  .block-access-01 .container:nth-child(3) > p:last-child {}
  .block-access-02 .container > p:nth-of-type(1) span {font-size: 112.5%;}
  .block-access-02 .container table tr th,
  .block-access-02 .container table tr td {font-size: 100%;padding: 0.7em 0 0.5em;}
  .block-access-03 {padding: 3em 0 0;}
  .block-access-03 .container:nth-child(1) {margin-bottom: 3em;}
  .block-access-03 .container:nth-child(1) h2 + p {font-size: 100%;line-height: 2;letter-spacing: 0;}
  .block-access-03 .container:nth-child(1) figure {width: 110vw;margin: 2em 0 0 -15vw;}
  .block-access-03 .container:nth-child(1) figure figcaption {right: 1vw;}
  .block-access-03 .container:nth-child(2) ul li:nth-child(1) {background: linear-gradient(to right,#e0f3eb,#fff);}
  .block-access-03 .container:nth-child(2) ul li:nth-child(2) {background: linear-gradient(to right,#fbf4e4,#fff);}
  .block-access-03 .container:nth-child(2) ul li:nth-child(3) {background: linear-gradient(to right,#f7e8e7,#fff);}
  .block-access-03 .container:nth-child(2) ul li:nth-child(4) {background: linear-gradient(to right,#ebe0ef,#fff);}
  .block-access-03 .container:nth-child(2) ul li:nth-child(5) {background: linear-gradient(to right,#e0e7f1,#fff);}  
  .block-access-03 .container:nth-child(2) ul li > div {width: 100%;}
  .block-access-03 .container:nth-child(2) ul li div div {padding: 1.5em 5vw 2em;}
  .block-access-03 .container:nth-child(2) ul li div div p:nth-child(1) {font-size: 225%;}  
  .block-access-03 .container:nth-child(2) ul li div div p:nth-child(1) small {font-size: 50%;}
  .block-access-03 .container:nth-child(2) ul li div div p:nth-child(2) {font-size: 112.5%;line-height: 1.5;}
  .block-access-03 .container:nth-child(2) ul li div div p:nth-child(3) {font-size: 93.75%;letter-spacing: 0;}
  .block-access-03 .container:nth-child(2) ul li figure {width: 100%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}