@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700&family=Noto+Sans+JP:wght@300;400;500;700;800&display=swap");
@-webkit-keyframes fade-up{
  0%{
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    opacity:0;
  }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
  }
}
@keyframes fade-up{
  0%{
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    opacity:0;
  }
  100%{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
  }
}
@-webkit-keyframes fade-down{
  0%{
    -webkit-transform:translateY(0) rotate(45deg);
    transform:translateY(0) rotate(45deg);
    opacity:1;
  }
  100%{
    -webkit-transform:translateY(70px) rotate(45deg);
    transform:translateY(70px) rotate(45deg);
    opacity:0;
  }
}
@keyframes fade-down{
  0%{
    -webkit-transform:translateY(0) rotate(45deg);
    transform:translateY(0) rotate(45deg);
    opacity:1;
  }
  100%{
    -webkit-transform:translateY(70px) rotate(45deg);
    transform:translateY(70px) rotate(45deg);
    opacity:0;
  }
}
@-webkit-keyframes blur{
  0%{
    -webkit-filter:blur(6px);
    filter:blur(6px);
    opacity:0;
  }
  100%{
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1;
  }
}
@keyframes blur{
  0%{
    -webkit-filter:blur(6px);
    filter:blur(6px);
    opacity:0;
  }
  100%{
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1;
  }
}
@-webkit-keyframes fadeSlide{
  0%{
    opacity:0;
    -webkit-transform:translate3d(10px, 0, 0);
    transform:translate3d(10px, 0, 0);
  }
  to{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}
@keyframes fadeSlide{
  0%{
    opacity:0;
    -webkit-transform:translate3d(10px, 0, 0);
    transform:translate3d(10px, 0, 0);
  }
  to{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}
@-webkit-keyframes fadeSlide-menu{
  0%{
    opacity:0;
    -webkit-transform:translate3d(8px, 0, 0);
    transform:translate3d(8px, 0, 0);
    -webkit-filter:blur(4px);
    filter:blur(4px);
  }
  to{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-filter:blur(0);
    filter:blur(0);
  }
}
@keyframes fadeSlide-menu{
  0%{
    opacity:0;
    -webkit-transform:translate3d(8px, 0, 0);
    transform:translate3d(8px, 0, 0);
    -webkit-filter:blur(4px);
    filter:blur(4px);
  }
  to{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-filter:blur(0);
    filter:blur(0);
  }
}
@-webkit-keyframes fade-left{
  0%{
    opacity:0;
    -webkit-transform:translate3d(-10px, 0, 0);
    transform:translate3d(-10px, 0, 0);
  }
  to{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}
@keyframes fade-left{
  0%{
    opacity:0;
    -webkit-transform:translate3d(-10px, 0, 0);
    transform:translate3d(-10px, 0, 0);
  }
  to{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
}
@-webkit-keyframes arrowRight{
  0%{
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
  45%{
    opacity:0;
    -webkit-transform:translateX(30%);
    transform:translateX(30%);
  }
  55%{
    opacity:0;
    -webkit-transform:translateX(-30%);
    transform:translateX(-30%);
  }
  to{
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
}
@keyframes arrowRight{
  0%{
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
  45%{
    opacity:0;
    -webkit-transform:translateX(30%);
    transform:translateX(30%);
  }
  55%{
    opacity:0;
    -webkit-transform:translateX(-30%);
    transform:translateX(-30%);
  }
  to{
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
}
html{
  width:100%;
  font-size:15px;
  background-color:#fff;
  font-family:"Cinzel", "Noto Serif JP", serif;
  letter-spacing:0.03em;
  -webkit-font-feature-settings:"palt";
  font-feature-settings:"palt";
  color:#333024;
  scroll-behavior:smooth;
  scroll-padding-top:90px;
}

*{
  text-rendering:optimizeLegibility;
}

body{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-flow:column;
  flex-flow:column;
  top:0;
  width:100%;
  min-height:100vh;
  text-align:justify;
  background-color:#24231f;
}
body:has(.fi-wrap){
  position:fixed;
}
body:has(.fi-wrap) .site-wrap{
  opacity:0;
}

html, body, header, footer, section, article, h1, h2, h3, h4, h5, h6, div, form, textarea, input, ul, ol, li, dl, dt, dd, p, video, figure{
  margin:0;
  padding:0;
}

html, body, header, footer, section, article, figure, h1, h2, h3, h4, h5, h6, div, form, textarea, input, label, ul, ol, li, dl, dt, dd, dt, p, span, a, img, i, svg, video, :before, :after{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-weight:inherit;
  word-break:break-all;
}

h1, h2, h3, h4, h5, h6, table, th, td, input, textarea{
  font-size:inherit;
}

ul, li{
  list-style-type:none;
}

a,
input,
textarea{
  outline:none;
}

a{
  color:inherit;
  text-decoration:none;
}

i{
  display:inline-block;
  font-size:inherit;
  font-style:normal;
  line-height:inherit;
}

img{
  vertical-align:middle;
  width:100%;
  height:auto;
}

input, textarea{
  resize:none;
}

textarea{
  vertical-align:middle;
}

select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  outline:none;
  background:transparent;
  color:inherit;
}

button{
  -webkit-font-feature-settings:"palt";
  font-feature-settings:"palt";
  letter-spacing:0.8px;
  background-color:transparent;
  border:none;
  cursor:pointer;
  outline:none;
  padding:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  color:inherit;
}

sup{
  padding:0 2px;
  font-size:60%;
  line-height:1;
  vertical-align:60%;
}

details summary{
  list-style:none;
  cursor:pointer;
}

details summary::-webkit-details-marker{
  display:none;
}

.f-ss{
  font-family:"Hiragino Kaku Gothic ProN", sans-serif;
  font-weight:300;
}

@media screen and (max-width: 780px){
  .pc{
    display:none !important;
  }
}

.sp{
  display:none !important;
}
@media screen and (max-width: 780px){
  .sp{
    display:block !important;
  }
}

.lg{
  display:none !important;
}
@media screen and (max-width: 1000px){
  .lg{
    display:block !important;
  }
}

.hamb{
  display:none !important;
}
@media screen and (max-width: 850px){
  .hamb{
    display:block !important;
  }
}

.site-wrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  min-height:100vh;
}

main{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  width:100%;
  margin:auto 0;
  padding-bottom:80px;
  background-color:#f4f1ec;
}
@media screen and (max-width: 1000px){
  main{
    margin-top:120px;
  }
}
@media screen and (max-width: 780px){
  main{
    margin-top:min(calc((100 / 390) * 100vw), 100 * 1.4px);
  }
}

.inner{
  max-width:1200px;
  width:100%;
  margin:0 auto;
  padding:0 24px;
}

.block-column{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.block-grid{
  display:grid;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  gap:40px;
  grid-template-columns:repeat(auto-fill, minmax(270px, 1fr));
}
.block-grid .item img{
  aspect-ratio:372/220;
  -o-object-fit:cover;
  object-fit:cover;
}

.category-list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:8px;
  -moz-column-gap:8px;
  column-gap:8px;
  margin-bottom:12px;
}
.category-list .item{
  padding:3px 8px;
  border:1px solid #bab6a8;
  font-size:clamp(12 * 0.9px, calc((12 / 1366) * 100vw), 12px);
  letter-spacing:0.04em;
  color:#98864e;
}
.header{
  width:100%;
  padding:28px 40px;
  font-size:clamp(14 * 0.9px, calc((14 / 1366) * 100vw), 14px);
  font-weight:400;
  background-color:#24231f;
  color:#e6dec4;
  z-index:999;
}
@media screen and (max-width: 1000px){
  .header{
    position:fixed;
    top:0;
    left:0;
    padding:min(calc((10 / 390) * 100vw), 10 * 1.4px) min(calc((20 / 390) * 100vw), 20 * 1.4px);
    border-bottom:1px solid #605e56;
  }
}
.header .header-upside{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  row-gap:10px;
  width:100%;
}
.header .logo{
  position:relative;
  width:340px;
  z-index:998;
}
@media screen and (max-width: 1000px){
  .header .logo{
    width:min(calc((300 / 390) * 100vw), 300 * 1.4px);
  }
}
.header .hamburger-menu{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:28px;
  -moz-column-gap:28px;
  column-gap:28px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
}
.header .g-nav{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
.header .g-nav .item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
@media screen and (max-width: 1000px){
  .header .g-nav .item{
    padding:0;
    font-size:min(calc((16 / 390) * 100vw), 16 * 1.4px);
  }
}
.header .category-area{
  width:100%;
  margin-top:28px;
  padding:12px;
  border-top:1px solid rgba(186, 182, 168, 0.4);
  border-bottom:1px solid rgba(186, 182, 168, 0.4);
}
.header .category-area .label{
  margin-bottom:min(calc((16 / 390) * 100vw), 16 * 1.4px);
  font-size:min(calc((18 / 390) * 100vw), 18 * 1.4px);
}
.header .category-area .list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  gap:32px;
}
@media screen and (max-width: 1000px){
  .header .category-area .list{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:min(calc((12 / 390) * 100vw), 12 * 1.4px);
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
  }
}
.header .hamburger-button-wrap{
  display:none;
}
@media screen and (max-width: 1000px){
  .header .header-inner:has(.is-active){
    display:block;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    padding:min(calc((10 / 390) * 100vw), 10 * 1.4px) min(calc((20 / 390) * 100vw), 20 * 1.4px);
    overflow-y:scroll;
    background-color:#24231f;
  }
}
@media screen and (max-width: 1000px) and (max-width: 1000px){
  .header .header-inner:has(.is-active) .header-upside{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    row-gap:min(calc((60 / 390) * 100vw), 60 * 1.4px);
  }
}
@media screen and (max-width: 1000px){
  .header .hamburger-menu{
    display:none;
  }
  .header .hamburger-menu.is-active{
    display:block;
  }
  .header .category-area{
    display:none;
  }
  .header .category-area.is-active{
    display:block;
  }
  .header .g-nav{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    row-gap:min(calc((16 / 390) * 100vw), 16 * 1.4px);
    width:100%;
    margin-bottom:min(calc((30 / 390) * 100vw), 30 * 1.4px);
    overflow:hidden;
  }
  .header .g-nav .item{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-transition-delay:0.1s;
    transition-delay:0.1s;
    -webkit-transition-duration:0.1s, 0.3s;
    transition-duration:0.1s, 0.3s;
    opacity:0;
  }
  .header .g-nav .item .arrow-bottom::after{
    content:none;
  }
  .header .g-nav .item:last-child{
    border-bottom:none;
  }
  .header .g-nav .item:first-of-type{
    -webkit-animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) forwards;
    animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) forwards;
  }
  .header .g-nav .item:nth-of-type(2){
    -webkit-animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.04s forwards;
    animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.04s forwards;
  }
  .header .g-nav .item:nth-of-type(3){
    -webkit-animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.06s forwards;
    animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.06s forwards;
  }
  .header .g-nav .item:nth-of-type(4){
    -webkit-animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.08s forwards;
    animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.08s forwards;
  }
  .header .g-nav .item:nth-of-type(5){
    -webkit-animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.1s forwards;
    animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.1s forwards;
  }
  .header .g-nav .item:nth-of-type(6){
    -webkit-animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.12s forwards;
    animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.12s forwards;
  }
  .header .g-nav .item:nth-of-type(7){
    -webkit-animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.14s forwards;
    animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.14s forwards;
  }
  .header .g-nav .item:nth-of-type(8){
    -webkit-animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.16s forwards;
    animation:fadeSlide-menu 0.6s cubic-bezier(0.45, 0, 0.55, 1) 0.16s forwards;
  }
  .header .hamburger-button-wrap{
    position:fixed;
    top:min(calc((8 / 390) * 100vw), 8 * 1.4px);
    right:min(calc((8 / 390) * 100vw), 8 * 1.4px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    row-gap:4px;
    width:min(calc((48 / 390) * 100vw), 48 * 1.4px);
    height:min(calc((48 / 390) * 100vw), 48 * 1.4px);
    margin:auto;
    cursor:pointer;
    background-color:#98864e;
    border-radius:min(calc((4 / 390) * 100vw), 4 * 1.4px);
    z-index:100;
  }
  .header .hamburger-button{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:min(calc((24 / 390) * 100vw), 24 * 1.4px);
    height:min(calc((19 / 390) * 100vw), 19 * 1.4px);
  }
  .header .hamburger-button span{
    width:100%;
    height:2px;
    border-radius:10px;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    background:#faf9f5;
  }
  .header .hamburger-button.is-active span{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
  }
  .header .hamburger-button.is-active span:nth-of-type(1){
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  .header .hamburger-button.is-active span:nth-of-type(2){
    opacity:0;
  }
  .header .hamburger-button.is-active span:nth-of-type(3){
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
  }
}

footer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  place-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  background-color:#bab6a8;
}
footer .contact-area{
  width:100%;
  padding:clamp(110 * 0.8px, calc((110 / 1366) * 100vw), 110px) clamp(40 * 0.8px, calc((40 / 1366) * 100vw), 40px) clamp(220 * 0.8px, calc((220 / 1366) * 100vw), 220px);
  background:#24231f url("../img/contact-deco.png") bottom center/58% auto no-repeat;
}
@media screen and (max-width: 780px){
  footer .contact-area{
    padding:min(calc((60 / 390) * 100vw), 60 * 1.4px) min(calc((20 / 390) * 100vw), 20 * 1.4px) min(calc((120 / 390) * 100vw), 120 * 1.4px);
    background-size:100% auto;
  }
}
footer .contact-area .contact-wrap{
  width:clamp(800 * 0.8px, calc((800 / 1366) * 100vw), 800px);
  margin:0 auto;
}
@media screen and (max-width: 780px){
  footer .contact-area .contact-wrap{
    width:100%;
  }
}
footer .contact-area .txt-area{
  margin-bottom:clamp(60 * 0.8px, calc((60 / 1366) * 100vw), 60px);
  color:#faf9f5;
}
footer .contact-area .txt-area .lead{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-bottom:clamp(48 * 0.8px, calc((48 / 1366) * 100vw), 48px);
  font-size:clamp(34 * 0.9px, calc((34 / 1366) * 100vw), 34px);
  letter-spacing:0.04em;
}
@media screen and (max-width: 780px){
  footer .contact-area .txt-area .lead{
    font-size:min(calc((28 / 390) * 100vw), 28 * 1.4px);
  }
}
footer .contact-area .txt-area .lead span{
  font-size:clamp(24 * 0.9px, calc((24 / 1366) * 100vw), 24px);
}
footer .contact-area .txt-area .f-ss{
  text-align:center;
  font-size:clamp(16 * 0.9px, calc((16 / 1366) * 100vw), 16px);
  line-height:2.25;
  letter-spacing:0.06em;
}
footer .contact-area .methods-wrap{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));
  gap:clamp(48 * 0.8px, calc((48 / 1366) * 100vw), 48px);
}
footer .contact-area .methods-wrap .block{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  padding:0 10px 30px;
  border-bottom:1px solid #bab6a8;
}
footer .contact-area .methods-wrap .block .label{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  margin-bottom:16px;
}
footer .contact-area .methods-wrap .block .label::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  margin:auto;
  width:100%;
  height:1px;
  background-color:#bab6a8;
}
footer .contact-area .methods-wrap .block .label span{
  position:relative;
  padding:0 12px;
  font-size:clamp(16 * 0.9px, calc((16 / 1366) * 100vw), 16px);
  letter-spacing:0.08em;
  background-color:#24231f;
  color:#bab6a8;
  z-index:1;
}
footer .contact-area .methods-wrap .block .number{
  margin-bottom:8px;
  font-size:clamp(38 * 0.9px, calc((38 / 1366) * 100vw), 38px);
  letter-spacing:0.04em;
  color:#98864e;
}
footer .contact-area .methods-wrap .block .reception{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:12px;
  -moz-column-gap:12px;
  column-gap:12px;
  font-size:clamp(14 * 0.9px, calc((14 / 1366) * 100vw), 14px);
  color:#98864e;
}
footer .contact-area .methods-wrap .block .reception span{
  padding:4px 5px;
  background-color:#98864e;
  font-size:clamp(13 * 0.9px, calc((13 / 1366) * 100vw), 13px);
  color:#faf9f5;
}
footer .contact-area .methods-wrap .block .btn-wrap{
  width:100%;
  height:100%;
}
footer .contact-area .methods-wrap .block .btn-wrap .btn{
  max-width:360px;
  width:100%;
  height:68px;
  font-size:clamp(18 * 0.9px, calc((18 / 1366) * 100vw), 18px);
  letter-spacing:0.06em;
}
footer .contact-area .methods-wrap .block .btn-wrap .btn img{
  width:26px;
  margin-right:16px;
}
footer .contact-area .methods-wrap .block .btn-wrap .arrow-right::after{
  background-color:#faf9f5;
}
footer .link-list{
  width:100%;
}
footer .link-list .link-list-wrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:60px 20px;
  border-bottom:1px solid #9f9b8e;
}
@media screen and (max-width: 1000px){
  footer .link-list .link-list-wrap{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:min(calc((24 / 390) * 100vw), 24 * 1.4px) 0;
  }
}
footer .link-list .link-list-wrap .list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-column-gap:32px;
  -moz-column-gap:32px;
  column-gap:32px;
}
@media screen and (max-width: 1000px){
  footer .link-list .link-list-wrap .list{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    row-gap:min(calc((16 / 390) * 100vw), 16 * 1.4px);
  }
}
footer .link-list .link-list-wrap .list li a{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:4px;
  -moz-column-gap:4px;
  column-gap:4px;
}
footer .link-list .link-list-wrap .list li a[target=_blank]::after{
  content:"";
  width:18px;
  height:18px;
  background:url("../img/icon-external.svg") no-repeat;
  background-size:cover;
}
footer .link-list .label{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:6px;
  font-size:clamp(24 * 0.9px, calc((24 / 1366) * 100vw), 24px);
}
@media screen and (max-width: 1000px){
  footer .link-list .label{
    margin-bottom:min(calc((24 / 390) * 100vw), 24 * 1.4px);
  }
}
footer .link-list .label span{
  font-size:clamp(16 * 0.9px, calc((16 / 1366) * 100vw), 16px);
  letter-spacing:0.06em;
}
footer .link-list .copy-txt{
  padding:26px 0;
  text-align:right;
  font-size:clamp(13 * 0.9px, calc((13 / 1366) * 100vw), 13px);
}
.mv{
  background-color:#24231f;
}
.mv .mv-content{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-column-gap:100px;
  -moz-column-gap:100px;
  column-gap:100px;
  width:100%;
  padding:0 40px;
  background:url("../img/deco-1.png") center left/24% auto no-repeat;
}
@media screen and (max-width: 780px){
  .mv .mv-content{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:0 min(calc((24 / 390) * 100vw), 24 * 1.4px);
  }
}
.mv .mv-content .txt-area{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:48px;
  -ms-flex-negative:0;
  flex-shrink:0;
  width:clamp(304px, 27.8184480234vw, 800px);
  color:#faf9f5;
}
@media screen and (max-width: 780px){
  .mv .mv-content .txt-area{
    row-gap:min(calc((36 / 390) * 100vw), 36 * 1.4px);
    width:100%;
    margin-bottom:min(calc((40 / 390) * 100vw), 40 * 1.4px);
  }
}
.mv .mv-content .txt-area .copy{
  -webkit-animation:fade-left cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 0.2s;
  animation:fade-left cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 0.2s;
  opacity:0;
}
@media screen and (max-width: 780px){
  .mv .mv-content .txt-area .copy{
    width:min(calc((305 / 390) * 100vw), 305 * 1.4px);
  }
}
.mv .mv-content .txt-area p{
  font-size:clamp(15 * 0.9px, calc((15 / 1366) * 100vw), 15px);
  line-height:2.2666666667;
  letter-spacing:0.06em;
  -webkit-animation:fade-left cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 0.6s;
  animation:fade-left cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 0.6s;
  opacity:0;
}
@media screen and (max-width: 780px){
  .mv .mv-content .txt-area p{
    font-size:min(calc((14 / 390) * 100vw), 14 * 1.4px);
  }
}
.mv .mv-content .scroll-urge{
  position:absolute;
  bottom:-120px;
  left:0;
  right:0;
  margin:auto;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  -webkit-animation:blur cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 2s;
  animation:blur cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 2s;
  opacity:0;
}
@media screen and (max-width: 780px){
  .mv .mv-content .scroll-urge{
    display:none;
  }
}
.mv .mv-content .scroll-urge .stick{
  position:relative;
  width:2px;
  height:80px;
  background:-webkit-gradient(linear, left top, left bottom, from(#4E4D49), to(rgba(244, 240, 240, 0)));
  background:linear-gradient(#4E4D49 0%, rgba(244, 240, 240, 0) 100%);
}
.mv .mv-content .scroll-urge .stick span{
  position:absolute;
  top:5px;
  left:-1px;
  right:0;
  margin:auto;
  width:4px;
  height:4px;
  background-color:#bab6a8;
  -webkit-animation:fade-down cubic-bezier(0.83, 0, 0.17, 1) 2.4s infinite;
  animation:fade-down cubic-bezier(0.83, 0, 0.17, 1) 2.4s infinite;
}
.mv .mv-content .image-area{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-width:1080px;
  -webkit-animation:fadeSlide cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 0.6s;
  animation:fadeSlide cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 0.6s;
  opacity:0;
}
.mv .mv-content .achievements-area{
  position:absolute;
  bottom:-40px;
  right:0;
  padding:clamp(32 * 0.8px, calc((32 / 1366) * 100vw), 32px) clamp(52 * 0.8px, calc((52 / 1366) * 100vw), 52px);
  background-color:#f4f1ec;
  text-align:center;
  -webkit-animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 0.6s;
  animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 1s forwards 0.6s;
  opacity:0;
}
@media screen and (max-width: 1000px){
  .mv .mv-content .achievements-area{
    bottom:min(calc((-40 / 390) * 100vw), -40 * 1.4px);
    padding:0 min(calc((10 / 390) * 100vw), 10 * 1.4px);
  }
}
@media screen and (max-width: 780px){
  .mv .mv-content .achievements-area{
    bottom:min(calc((-110 / 390) * 100vw), -110 * 1.4px);
  }
}
.mv .mv-content .achievements-area .list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:28px;
  -moz-column-gap:28px;
  column-gap:28px;
}
@media screen and (max-width: 1000px){
  .mv .mv-content .achievements-area .list{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    width:min(calc((320 / 390) * 100vw), 320 * 1.4px);
  }
  .mv .mv-content .achievements-area .list::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    width:min(calc((12 / 390) * 100vw), 12 * 1.4px);
    height:min(calc((12 / 390) * 100vw), 12 * 1.4px);
    background-color:#f4f1ec;
  }
}
.mv .mv-content .achievements-area .list .item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  row-gap:8px;
  padding-right:28px;
  border-right:1px solid #e2e2e2;
}
@media screen and (max-width: 1000px){
  .mv .mv-content .achievements-area .list .item{
    padding:min(calc((10 / 390) * 100vw), 10 * 1.4px);
    border:none;
  }
  .mv .mv-content .achievements-area .list .item:first-child{
    border-right:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
  }
  .mv .mv-content .achievements-area .list .item:nth-child(2){
    border-bottom:1px solid #e2e2e2;
  }
  .mv .mv-content .achievements-area .list .item:nth-child(3){
    border-right:1px solid #e2e2e2;
  }
}
.mv .mv-content .achievements-area .list .item:last-child{
  padding-right:0;
  border-right:none;
}
.mv .mv-content .achievements-area .list .item .label{
  font-size:clamp(15 * 0.9px, calc((15 / 1366) * 100vw), 15px);
  letter-spacing:0.06em;
  color:#98864e;
}
.mv .mv-content .achievements-area .list .item .number{
  font-size:clamp(28 * 0.9px, calc((28 / 1366) * 100vw), 28px);
  letter-spacing:0.03em;
}
.mv .mv-content .achievements-area .list .item .number span{
  font-size:50%;
}

