@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.1.0/dist/css/yakuhanjp.min.css);
.header{position:fixed;width:100%;top:0;z-index:999;color:#333;background-color:#fff;border:1px solid #f8f8f8}.header__content{max-width:1108px;margin:0 auto;padding:20px 24px}.header__nav{position:relative;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.header__link{font-weight:normal;position:relative;display:inline-block;font-size:1.6rem;font-weight:bold;color:#333}.header__item{text-align:center;margin-bottom:24px}.header__logo{display:block;position:relative;z-index:9999}.header__list{position:absolute;display:flex;flex-direction:column;justify-content:center;top:0;left:100%;width:100%;height:100vh;background-color:rgba(255,255,255,.95);opacity:0}.header__toggle{position:relative;width:30px;height:23px;z-index:9999}.header__toggle.bar{display:block;position:absolute;width:30px;height:2px;background-color:#333}.header__toggle.bar::before{content:"";display:block;position:absolute;top:10px;left:0;width:30px;height:2px;background-color:#333}.header__toggle.bar::after{content:"";display:block;position:absolute;top:19px;right:0;width:30px;height:2px;background-color:#333}.header__link::after{background-color:#333;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transition:.5s all;width:0}.header__link:hover::after{width:100%}.header__caption{font-size:1rem;font-weight:normal}.header__logo{display:inline-block}.header__list--open{opacity:1;left:0;transition-duration:.5s;transition-property:opacity}.header__item{display:block}@media screen and (min-width: 1024px){.header__content{display:flex;flex-direction:row;justify-content:space-between}.header__nav{margin:0}.header__list{position:relative;width:auto;height:auto;left:0;padding:0;opacity:1;flex-direction:row}.header__toggle{display:none}.header__item{margin-left:24px;margin-bottom:0}}@media screen and (min-width: 768px){.header__item{display:inline-block}.header__link{font-size:1.4rem}.header__link--button{width:inherit;margin:0 26px 0 0;font-size:.8rem}}.footer{width:100%;background-color:#fff;padding:64px 0;position:relative;z-index:2;width:100%;top:0;color:#333;border-top:1px solid #f2f2f2}.footer__content{background-color:#fff;display:flex;flex-direction:column;padding:0 24px;max-width:1108px;margin:0 auto 48px}.footer__lead{font-size:2rem}.footer__logo{margin-bottom:16px}.footer__info{margin-bottom:24px}.footer__link{display:block;padding:8px 0;font-size:1.6rem;font-weight:bold;color:#333}@media screen and (min-width: 768px){.footer__content{flex-direction:row;border-left:1px solid #ddd;border-right:1px solid #ddd}.footer__info{width:50%}.footer__list{display:flex;flex-wrap:wrap}.footer__link{padding:0 0 24px 0}.footer__item{width:50%}.footer__menu{width:50%;padding-left:24px}}.footer__caption{display:block;font-size:1rem;font-weight:normal}.footer__link--contact{margin:0 auto 12px;font-size:1.2rem;padding:8px;color:#333;border:1px solid #333;text-align:center}.footer__copylight{width:100%;text-align:center;color:#d9d9d6;font-size:1.4rem}*,*::after,*::before{box-sizing:inherit}*{font:inherit}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{margin:0;padding:0;border:0}html{box-sizing:border-box;font-size:62.5%;color:#333}body{background-color:var(--color-bg, white);font-family:YakuHanJP,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,form legend{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}button,input,textarea,select{margin:0}.btn,.form-control,.link,.reset{background-color:rgba(0,0,0,0);padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}a{text-decoration:none;color:#333}select.form-control::-ms-expand{display:none}textarea{resize:vertical;overflow:auto;vertical-align:top}input::-ms-clear{display:none}table{border-collapse:collapse;border-spacing:0}img,video,svg{max-width:100%}.mdl-textbar{display:inline-block;border-top:1px solid #9ea2a2;width:15%;margin:24px 0}.mdl-index{position:relative;width:100%;padding-top:64px;text-align:center}.mdl-title{display:inline-block;font-size:3.4rem;background-size:150% 150%;-webkit-animation:AnimationName 5s ease infinite;animation:AnimationName 5s ease infinite}.mdl-title__caption{font-size:1.4rem}.mdl-loader{display:none;text-align:center;position:fixed;height:100vh;z-index:1000;width:100%;top:0;background-color:#f2f2f2}.mdl-loader__loader{width:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mdl-loader--loading{display:block}.spinner{width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.mot-fadeup{opacity:0;-webkit-transform:translate(0, 30px);transform:translate(0, 30px);transition:all 900ms}.mot-fadeup.active{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mot-bg-title{position:relative}.mot-bg-title::before{content:"";position:absolute;-webkit-transform:scale(1, 1);transform:scale(1, 1);-webkit-transform-origin:top right;transform-origin:top right;left:0;width:100%;height:100%;background-color:#9ea2a2}.mot-bg-title::after{content:"";position:absolute;-webkit-transform:scale(1, 1);transform:scale(1, 1);-webkit-transform-origin:top right;transform-origin:top right;left:0;width:100%;height:100%;background-color:#fff}.mot-bg-title.active::before{-webkit-animation-name:bg;animation-name:bg;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}.mot-bg-title.active::after{-webkit-animation-name:bg;animation-name:bg;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes bg{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 1);transform:scale(0, 1)}}@keyframes bg{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}100%{-webkit-transform:scale(0, 1);transform:scale(0, 1)}}


.header__list {
  display: flex;
  gap: 5px; /* 各メニュー間の余白。調整可能 */
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__item {
  text-align: center;
}

.header__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #222;
  line-height: 1.4;
}

.header__label {
  font-size: 1.4rem;
  font-weight: bold;
}

.header__caption {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 4px;
  display: block;
}