@charset "UTF-8";
/* =========================
 PC固定ナビ・全体
========================= */
.pc-fixed-nav{
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
  width: 100%;
  max-width:960px;
  z-index: 9999;
  /* background: rgba(255,255,255,0.92); */
  border:6px solid #005dac;
  background:#ffff00;
  backdrop-filter: blur(5px);
  border-radius: 3px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);
  padding:10px 10px 15px 10px;
  opacity:0;
  pointer-events:none;
  transition: opacity .35s ease, transform .35s ease;
}

.pc-fixed-nav.show{
  opacity:1;
  pointer-events:auto;
}

.pc-fixed-nav.hide{
  opacity:0;
  pointer-events:none;
}

.pc-fixed-inner{
  display:flex;
  gap:12px;
  position:relative;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

/* PCボタン共通 */
.fixbtn{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  height:56px;
  border-radius:3px;
  font-size:20px;
  font-weight:600;
}
.fixbtn:hover{ transform: translateY(-1px); }

/* 入塾説明会 */
.fixbtn-main{
  flex:0 1 35%;
  max-width:332.5px;
  color:#fff;
  flex-direction: column;
  line-height:1.0;
  align-items: center;
  padding: 0.4rem 0.4rem;
  background:#ff870b;
  box-shadow: 0 5px 0 #c16200;
  border-radius: 4px;
  position:relative;
}
.fixbtn-main:hover{
  box-shadow:0 2px 0 #c16200;
  top:3px;
}
.fixbtn-main:active{
  box-shadow:0 0px 0 #c16200;
  top:5px;
}
/* .fixbtn-main:hover{
  background:#fe860b;
  box-shadow:0 10px 24px rgba(0,93,172,0.25);
} */
.fixbtn-main .sub{ font-size:14px; }
.fixbtn-main .main{ font-size:20px; font-weight:700; }

/* 無料体験 */
.fixbtn-trial{
  flex:0 1 25%;
  max-width:237.5px;
  color:#fff;
  flex-direction: column;
  line-height:1.2;
  align-items: center;
  padding: 0.4rem 0.4rem;
  background:#008f18;
  box-shadow: 0 5px 0 #004f0d;;
  border-radius: 4px;
  position:relative;
}
.fixbtn-trial:hover{
  box-shadow:0 2px 0 #004f0d;
  top:3px;
}
.fixbtn-trial:active{
  box-shadow:0 0px 0 #004f0d;
  top:5px;
}

/* 校舎案内 */
.fixbtn-kosha{
  flex:0 1 20%;
  max-width:190px;
  color:#00427b;
  flex-direction: column;
  line-height:1.2;
  align-items: center;
  padding: 0.4rem 0.4rem;
  background:#ffffff;
  border:2px solid #005dac;
  box-shadow: 0 5px 0 #00427b;
  border-radius: 4px;
  position:relative;
}
.fixbtn-kosha:hover{
  box-shadow:0 2px 0 #00427b;
  top:3px;
}
.fixbtn-kosha:active{
  box-shadow:0 0px 0 #00427b;
  top:5px;
}
/* 電話 */
.fixbtn-tel{
  flex:0 1 20%;
  max-width:190px;
  background:#f1f5f9;
  color:#1e293b;
  flex-direction: column;
  line-height:1.0;
  flex-shrink:0; 
}
.fixbtn-tel .main{ font-size:20px; font-weight:700; }
.fixbtn-tel .sub{ font-size:11px; color:#555; }