@charset "UTF-8";

header{ background-color: #ffffff;}
.header_text{ font-size: 0.8rem;}
.nav{
  width: 100%;
  background-image: linear-gradient(0deg, #dcdcdc 0%, #ffffff 100%);
  border: 2px solid #c8c8c8;
  border-right: none;
  border-left: none;
}
.nav ul{
  display:table;
  table-layout: fixed;
  width:100%;
  height: 60px;
  margin: 0;
  padding: 0;
}
.nav ul li{
  display:table-cell;
  vertical-align: middle;
  text-align: center;
  border-left: solid 1px #c8c8c8;
}
.nav ul li:last-child{
  border-right: solid 1px #c8c8c8;
}
.nav ul li:hover {
  opacity: 0.8;
}
.nav ul li a{
  font-size: 1.6rem;
  line-height: 2.0rem;
  font-weight: bold;
  color: #363636;
  font-family: "Hira Kaku Pro";
  vertical-align: bottom;
  text-decoration: none;
}

.sticky-header {
    top: 0;
    z-index: 1020;
}
@media (max-width: 768px){
  .sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.page_top  {
    position: fixed;
    bottom: 15%;
    right: 3%;
    z-index: 1000;
}

/* PCで見たときは.sp_onlyを表示しない */
.pc_only { display: block !important; }
.sp_only { display: none !important; }

/* スマホで見たときは.pc_onlyを表示しない */
@media only screen and (max-width: 750px) {
    .pc_only { display: none !important; }
    .sp_only { display: block !important;}
}