.introduction{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:-1px;
  padding:140px 0 240px;
  background-image:url("../img/introduction-image.png"), url("../img/introduction-deco.png");
  background-size:38.5% auto, 61% auto;
  background-position:bottom left, bottom right;
  background-repeat:no-repeat;
  background-color:#24231f;
}
@media screen and (max-width: 780px){
  .introduction{
    padding:min(calc((200 / 390) * 100vw), 200 * 1.4px) 0 min(calc((100 / 390) * 100vw), 100 * 1.4px);
    background-image:url("../img/introduction-deco.png");
    background-size:100% auto;
    background-position:bottom center;
  }
}
.introduction .block-column{
  -webkit-column-gap:clamp(100 * 0.8px, calc((100 / 1366) * 100vw), 100px);
  -moz-column-gap:clamp(100 * 0.8px, calc((100 / 1366) * 100vw), 100px);
  column-gap:clamp(100 * 0.8px, calc((100 / 1366) * 100vw), 100px);
  padding:0 clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
}
@media screen and (max-width: 780px){
  .introduction .block-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    row-gap:min(calc((28 / 390) * 100vw), 28 * 1.4px);
    width:100%;
  }
}
@media screen and (max-width: 780px){
  .introduction .left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100vw;
    margin-left:calc(50% - 50vw);
    padding-bottom:min(calc((120 / 390) * 100vw), 120 * 1.4px);
    background-image:url("../img/introduction-image-sp.png");
    background-size:100% auto;
    background-position:bottom center;
    background-repeat:no-repeat;
  }
}
.introduction .fig-triangle{
  position:relative;
  width:clamp(420 * 0.8px, calc((420 / 1366) * 100vw), 420px);
  height:clamp(400 * 0.8px, calc((400 / 1366) * 100vw), 400px);
  background-image:url("../img/introduction-fig-triangle.svg");
  background-size:148px auto;
  background-position:center;
  background-repeat:no-repeat;
}
.introduction .fig-triangle.on .circle:first-child{
  -webkit-animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards;
  animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards;
}
.introduction .fig-triangle.on .circle:nth-child(2){
  -webkit-animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards 0.2s;
  animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards 0.2s;
}
.introduction .fig-triangle.on .circle:last-child{
  -webkit-animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards 0.4s;
  animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards 0.4s;
}
.introduction .fig-triangle .circle{
  position:absolute;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  width:clamp(200 * 0.8px, calc((200 / 1366) * 100vw), 200px);
  height:clamp(200 * 0.8px, calc((200 / 1366) * 100vw), 200px);
  margin:auto;
  border-radius:50%;
  border:1px solid #5c594f;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.introduction .fig-triangle .circle:first-child{
  top:0;
  left:0;
  right:0;
  opacity:0;
}
.introduction .fig-triangle .circle:nth-child(2){
  bottom:0;
  left:0;
  opacity:0;
}
.introduction .fig-triangle .circle:last-child{
  bottom:0;
  right:0;
  opacity:0;
}
.introduction .fig-triangle .circle .label{
  font-size:clamp(28 * 0.9px, calc((28 / 1366) * 100vw), 28px);
  letter-spacing:0.18em;
  font-weight:500;
  color:#faf9f5;
}
.introduction .fig-triangle .circle span{
  width:4px;
  height:4px;
  margin:8px 0 10px;
  background-color:#bab6a8;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.introduction .fig-triangle .circle .deco-txt{
  font-size:clamp(11 * 0.9px, calc((11 / 1366) * 100vw), 11px);
  letter-spacing:0.24em;
  color:#bab6a8;
}
.introduction .right{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  opacity:0;
}
@media screen and (max-width: 780px){
  .introduction .right{
    width:100%;
  }
}
.introduction .right.on{
  -webkit-animation:fadeSlide 0.5s cubic-bezier(0.45, 0, 0.55, 1) forwards;
  animation:fadeSlide 0.5s cubic-bezier(0.45, 0, 0.55, 1) forwards;
}
.introduction .right .lead{
  margin-bottom:clamp(32 * 0.8px, calc((32 / 1366) * 100vw), 32px);
  font-size:clamp(16 * 0.9px, calc((16 / 1366) * 100vw), 16px);
  letter-spacing:0.16em;
  color:#bab6a8;
}
@media screen and (max-width: 780px){
  .introduction .right .lead{
    font-size:min(calc((14 / 390) * 100vw), 14 * 1.4px);
  }
}
.introduction .right .txt{
  margin-bottom:clamp(56 * 0.8px, calc((56 / 1366) * 100vw), 56px);
  font-size:clamp(24 * 0.9px, calc((24 / 1366) * 100vw), 24px);
  line-height:2.0833333333;
  letter-spacing:0.12em;
  color:#faf9f5;
}
@media screen and (max-width: 780px){
  .introduction .right .txt{
    font-size:min(calc((18 / 390) * 100vw), 18 * 1.4px);
  }
}
.introduction .right .btn{
  width:clamp(300 * 0.8px, calc((300 / 1366) * 100vw), 300px);
}
@media screen and (max-width: 780px){
  .introduction .right .btn{
    width:100%;
  }
}
.introduction .right .btn.-border{
  border-color:#bab6a8;
  color:#bab6a8;
}
.introduction .right .btn.arrow-right::after{
  background-color:#bab6a8;
}

