.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(--Col-navy);
  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, #294BC6, #00C0FC);
  transition: .5s;
  text-align: center;
  padding-top: 1rem;
}
nav.navCont.off { display:none }
.navList {
  margin: 0 9vw;
  padding: 0;
  list-style: none;
	text-decoration: none;
  font-size:min(9vw,68px);
  line-height: 1.6;
  font-family: "duckie", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center
}
.navList li a { text-decoration: none; color: #FFF; display: flex; align-items: center }
.navList li a > i { font-family: "LINE Seed JP", sans-serif; font-weight: 700; font-size: min(3vw,18px); font-style: normal; color: #BCE2FF; padding-left: min(2.5vw,15px) }
aside.pcNavi .navList { margin: 0; font-size:min(3vw,68px) }
aside.pcNavi .navList li a > i { font-size: min(1.2vw,18px); padding-left: min(1.2vw,15px) }
.navList li a::before { content: ""; display: block; background-image: url(./image/naviIcon.webp); background-size: 100% auto; background-repeat: no-repeat; width:min(3.5vw,25px); height:min(3.5vw,25px); margin-right: min(0.5vw,10px) }
aside.pcNavi .navList li a::before { width:min(1.8vw,25px); height:min(1.8vw,25px); }
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 }