@media (max-width: 1450px) {
  .f_nav li {
      font-size: .6rem;
  }
}
@media (min-width: 1450px) {
  .f_nav li {
      font-size: .75rem;
  }
}
@media (min-width: 1325px) {
  .h_logo img{
    max-height: 100px;
    width: 100%;
  }
}
@media (min-width: 1500px) {
  .h_logo img{
    max-height: 100px;
    width: auto;
  }
}
@media (min-width: 768px) {
.h_logo {
    max-width: 430px;
}
  .mv {
      max-height: 600px;
  }
  .mv_txt {
      width: 100%;
    padding-top: 27%;
  }
  .gnav {
      /*max-width: 52em;*/
      max-width: 45em;
  }
  .gnav_child_box .inner {
      max-width: 1200px;
  }
  .gnav_child{
    font-size: 1em;
  }
  .gnav_child_head{
    margin-left: 3%;
  }
  .gnav_parent > li:nth-child(2) .gnav_child li:nth-child(3n+1) a {
      width: auto;
      padding-right: 1.5em;
  }
  .gnav_child a {
      padding-right: 1.5em;
  }
  .gnav li:not(:last-child) {
      padding-right: 0.5em;
  }
  .gnav_parent > li:nth-child(3) .gnav_child li:nth-child(4) {
      padding-right: 1.75em;
  }
  .gnav_parent > li:nth-child(3) .gnav_child_head {
      margin-bottom: 3.3%;
  }
  .gnav_parent > li:nth-child(3) .inner {
      -webkit-box-align: baseline;  
      -ms-flex-align: baseline; 
      align-items: baseline; 
  }
  .f_nav li:not(:first-child) {
      margin-left: 1.8em;
  }
}

/*スマホメニュースクロール対策*/
.menu{
   height: 100%;
  width: 100%;
  overflow-x: hidden !important;
}
.menu::-webkit-scrollbar {
    display:none;
}
.menu_list{
  width:auto;
    padding-left: 7%;
    padding-right: 7%;
   height: 100%;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
  padding-bottom: 2em;
  overflow-x: hidden !important;
}
@media all and (-ms-high-contrast: none) {
	.btn > a,
	.btn > span {
		background-size: 1.46em auto;
	}
}
@media (min-width: 768px) {
  .page_nav li:nth-last-child(2){
    margin-left: calc((50% + 20px) / 3);
  }
  .page_nav li:last-child{
    margin-right: calc((50% + 20px) / 3);
  }
}