/* top */
header nav .parents > li .f-en {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
}
header nav .parents > li .f-ja {
  display: block;
  color: #f39800;
  margin-bottom: 5px;
  line-height: calc(18 / 12);
  letter-spacing: 0;
  font-family: "Heebo", sans-serif;
  font-weight: 500;
  font-size: clamp(8px, 0.625vw, 12px);
}
header nav .child li a:before {
  display: none;
}
header nav .child li a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-left: 10px;
  font-size: 12px;
}
header nav .child li:not(:last-child) {
  margin-bottom: 16px;
  line-height: 1;
}
.header-news {
  height: 30px;
}

@media only screen and (min-width: 768px) {
  header nav {
    margin-right: unset;
  }
  header .nav__inner .parents li a,
  header nav .parents > li .case a,
  header nav .parents > li .case .extra {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    position: relative;
    z-index: 10;
  }
  header .nav__inner .parents li a.dropdown_list {
    flex-direction: row;
  }
  .extra .f-en::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    margin-left: 6px;
            margin-right: 1px;
    /* width: clamp(6px, 0.417vw, 8px); */
    display: inline-block;
    transition: transform 0.3s ease;
    width: clamp(6px, 0.469vw, 9px);
    position: relative;
  }
  header nav .dropdown:hover .extra .f-en::after {
    transform: rotate(90deg);
    /* top: 2px; */
        /* width: clamp(10px, 0.625vw, 12px); */
        margin-left: 5px;
        margin-right: 2px;
  }
  header nav .dropdown .child ul,
  header nav .dropdown:hover .child ul {
    width: 395px;
    height: 117px;
    padding: 40px 20px 0px;
  }
  header nav .dropdown .child.column_wrap ul,
  header nav .dropdown:hover .child.column_wrap ul {
    width: 190px;
    height: 95px;
  }
  header nav .parents > li .f-en.dropdown_list_menu,
  header nav .parents > li .f-en.dropdown_list_menu_left,
  header nav .parents > li .f-en.dropdown_list_menu_right {
    font-size: 12px;
  }
  header nav .parents > li .f-en.dropdown_list_menu {
    width: 131px;
  }
  header nav .parents > li .f-en.dropdown_list_menu_left {
    width: 180px;
  }
  header nav .parents > li .f-en.dropdown_list_menu_right {
    width: 100px;
    margin-left: 35px;
  }
  header nav .parents > li:not(:last-child) {
    margin-right: 2.083vw;
    /* margin-right: 3.125vw; */
  }
  header nav .parents > li .case a,
  header nav .parents > li .case .extra {
    padding-top: unset;
  }
  header nav .parents > li {
    margin-bottom: unset;
    padding-bottom: unset;
  }
  header nav .parents {
    padding: unset;
    align-items: center;
  }
  header nav .parents > li.case_wrap {
    margin-right: unset !important;
    border-left: 1px solid #d8d8d8;
    /* width: 120px;
    height: 80px;
    display: flex;
    align-items: center; */
  }
  .case_recruit_wrap {
    height: 80px;
    text-align: center;
  }
  header nav .parents > li.case_recruit_wrap .f-ja {
    color: #fff;
  }

  header nav .parents > li .case.case-ov,
  header nav .parents > li .case.case-news {
    text-align: center;
    display: block;
  }
  header nav .parents > li .case.case-ov a,
  header nav .parents > li .case.case-news a {
    width: min(120px, 7.25vw);
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header nav .parents > li .case.case-ex a {
    padding: unset;
    border-radius: unset;
    height: 100%;
    width: min(150px, 9vw);
    height: 80px;
    background-color: #e95512;
    display: flex;
    justify-content: center;
  }
  header nav .parents > li .case.case-ov a {
    padding: unset;
  }
  .header-news {
    height: min(30px, 2.5vw);
  }
  header nav .parents > li .f-en {
    font-size: clamp(1rem, 0.929vw, 1.4rem);
  }
  header nav .parents > li .case-ov .f-en {
    font-size: clamp(1.2rem, 0.938vw, 1.8rem);
  }
  header nav .parents > li .case-ex .f-en {
    font-size: clamp(1.2rem, 0.887vw, 1.7rem);
  }
}
#service header nav .parents > li:nth-of-type(2) .f-en {
  color: #f39800;
}
#company header nav .parents > li:nth-of-type(1) .f-en {
  color: #000;
}
#company header nav .parents > li:nth-of-type(4) .f-en,
#company header nav .parents > li:nth-of-type(4) .f-ja {
  color: #f39800;
}
#contact-page header nav .parents > li:nth-of-type(6) .f-en,
#contact-page header nav .parents > li:nth-of-type(6) .f-ja {
  color: #f39800;
}
#casestudy2 header nav .parents > li:nth-of-type(4) .f-en {
  color: #000;
}
#casestudy2 header nav .parents > li:nth-of-type(5) .f-en {
  color: #f39800;
}
#marketingcity header nav .parents > li:nth-of-type(5) .f-en {
  color: #f39800;
}
#infulencer-interview header nav .parents > li:nth-of-type(5) .f-en.dropdown_list_menu,
#casestudy2 header nav .parents > li:nth-of-type(5) .f-en.dropdown_list_menu,
#marketingcity header nav .parents > li:nth-of-type(5) .f-en.dropdown_list_menu {
  color: #000;
}
#infulencer-interview header nav .parents > li:nth-of-type(5) .child li:hover .f-en.dropdown_list_menu,
#casestudy2 header nav .parents > li:nth-of-type(5) .child li:hover .f-en.dropdown_list_menu,
#marketingcity header nav .parents > li:nth-of-type(5) .child li:hover .f-en.dropdown_list_menu {
  color: #f39800;
}