.article-list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  padding-top:88px;
  background-color:#f4f1ec;
  background:url("../img/deco-2.png") top 20px right -114px/35% auto no-repeat;
}
@media screen and (max-width: 780px){
  .article-list{
    padding-top:min(calc((48 / 390) * 100vw), 48 * 1.4px);
  }
}
.article-list.latest{
  padding-top:120px;
  background-position:top 55px left -114px;
}
@media screen and (max-width: 780px){
  .article-list.latest{
    padding-top:min(calc((70 / 390) * 100vw), 70 * 1.4px);
  }
}
.article-list::after{
  content:"";
  width:calc(100% - 80px);
  height:1px;
  margin-top:88px;
  background-color:rgba(186, 182, 168, 0.6);
}
@media screen and (max-width: 780px){
  .article-list::after{
    width:calc(100% - 20px);
  }
}
.article-list .lead{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:10px;
  margin-bottom:40px;
  font-size:clamp(34 * 0.9px, calc((34 / 1366) * 100vw), 34px);
  letter-spacing:0.06em;
}
@media screen and (max-width: 780px){
  .article-list .lead{
    font-size:min(calc((28 / 390) * 100vw), 28 * 1.4px);
  }
}
.article-list .lead span{
  font-size:clamp(15 * 0.9px, calc((15 / 1366) * 100vw), 15px);
  letter-spacing:0.32em;
  color:#98864e;
}
.article-list .block-grid{
  margin-bottom:40px;
  opacity:0;
}
.article-list .block-grid.on{
  -webkit-animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards;
  animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards;
}
.article-list .block-grid .item .image{
  margin-bottom:20px;
}
.article-list .block-grid .item .article-ttl{
  margin-bottom:8px;
  font-size:clamp(20 * 0.9px, calc((20 / 1366) * 100vw), 20px);
  line-height:1.45;
  letter-spacing:0.04em;
}
.article-list .block-grid .item .date{
  font-size:clamp(15 * 0.9px, calc((15 / 1366) * 100vw), 15px);
  letter-spacing:0.1em;
  color:#98864e;
}
.article-list .btn{
  width:240px;
}

