.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(10.5vw,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;
  transition: .5s;
  text-align: center;
  padding-top: 1rem;
  background-image: url(./image/bg.webp);
  background-repeat: repeat;
  background-size: auto
}
nav.navCont.off { display:none }
.navList {
  margin: 0 10vw;
  padding: 0;
  list-style: none;
	text-decoration: none;
  font-size:min(7.5vw,40px);
  font-family: "sofia-pro-soft", sans-serif;
  font-weight: 700;
  font-style: italic;
  text-align: center
}
aside.pcNavi .navList { margin: 0; font-size:min(2vw,40px) }
.navList li a { text-decoration: none; color: #000; display: flex; align-items: center; justify-content: center; border-radius: 50px; padding: 0 1rem; line-height: 1.4; margin-bottom: 1.2rem; border:#000 2px solid; box-shadow: 5px 5px }
.navList li:nth-of-type(odd) a { background-color: var(--Col-purple) }
.navList li:nth-of-type(even) a { background-color: var(--Col-pink) }
#drawerInput:checked ~ nav.navCont { left: 25% }

.footWrap { position: absolute; bottom:3rem; left: 0; right: 0; text-align: center }
nav .footWrap { bottom:70px; color: var(--Col-navy) }
.footWrap .sns { margin-bottom: 10px }
.footWrap .sns a { font-size: 1.5rem; color:#000 }
.pcNavi .footWrap .sns a { color: #000 }
.footWrap .sns a i.fab { padding: 0 10px }