.navHeader {
  padding: 0 15px;
  height:min(12.5vw,100px);
  box-sizing:border-box;
  position:fixed;
  width:100%;
  z-index:100;
  display:flex;
  justify-content: space-around;
  align-items: center;
  background:#FFF
}
.navHeader > div { flex:1 }
.navHeader .dLogo img { width:min(20vw,102px) }
.navHeader .cLogo { text-align: center }
.navHeader .cLogo img { height:min(9vw,72px) }
.navHeader .nav { width:min(7.5vw,50px); height:min(7.5vw,50px) }

/* チェックボックスを非表示にする */
.drawerHidden { display: none }
/* ハンバーガーアイコン */
.drawerOpen {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top:20%;
  right: 15px;
  z-index: 100;
  cursor: pointer;
  width: min(7.5vw,50px);
  height: min(7.5vw,50px);
}
.drawerOpen i:before {
  font-family: "Font Awesome 6 Free";
  font-weight:900;
  content: '\f0c9';
  color: var(--logoBlue-color);
  font-size: min(7.5vw,50px);
  width: min(7.5vw,50px);
  height: min(7.5vw,50px);
  font-style: normal;
}
.drawerOpen span:before { bottom: 8px }
.drawerOpen span:after { top: 8px }
#drawerInput:checked ~ .drawerOpen i:before { content: '\f00d' }
nav.navCont {
  width: 75%;
  height: 100%;
  position: fixed;
  top: min(12.5vw,100px);
  left: 100%;
  z-index: 1000;
  background: linear-gradient(180deg,rgba(19, 75, 165, 1) 0%, rgba(79, 113, 198, 1) 10%, rgba(220, 195, 224, 1) 35%, rgba(244, 219, 212, 1) 50%, rgba(220, 195, 224, 1) 65%, rgba(79, 113, 198, 1) 90%, rgba(19, 75, 165, 1) 100%);
  transition: .5s;
  text-align: center;
  padding-top: 1rem;
}
nav.navCont.off { display:none }
.navList {
  margin: 0;
  padding: 0;
  list-style: none;
	text-decoration: none;
  font-size:min(2.5vw,33px);
  font-family: "Noto Serif JP", serif;
  font-weight: 900;
  font-style: normal;
  text-align: center
}
.navList li a { text-decoration: none; color: var(--textCol-navy); }
nav .navList li a { color:#FFF }
#drawerInput:checked ~ nav.navCont { left: 25% }

.footWrap { position: absolute; bottom:1rem; left: 0; right: 0; text-align: center }
nav .footWrap { bottom:70px }
.footWrap .sns { margin-bottom: 10px }
.footWrap .sns a { font-size: 1.5rem; color: #FFF }
.footWrap .sns a i.fab { padding: 0 10px }