@media screen and (max-width: 767px) {
  /* =====================
	header
	===================== */
  #header-sub-close {
    background: #30A2A0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #30A2A0), color-stop(0.50, #36B8B6));
    background: -webkit-linear-gradient(top, #36B8B6 50%, #30A2A0 100%);
    background: -moz-linear-gradient(top, #36B8B6 50%, #30A2A0 100%);
    background: -o-linear-gradient(top, #36B8B6 50%, #30A2A0 100%);
    background: -ms-linear-gradient(top, #36B8B6 50%, #30A2A0 100%);
    background: linear-gradient(to bottom, #36B8B6 50%, #30A2A0 100%);
  }
  /*  header-btns
		------------------------*/
  #header-btns li:nth-child(1) {
    width: 50%;
  }
  /* =====================
	global-nav
	===================== */
  /*  global-nav .root
	------------------------*/
  #global-nav .root>li:nth-child(1), .en #global-nav .root>li:nth-child(1), #global-nav .root>li:nth-child(2), .en #global-nav .root>li:nth-child(2), #global-nav .root>li:nth-child(3), .en #global-nav .root>li:nth-child(3), #global-nav .root>li:nth-child(4), .en #global-nav .root>li:nth-child(4), #global-nav .root>li:nth-child(5), .en #global-nav .root>li:nth-child(5), #global-nav .root>li:nth-child(6), .en #global-nav .root>li:nth-child(6) {
    width: 100%;
  }
  /* =====================
	mobile-btn
	===================== */
  #mobile-btn a.active {
    color: #FFF;
    background: #30A2A0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #30A2A0), color-stop(0.50, #36B8B6));
    background: -webkit-linear-gradient(top, #36B8B6 50%, #30A2A0 100%);
    background: -moz-linear-gradient(top, #36B8B6 50%, #30A2A0 100%);
    background: -o-linear-gradient(top, #36B8B6 50%, #30A2A0 100%);
    background: -ms-linear-gradient(top, #36B8B6 50%, #30A2A0 100%);
    background: linear-gradient(to bottom, #36B8B6 50%, #30A2A0 100%);
  }
  /* =====================
	header-target-nav 20210610 #header-target-navから#header-target-nav-hosに変更
	===================== */
  #header-target-nav-hos ul {
    margin: 0;
    padding: 0;
  }
  #header-target-nav-hos li {
    border-bottom: 1px dashed #B9B9B9;
    width: 100%;
    list-style: none;
  }
  #header-target-nav-hos li a {
    display: block;
    line-height: 35px;
    padding-left: 15px;
    font-size: 12px;
  }
  #header-target-nav-hos li a:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
  }
  #header-target-nav-hos li:first-child a {
    text-align: left;
    padding-left: 15px;
  }
  #header-target-nav-hos li:nth-child(even) {
    border-right: none;
  }
  #header-target-nav-hos li:nth-child(2) a br {
    display: none;
  }
}


/*202106 メニューの表示位置修正 */

#mobile-btn a {
  width: 65px;
  top: 0;
  right: 0;
  position: absolute;
  height: 55px;
  padding: 10px 10px 0;
  border-top: none;
  line-height: 20px;
  box-sizing: border-box;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  #header-h1 {
    border-bottom: 1px solid #ddd;
  }
  header h1 img {
    height: 40px;
    display: block;
    margin: 0;
  }
  header h1 {
    margin-top: 5px;
  }
}

/*220905　ヘッダーメニュー修正 */
@media screen and (max-width: 767px) {
	.en #mobile-btn a {
	    width: 65px;
	}
}
/*2504 ヘッダー固定 */
@media (max-width: 767px) {
header {
	position: fixed;
	z-index: 1500;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	max-height: 100vh;
	max-height: 100dvh;
    overflow-y: auto;
}
body{
	margin-top: 58px;
}
}
	/*  2603　SP版メニューのリンク変更
	------------------------*/
@media (max-width: 767px) {
.pc_small-nav{
    display: none;
}
.sp_small-nav, .sp_small-nav-e{
    display: block;
}
}
@media (max-width: 470px){
ul#header-small-nav.sp_small-nav-e li:last-child a {
   line-height:18px;
	}
.br-none{
   display:block;
}
}