header .trigger {
  background: #000;
}
header .trigger:before {
  background: #000;
}
header .trigger__inner span {
  background: #fff;
}
#home header .trigger {
  background: #fff;
}
#home header .trigger:before {
  background: #fff;
}
#home header .trigger__inner span {
  background: #000;
}
#news header {
  background-color: #000;
}
#news header .header__inner {
  background-color: #000;
}
#news header nav .parents > li .f-ja {
  color: #fff;
}
#news header nav .parents > li:nth-of-type(6) .f-en {
  color: #fff;
}
#news header nav .parents > li:nth-of-type(6) .f-ja {
  color: #707070;
}
header nav .parents > li .case a:hover .f-en {
  transition: color 0.3s;
}
header nav .parents > li .case a:hover .f-en {
  color: #f39800 !important;
}
header nav .dropdown:hover .extra > .f-en {
  color: #f39800 !important;
}
header nav .dropdown .child ul .case__2 a:hover .f-en{
color: #f39800 !important;
}
@media screen and (min-width: 768px) {
  #news header nav .parents > li .case.case-ov a {
    background-color: #000;
  }
  #news header nav .parents {
    background-color: #000;
  }
  header .header__inner {
    padding: unset;
    padding-left: 30px;
  }
  #news header nav .parents > li .f-ja {
    color: #707070;
  }
  #news header nav .parents > li .f-en {
    color: #fff;
  }
  #news header nav .parents > li.case_recruit_wrap .f-ja {
    color: #fff;
  }
  #news header nav .child ul::before {
    background: #000;
  }
  #news header nav .child li a::after {
    color: #fff;
  }
}
header h1 {
  height: auto;
}
#news header .trigger {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  header .header__inner {
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
header nav .parents > li .f-en{
font-size: 26px;
}
header nav .child li .f-en{
font-size: 16px!important;
}
header nav .parents > li .f-ja{
  font-size: 12px;
}
header nav .sub li a .f-en{
  font-size: 16px;
}
header nav .case-news img{
  width: 220px;

}
}