.external-link{
  margin:80px auto 0;
  opacity:0;
}
@media screen and (max-width: 780px){
  .external-link{
    margin-top:min(calc((48 / 390) * 100vw), 48 * 1.4px);
  }
}
.external-link.on{
  -webkit-animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards;
  animation:fade-up cubic-bezier(0.45, 0, 0.55, 1) 0.6s forwards;
}
.external-link .external-wrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:2px;
}
@media screen and (max-width: 780px){
  .external-link .external-wrap{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
  }
}

.single-page{
}
.single-page .single-upside{
  margin-bottom:clamp(60 * 0.8px, calc((60 / 1366) * 100vw), 60px);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, #24231f), color-stop(30%, transparent));
  background:linear-gradient(to bottom, #24231f 70%, transparent 30%);
  color:#f4f1ec;
}
.single-page .single-upside .category-list .item{
  color:#faf9f5;
}
.single-page .single-upside .single-ttl{
  margin-bottom:clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
  font-size:clamp(32 * 0.9px, calc((32 / 1366) * 100vw), 32px);
  line-height:1.625;
}
@media screen and (max-width: 780px){
  .single-page .single-upside .single-ttl{
    font-size:min(calc((20 / 390) * 100vw), 20 * 1.4px);
  }
}
.single-page .single-upside .remarks{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
}
.single-page .single-upside .remarks .supervision{
  margin-bottom:0;
  font-size:clamp(15 * 0.9px, calc((15 / 1366) * 100vw), 15px);
  letter-spacing:0.04em;
}
.single-page .single-upside .remarks .supervision span{
  margin-left:12px;
}
.single-page .single-upside .remarks .date{
  font-size:clamp(15 * 0.9px, calc((15 / 1366) * 100vw), 15px);
  letter-spacing:0.1em;
  color:#98864e;
}
.single-page .single-upside .single-thumb{
  width:100%;
  height:auto;
}
.single-page .single-upside .single-thumb img{
  aspect-ratio:820/360;
  -o-object-fit:cover;
  object-fit:cover;
}
.single-page .single-txt{
  max-width:clamp(980 * 0.8px, calc((980 / 1366) * 100vw), 980px);
  margin:0 auto;
}
.single-page .single-txt .inner > ul > li{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:baseline;
  -ms-flex-align:baseline;
  align-items:baseline;
  -webkit-column-gap:4px;
  -moz-column-gap:4px;
  column-gap:4px;
}
.single-page .single-txt .inner > ul > li::before{
  content:"・";
}
.single-page .single-txt .block{
  margin-bottom:clamp(48 * 0.8px, calc((48 / 1366) * 100vw), 48px);
}
.single-page .single-txt p{
  font-size:clamp(16 * 0.9px, calc((16 / 1366) * 100vw), 16px);
  line-height:2;
  letter-spacing:0.04em;
}
.single-page .single-txt h2{
  position:relative;
  margin-top:clamp(40 * 0.8px, calc((40 / 1366) * 100vw), 40px);
  margin-bottom:clamp(40 * 0.8px, calc((40 / 1366) * 100vw), 40px);
  padding-bottom:clamp(12 * 0.8px, calc((12 / 1366) * 100vw), 12px);
  font-size:clamp(26 * 0.9px, calc((26 / 1366) * 100vw), 26px);
  line-height:1.3846153846;
  letter-spacing:0.04em;
  border-bottom:1px solid rgba(186, 182, 168, 0.6);
}
@media screen and (max-width: 780px){
  .single-page .single-txt h2{
    font-size:min(calc((18 / 390) * 100vw), 18 * 1.4px);
  }
}
.single-page .single-txt h2:first-of-type{
  margin-top:0;
}
.single-page .single-txt h2::after{
  content:"";
  position:absolute;
  bottom:-1px;
  left:0;
  width:1em;
  height:1px;
  background-color:#333024;
}
.single-page .single-txt h3{
  margin-top:clamp(30 * 0.8px, calc((30 / 1366) * 100vw), 30px);
  margin-bottom:clamp(16 * 0.8px, calc((16 / 1366) * 100vw), 16px);
  font-size:clamp(22 * 0.9px, calc((22 / 1366) * 100vw), 22px);
  line-height:1.5;
  letter-spacing:0.04em;
}
@media screen and (max-width: 780px){
  .single-page .single-txt h3{
    font-size:min(calc((15 / 390) * 100vw), 15 * 1.4px);
  }
}
.single-page .single-txt h4{
  margin-bottom:clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
  font-size:clamp(18 * 0.9px, calc((18 / 1366) * 100vw), 18px);
  line-height:1.8333333333;
  letter-spacing:0.04em;
}
@media screen and (max-width: 780px){
  .single-page .single-txt h4{
    font-size:min(calc((14 / 390) * 100vw), 14 * 1.4px);
  }
}
.single-page .single-txt .box-txt{
  padding:clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
  background-color:#e7e2d6;
}
.single-page #toc_container{
  margin-bottom:clamp(48 * 0.8px, calc((48 / 1366) * 100vw), 48px);
  padding:16px 24px;
  border-radius:4px;
  background-color:#faf9f5;
}
.single-page #toc_container .toc_title{
  margin-bottom:clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
  padding-bottom:16px;
  font-size:clamp(20 * 0.9px, calc((20 / 1366) * 100vw), 20px);
  letter-spacing:0.04em;
  border-bottom:1px solid #d4d0c7;
}
.single-page #toc_container .toc_list li{
  margin-bottom:clamp(8 * 0.8px, calc((8 / 1366) * 100vw), 8px);
}
.single-page #toc_container .toc_list li a{
  font-size:clamp(16 * 0.9px, calc((16 / 1366) * 100vw), 16px);
  line-height:1.75;
  letter-spacing:0.04em;
  font-weight:bold;
}
.single-page #toc_container .toc_list li ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:8px;
}
.single-page #toc_container .toc_list li ul li{
  margin-bottom:0;
  text-indent:1em;
}
.single-page #toc_container .toc_list li ul li a{
  font-size:clamp(15 * 0.9px, calc((15 / 1366) * 100vw), 15px);
  line-height:1.8666666667;
  letter-spacing:0.04em;
  font-weight:500;
}
.single-page .writer-area{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:24px;
  padding:clamp(32 * 0.8px, calc((32 / 1366) * 100vw), 32px);
  border-radius:4px;
  background-color:#faf9f5;
}
.single-page .writer-area p{
  margin-bottom:0;
}
.single-page .writer-area .upside{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-column-gap:clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
  -moz-column-gap:clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
  column-gap:clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
}
.single-page .writer-area .upside .thumb{
  width:70px;
  height:70px;
}
.single-page .writer-area .upside .thumb img{
  height:100%;
  border-radius:50%;
  -o-object-fit:cover;
  object-fit:cover;
}
.single-page .writer-area .upside .writer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}
.single-page .writer-area .upside .writer .name{
  font-size:clamp(18 * 0.9px, calc((18 / 1366) * 100vw), 18px);
  letter-spacing:0.04em;
  font-weight:bold;
}
.single-page p,
.single-page ul,
.single-page table,
.single-page .wp-block-image{
  margin-bottom:20px;
}
@media screen and (max-width: 780px){
  .single-page p,
  .single-page ul,
  .single-page table,
  .single-page .wp-block-image{
    margin-bottom:min(calc((16 / 390) * 100vw), 16 * 1.4px);
  }
}
@media screen and (max-width: 780px){
  .single-page .wp-block-image img{
    width:100%;
  }
}
.single-page table{
  border-collapse:collapse;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  margin-bottom:clamp(20 * 0.8px, calc((20 / 1366) * 100vw), 20px);
  border:1px solid #d4d0c7;
}
.single-page th{
  padding:12px;
  text-align:left;
  font-weight:bold;
  border-bottom:1px solid #d4d0c7;
  border-right:1px solid #d4d0c7;
}
.single-page tbody{
  background-color:#faf9f5;
}
.single-page td{
  padding:12px;
  text-align:left;
  border-bottom:1px solid #d4d0c7;
  border-right:1px solid #d4d0c7;
}
.single-page .aligncenter{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.single-page .alignright{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
}
.single-page .mb-20{
  margin-bottom:20px;
}
.single-page .mb-40{
  margin-bottom:40px;
}
.single-page .mb-60{
  margin-bottom:60px;
}
.single-page .has-small-font-size{
  font-size:13px;
}
.single-page .has-regular-font-size,
.single-page .has-normal-font-size{
  font-size:16px;
}
.single-page .has-medium-font-size{
  font-size:20px;
}
.single-page .has-large-font-size{
  font-size:36px;
}
.single-page .has-larger-font-size,
.single-page .has-huge-font-size{
  font-size:42px;
}
.single-page .has-drop-cap:not(:focus)::first-letter{
  float:left;
  font-size:8.4em;
  line-height:0.68;
  font-weight:100;
  margin:0.05em 0.1em 0 0;
  text-transform:uppercase;
  font-style:normal;
}
.single-page .has-drop-cap:not(:focus)::after{
  content:"";
  display:table;
  clear:both;
  padding-top:14px;
}
.single-page p.has-background{
  padding:20px 30px;
}
.single-page .wp-block-table{
  width:100%;
}
.single-page .wp-block-table.is-style-stripes{
  border-spacing:0;
  border-collapse:inherit;
  background-color:transparent;
  border-bottom:1px solid #f3f4f5;
}
.single-page .wp-block-table.is-style-stripes tbody tr:nth-child(odd){
  background-color:#f3f4f5;
}
.single-page .wp-block-table .has-fixed-layout{
  table-layout:fixed;
  width:100%;
}
.single-page .wp-block-table .has-fixed-layout td,
.single-page .wp-block-table .has-fixed-layout th{
  word-break:break-word;
}
.single-page .wp-block-quote.is-style-large,
.single-page .wp-block-quote.is-large{
  margin:0 0 16px;
  padding:0 1em;
}
.single-page .wp-block-quote.is-style-large p,
.single-page .wp-block-quote.is-large p{
  font-size:24px;
  font-style:italic;
  line-height:1.6;
}
.single-page .wp-block-quote.is-style-large cite,
.single-page .wp-block-quote.is-style-large footer,
.single-page .wp-block-quote.is-large cite,
.single-page .wp-block-quote.is-large footer{
  font-size:18px;
  text-align:right;
}
.accordion-box{
  border:1px solid #98864e;
  background-color:#fff;
}
.accordion-box + .accordion-box{
  margin-top:30px;
}
.accordion-box .label{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:min(calc((30 / 390) * 100vw), 30 * 1.4px);
  font-size:clamp(20 * 0.9px, calc((20 / 1366) * 100vw), 20px);
  line-height:1.3;
  letter-spacing:0.2em;
  font-weight:700;
  color:#333024;
}
.accordion-box .label .accordion-btn{
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:11px;
  height:11px;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.accordion-box .label .accordion-btn::before, .accordion-box .label .accordion-btn::after{
  content:"";
  position:absolute;
  width:100%;
  height:1px;
  background-color:#333024;
}
.accordion-box .label .accordion-btn::after{
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
}
.accordion-box[open] .label .accordion-btn::after{
  opacity:0;
}
.accordion-box .accordion-inner{
  padding:min(calc((30 / 390) * 100vw), 30 * 1.4px);
  border-top:1px solid #98864e;
  background-color:#fff;
}
.accordion-box .accordion-inner p + p{
  margin-top:20px;
}

.dots-list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:20px;
}
.dots-list li{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-column-gap:6px;
  -moz-column-gap:6px;
  column-gap:6px;
}
.dots-list li::before{
  content:"";
  display:block;
  -ms-flex-negative:0;
  flex-shrink:0;
  width:8px;
  height:8px;
  margin-top:0.6em;
  border-radius:50%;
  background-color:#333024;
}
.dots-list li .txt{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.number-list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  row-gap:20px;
  counter-reset:count 0;
}
.number-list li{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-column-gap:6px;
  -moz-column-gap:6px;
  column-gap:6px;
}
.number-list li::before{
  content:counter(count) "）";
  counter-increment:count 1;
  display:block;
  -ms-flex-negative:0;
  flex-shrink:0;
}

.aspect{
  width:100%;
  height:100%;
  aspect-ratio:16/9;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next{
  width:28px;
  height:28px;
  background:url(../img/arrow-line-btn.svg) center/contain no-repeat;
  -webkit-transition:all 0.4s 0.05s ease-in-out;
  transition:all 0.4s 0.05s ease-in-out;
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after{
  content:"";
}
.swiper .swiper-button-prev{
  left:0;
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.swiper .swiper-button-next{
  right:0;
}

.btn-wrap{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.btn{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  min-width:172px;
  height:40px;
  background-color:#98864e;
  border-radius:100px;
  font-size:clamp(14 * 0.9px, calc((14 / 1366) * 100vw), 14px);
  letter-spacing:0.06em;
  color:#faf9f5;
}
@media screen and (max-width: 780px){
  .btn{
    font-size:min(calc((15 / 390) * 100vw), 15 * 1.4px);
  }
}
.btn.-c-beige{
  background-color:#e6dec4;
  color:#333024;
}
.btn.-border{
  height:54px;
  padding:0 24px;
  background-color:transparent;
  border:1px solid #98864e;
  color:#98864e;
}

.arrow-right{
  position:relative;
}
.arrow-right::after{
  content:"";
  position:absolute;
  top:0;
  right:24px;
  bottom:0;
  margin:auto;
  display:inline-block;
  width:10px;
  height:6px;
  -webkit-mask-image:url("../img/arrow-right.svg");
  mask-image:url("../img/arrow-right.svg");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  background-color:#98864e;
}
/*# sourceMappingURL=style.css.map */