@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
html {
 font-size: 62.5%;
 height: 100%;
}
body {
 font-family: "Noto Sans JP", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, Arial, sans-serif;
 letter-spacing: .065em;
 color: #333;
 font-weight: 400;
 font-size: 1.6rem;
 line-height: 2;
 -ms-overflow-style: none;
 scrollbar-width: none;
 height: 100%;
 background: #fcfcfc;
}
@media screen and (max-width: 1000px) {
 body {
  font-size: 1.4rem;
 }
}
/*body::-webkit-scrollbar {
 display: none;
}*/
a {
 display: block;
 transition: .2s;
 text-decoration: none;
}
img {
 display: block;
 width: 100%;
 height: auto;
}
em {
 display: inline-block;
 font-size: 74%;
 font-weight: inherit;
}
.pc {
 display: block !important;
}
.sp {
 display: none !important;
}
#wrapper {
 position: relative;
 width: 100%;
 overflow: hidden;
}
section {
 position: relative;
 z-index: 5;
}
.inner {
 padding: 0 5%;
 position: relative;
 z-index: 5;
 max-width: 1300px;
 margin: 0 auto;
}
@media screen and (max-width: 1000px) {
 .pc {
  display: none !important;
 }
 .sp {
  display: block !important;
 }
 .inner {
  padding: 0 1rem;
 }
 .sp-nav-bar {
  z-index: 100;
 }
 .sp-menu {
  z-index: 99;
 }
 .sp-menu .sp-nav {
  z-index: 99;
  position: relative;
 }
}
/*header {
 background: #fff;
 line-height: 1;
 position: relative;
 z-index: 10;
 height: 7.6rem;
 display: flex;
 align-items: center;
 justify-content: space-between;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
header .inner {
 display: flex;
 align-items: center;
 justify-content: space-between;
 height: 100%;
}
header .inner .logo {
 flex: 1 0 20rem;
 max-width: 20rem;
}*/
@media screen and (max-width: 1200px) {
 .header .inner .logo {
  width: 200px !important;
 }
}
header .inner {
 padding: 0;
}
header .inner .pc-nav {
 height: 100%;
}
header .inner .sp-nav {
 height: 100%;
}
header .inner nav {
 position: relative;
 height: 100%;
 z-index: 10;
}
header .inner nav > div {
 position: relative;
 height: 100%;
 z-index: 10;
}
header .inner nav ul {
 display: flex;
 align-items: center;
 height: 100%;
 position: relative;
 z-index: 10;
}
header .inner nav ul li {
 margin-right: 1.85em;
 height: 100%;
 position: relative;
 z-index: 10;
}
.pc-nav ul li:nth-last-child(2) {
 background: none;
 padding: 0;
}
.pc-nav ul li:last-child {
 background: none;
 padding: 0;
}
header .inner nav ul li a {
 color: #333;
 font-size: 1.5rem;
 font-weight: 500;
 position: relative;
 height: 100%;
 display: flex;
 align-items: center;
 white-space: nowrap;
 font-family: "Noto Sans JP", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, Arial, sans-serif;
 z-index: 10;
}
header .inner nav ul li a:hover {
 color: #C19240;
}
header .inner nav ul li.document a, .pc-nav ul li:nth-last-child(2) a {
 background: url("../img/add2509/icon_document.svg") no-repeat left center;
 background-size: auto 1.3em;
 padding-left: 1.4em;
}
header .inner nav ul li.document a:hover, .pc-nav ul li:nth-last-child(2) a:hover {
 background: url("../img/add2509/icon_document_hover.svg") no-repeat left center;
 background-size: auto 1.3em;
}
header .inner nav ul li.contact a, .pc-nav ul li:last-child a {
 background: url("../img/add2509/icon_mail.svg") no-repeat left center;
 background-size: auto 0.95em;
 padding-left: 1.55em;
}
header .inner nav ul li.contact a:hover, .pc-nav ul li:last-child a:hover {
 background: url("../img/add2509/icon_mail_hover.svg") no-repeat left center;
 background-size: auto 0.95em;
}
header .inner nav ul li a:after {
 content: "";
 display: block;
 height: 4px;
 width: 0;
 position: absolute;
 bottom: 0;
 left: 0;
 background: #dfb56b;
 transition: .2s;
}
header .inner nav ul li a:hover:after {
 width: 100%;
}
.footer .f_nav li a {
 font-family: "Noto Sans JP", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, Arial, sans-serif;
 font-size: 1.5rem;
 white-space: nowrap;
}
.footer .f-top .item-logo .logo img {
 display: inline-block;
}
.en {
 font-size: 12vw;
 line-height: 1;
 font-family: "Lusitana", serif;
 position: absolute;
 transform: rotate(90deg);
 transform-origin: bottom right;
 left: -3.45em;
 bottom: 0;
 z-index: -1;
 background: linear-gradient(-45deg, #b69452, #f3dc9f);
 color: transparent;
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 text-fill-color: transparent;
 mix-blend-mode: difference;
 opacity: 0.3;
}
.youtube {
 display: grid;
 margin-inline: auto;
}
.youtube__container {
 position: relative;
}
.youtube__container img, .youtube__container iframe {
 display: block;
 width: 100%;
 height: auto;
 aspect-ratio: 16/9;
}
.youtube__container::before {
 content: "";
 display: inline-block;
 background: #fff;
 aspect-ratio: 197/150;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 pointer-events: none;
}
.youtube__container::after {
 content: '';
 display: inline-block;
 --MASK: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDM5MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDM5MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRjAwMDA7fQo8L3N0eWxlPgo8ZyBpZD0i44Os44Kk44Ok44O8XzFfMDAwMDAwNzQ0MDA4NzMyNzkxMzU5NDUyNDAwMDAwMDY2OTQ1NTcxMzQ4ODYzMzkyMjNfIj4KCTxnIGlkPSJfMiI+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ4Mi43LDM3LjhDNDU2LjUsMTYuNiwzNjQsMCwyNTYsMFM1NS41LDE2LjYsMjkuMywzNy44QzUuMiw1Ny4yLDAsMTQ1LjEsMCwxOTVzNS4yLDEzNy44LDI5LjMsMTU3LjIKCQkJQzU1LjUsMzczLjQsMTQ4LDM5MCwyNTYsMzkwczIwMC41LTE2LjYsMjI2LjctMzcuOEM1MDYuOCwzMzIuOCw1MTIsMjQ0LjksNTEyLDE5NVM1MDYuOCw1Ny4yLDQ4Mi43LDM3Ljh6IE0zMzIuOCwxOTcuNEwyMTQsMjY4LjMKCQkJYy0wLjksMC41LTEuOSwwLjUtMi44LDBjLTAuOS0wLjUtMS40LTEuNC0xLjQtMi40VjEyNC4xYzAtMSwwLjUtMS45LDEuNC0yLjRjMC45LTAuNSwxLjktMC41LDIuOCwwbDExOC44LDcwLjkKCQkJYzAuOCwwLjUsMS40LDEuNCwxLjQsMi40QzMzNC4yLDE5NiwzMzMuNywxOTYuOSwzMzIuOCwxOTcuNHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K) no-repeat center center / 100%;
 mask: var(--MASK);
 -webkit-mask: var(--MASK);
 background-color: #FF0000;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 pointer-events: none;
 aspect-ratio: 131/100;
}
.youtube__container.is-play::before, .youtube__container.is-play::after {
 display: none;
}
@media (hover: hover) {
 .youtube__container:hover {
  cursor: pointer;
 }
 .youtube__container::after {
  transition: .3s;
 }
 .youtube__container:hover::after {
  background-color: #4B4B4B;
 }
}
@media screen and (min-width: 768px) {
 .youtube {
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 30px;
 }
 .youtube__container::before {
  width: 40px;
 }
 .youtube__container::after {
  width: 72px;
 }
}
@media screen and (max-width: 767px) {
 .youtube {
  width: 90%;
  gap: 25px;
 }
 .youtube__container::before {
  width: 25px;
 }
 .youtube__container::after {
  width: 50px;
 }
}