@charset "UTF-8";
/*
RESET
*/
*, ::after, ::before {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

address, blockquote, dl, figure, form, iframe, p, pre, table {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

embed, iframe, img, object {
  vertical-align: bottom;
}

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: 0 0;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

[type=button][disabled], [type=reset][disabled], [type=submit][disabled], button[disabled] {
  cursor: default;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

select::-ms-expand {
  display: none;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable] {
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: 700;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*
COMMON
*/
.pc {
  display: block;
}

.sp {
  display: none;
}

.over_w {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
}

/*
loading
*/
#loading {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #2E2E38;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}
/* --- */
body.js_header_fix #header {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-100%);
}
body.js_header_fix .header_top nav {
  top: 60px;
}
body.js_header_on #header {
  transform: translate(0);
}
body.js_ttl_on #review_ttl {
  transform: translate(0);
}
body.js_modal {
  overflow: hidden;
}
body.js_modal #contents {
  z-index: 10000;
}
body.js_menu {
  overflow: hidden;
  height: 100%;
}
body.js_menu #header nav {
  visibility: visible;
  opacity: 1;
}
body.js_menu #btn_menu span:nth-of-type(1) {
  top: 8px;
  transform: rotate(45deg);
}
body.js_menu #btn_menu span:nth-of-type(2) {
  transform: translateX(50%);
  opacity: 0;
}
body.js_menu #btn_menu span:nth-of-type(3) {
  top: 8px;
  transform: rotate(-45deg);
}

@media only screen and (max-width: 767px) {
  body.js_header_fix #header {
    transform: translateY(0);
  }
  body.js_ttl_on #review_ttl {
    transform: translateY(60px);
  }
  body.js_menu #header {
    position: fixed;
    top: 0;
    left: 0;
  }
}
main {
  background-color: #2E2E38;
  color: #fff;
  font-size: 16px;
}

section {
  margin-top: 150px;
}
section:first-of-type {
  margin-top: 90px;
}
section:last-of-type {
  padding-bottom: 150px;
}
section > picture img {
  width: 100%;
}
section .section_intro h2 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 2;
}
section .section_intro p {
  font-size: 16px;
  margin-top: 2em;
  line-height: 2.13;
}
section .section_intro p + h2 {
  margin-top: 110px;
}
section.related_links {
  background: #25252F;
  margin-top: 0;
  padding: 70px 0 100px;
}
section.related_links .related_links_inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
section.related_links .related_links_inner h2 {
  font-size: 24px;
  line-height: 1.4;
  width: 100%;
  text-align: center;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
section.related_links .related_links_inner a {
  width: 31.67%;
  background: #42424B;
  margin-top: 40px;
}
section.related_links .related_links_inner a > img {
  width: 100%;
  flex-shrink: 0;
}
section.related_links .related_links_inner a .item_text {
  padding: 15px 20px;
  width: 100%;
  align-items: center;
}
section.related_links .related_links_inner a .item_text .item_ttl {
  font-size: 18px;
  line-height: 1.4;
  position: relative;
  width: 100%;
  margin: 0;
  color: #fff;
}
section.related_links .related_links_inner a .item_text .item_ttl:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_mini.svg) 50% 50% no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
section.related_links .related_links_inner a.btn_modal {
  position: relative;
}
section.related_links .related_links_inner a.btn_modal:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play_pc.svg) 50% 50% no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  top: calc(50% - 25px);
  left: 50%;
  transform: translate(-50%, -50%);
}
section.related_links .related_links_inner a.btn_modal .item_text .item_ttl:after {
  display: none;
}
section.related_links .related_links_inner a + a {
  margin-left: 2.49%;
}

@media only screen and (max-width: 767px) {
  section {
    margin-top: 21.33vw;
  }
  section:first-of-type {
    margin-top: 12vw;
  }
  section:last-of-type {
    padding-bottom: 21.33vw;
  }
  section > picture img {
    width: 100%;
  }
  section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: justify;
    line-height: 2;
  }
  section .section_intro p {
    font-size: 3.73vw;
    margin-top: 2em;
    line-height: 2.13;
  }
  section .section_intro p + h2 {
    margin-top: 21.33vw;
  }
  section.related_links {
    padding: 10.67vw 0 16vw;
  }
  section.related_links .related_links_inner h2 {
    font-size: 4.8vw;
  }
  section.related_links .related_links_inner a {
    width: 100%;
    margin-top: 8vw;
  }
  section.related_links .related_links_inner a > img {
    width: 100%;
  }
  section.related_links .related_links_inner a .item_text {
    padding: 4vw;
  }
  section.related_links .related_links_inner a .item_text .item_ttl {
    font-size: 4.27vw;
  }
  section.related_links .related_links_inner a .item_text .item_ttl:after {
    background: url(/en/RandD/assets/img/common/icon_arrow_mini.svg) 50% 50% no-repeat;
    background-size: 4.27vw 4.27vw;
    width: 4.27vw;
    height: 4.27vw;
  }
  section.related_links .related_links_inner a.btn_modal:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 9.33vw 9.33vw;
    width: 9.33vw;
    height: 9.33vw;
    top: calc(50% - 6.67vw);
    left: 50%;
    transform: translate(-50%, -50%);
  }
  section.related_links .related_links_inner a + a {
    margin: 5.33vw 0 0;
  }
}
a:hover {
  opacity: 0.7;
}

#rad_contents {
  clear: both;
  line-height: 130%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
}

#wrap {
  overflow: hidden;
  position: relative;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
#wrap .inner {
  max-width: 1240px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/*
COMMON
*/
.pc {
  display: block;
}

.sp {
  display: none;
}

.over_w {
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}
/* --- */
body.js_modal {
  overflow: hidden;
}
body.js_menu {
  overflow: hidden;
}
.breadcrumb {
  background: #42424B;
}
#wrap .breadcrumb {
  background: #42424B;
}
#wrap .footer_nav a {
  color: #fff;
}
.breadcrumb ul {
  display: flex;
}
.breadcrumb ul li {
  padding: 0 12px;
  position: relative;
}
.breadcrumb ul li:first-child {
  padding-left: 0;
}
.breadcrumb ul li + li:before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-top: 1px solid #959595;
  border-right: 1px solid #959595;
  top: 50%;
  left: -6px;
  transform: rotate(45deg) translateY(-50%);
}
.breadcrumb ul li span, .breadcrumb ul li a {
  display: block;
  color: #fff;
  padding: 15px 0;
  font-size: 13px;
}

@media only screen and (max-width: 767px) {
  .breadcrumb {
    background: #42424B;
  }
  .breadcrumb ul {
    display: flex;
  }
  .breadcrumb ul li {
    padding: 0 3.2vw;
    position: relative;
  }
  .breadcrumb ul li:first-child {
    padding-left: 0;
  }
  .breadcrumb ul li + li:before {
    content: "";
    display: block;
    position: absolute;
    width: 1.33vw;
    height: 1.33vw;
    border-top: 1px solid #959595;
    border-right: 1px solid #959595;
    top: 50%;
    left: -1.6vw;
    transform: rotate(45deg) translateY(-50%);
  }
  .breadcrumb ul li span, .breadcrumb ul li a {
    display: block;
    color: #fff;
    padding: 3.2vw 0;
    font-size: 2.93vw;
  }
}
footer {
  background-color: #F8F8F8;
  padding: 60px 0;
}
footer .inner {
  display: flex;
  justify-content: space-between;
}
footer .inner a {
  display: block;
  height: 100%;
}
footer .inner a.footer_logo {
  width: 171.33px;
  align-self: center;
  margin-right: 20px;
}
footer .inner a.footer_logo img {
  width: 100%;
}
footer .inner a.footer_contact {
  font-size: 20px;
  font-family: "Sharoa Pro Bold", sans-serif;
  align-self: flex-end;
  position: relative;
  margin: 0 55px 1em 50px;
}
footer .inner a.footer_contact:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -55px;
  transform: translateY(-50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_bk.svg) 50% 50% no-repeat;
  background-size: 45px 45px;
  width: 45px;
  height: 45px;
}
footer .inner dl {
  display: flex;
  margin-left: auto;
}
footer .inner dl .co_info dt {
  font-size: 18px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
footer .inner dl .co_info dt span {
  display: block;
  font-size: 12px;
  margin-top: 1em;
}
footer .inner dl .co_info dd {
  font-size: 13px;
  margin-top: 1.3em;
  line-height: 2;
}
footer .inner dl .co_info + .co_info {
  margin-left: 60px;
}

@media only screen and (max-width: 925px) {
  footer {
    background-color: #F8F8F8;
    padding: 60px 0;
  }
  footer .inner {
    display: flex;
    justify-content: space-between;
  }
  footer .inner a {
    display: block;
    height: 100%;
  }
  footer .inner a.footer_logo {
    width: 20.33%;
    align-self: center;
  }
  footer .inner a.footer_logo img {
    width: 100%;
  }
  footer .inner a.footer_contact {
    font-size: 20px;
    font-family: "Sharoa Pro Bold", sans-serif;
    align-self: flex-end;
    position: relative;
    margin: -2em 55px 0 0;
  }
  footer .inner a.footer_contact:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -55px;
    transform: translateY(-50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_bk.svg) 50% 50% no-repeat;
    background-size: 45px 45px;
    width: 45px;
    height: 45px;
  }
  footer .inner dl {
    display: flex;
    margin-left: auto;
    flex-wrap: nowrap;
    text-align: left;
    margin: 40px 0 20px;
    width: 90%;
    justify-content: flex-end;
  }
  footer .inner dl .co_info dt {
    font-size: 18px;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  }
  footer .inner dl .co_info dt span {
    display: block;
    font-size: 12px;
    margin-top: 1em;
  }
  footer .inner dl .co_info dd {
    font-size: 13px;
    margin-top: 1.3em;
    line-height: 2;
  }
  footer .inner dl .co_info + .co_info {
    margin-left: 3%;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  footer {
    background-color: #F8F8F8;
    padding: 13.33vw 0;
  }
  footer .inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  footer .inner a {
    display: block;
    height: 100%;
  }
  footer .inner a.footer_logo {
    width: 48.27vw;
    align-self: center;
  }
  footer .inner a.footer_logo img {
    width: 100%;
  }
  footer .inner a.footer_contact {
    font-size: 5.33vw;
    font-family: "Sharoa Pro Bold", sans-serif;
    align-self: center;
    position: relative;
    margin: 12vw 10.67vw 0 0;
  }
  footer .inner a.footer_contact:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10.67vw;
    transform: translateY(-50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_bk.svg) 50% 50% no-repeat;
    background-size: 8vw 8vw;
    width: 8vw;
    height: 8vw;
  }
  footer .inner dl {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 12vw;
  }
  footer .inner dl .co_info {
    width: 100%;
  }
  footer .inner dl .co_info dt {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  }
  footer .inner dl .co_info dt span {
    display: block;
    font-size: 3.2vw;
    margin-top: 0.7em;
  }
  footer .inner dl .co_info dd {
    font-size: 3.47vw;
    margin-top: 1.3em;
    line-height: 1.69;
  }
  footer .inner dl .co_info + .co_info {
    margin-left: 0;
    margin-top: 9.33vw;
  }
}
main {
  background-color: #2E2E38;
  color: #fff;
}

section {
  margin-top: 150px;
}
section:first-of-type {
  margin-top: 90px;
}
section:last-of-type {
  padding-bottom: 150px;
}
section > picture img {
  width: 100%;
}
section .section_intro h2 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 2;
}
section .section_intro p {
  font-size: 16px;
  margin-top: 1em;
  line-height: 2.13;
}
section .section_intro p + h2 {
  margin-top: 110px;
}

@media only screen and (max-width: 767px) {
  section {
    margin-top: 21.33vw;
  }
  section:first-of-type {
    margin-top: 12vw;
  }
  section:last-of-type {
    padding-bottom: 21.33vw;
  }
  section > picture img {
    width: 100%;
  }
  section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: justify;
    line-height: 2;
  }
  section .section_intro p {
    font-size: 3.73vw;
    margin-top: 1em;
    line-height: 2.13;
  }
  section .section_intro p + h2 {
    margin-top: 21.33vw;
  }
}
a:hover {
  opacity: 0.7;
}

#wrap {
  overflow: hidden;
  position: relative;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
#wrap .inner {
  max-width: 1240px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap .inner_m {
  max-width: 1040px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap .inner_s {
  max-width: 840px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  #wrap .inner {
    max-width: none;
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
  #wrap .inner_m {
    max-width: none;
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
  #wrap .inner_s {
    max-width: none;
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
}
.induction_area {
  margin-top: 100px;
}
.induction_area ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #767676;
}
.induction_area ul li {
  margin: 50px 65px 0 0;
}
.induction_area ul li:first-child {
  width: 100%;
}
.induction_area ul li a, .induction_area ul li span {
  position: relative;
  display: inline-block;
  font-size: 14px;
}
.induction_area ul li a:after, .induction_area ul li span:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_mini.svg) 50% 50% no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  top: 50%;
  right: -1.8em;
  transform: translateY(-50%);
}
.induction_area ul li span {
  color: #828288;
}
.induction_area ul li span:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_mini_gr.svg) 50% 50% no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  top: 50%;
  right: -1.8em;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .induction_area {
    margin-top: 16vw;
  }
  .induction_area ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .induction_area ul li {
    margin: 6.67vw 0 0 0;
    width: 50%;
  }
  .induction_area ul li:first-child {
    width: 100%;
    margin: 10.67vw 0 4vw;
  }
  .induction_area ul li:nth-child(3), .induction_area ul li:nth-child(5), .induction_area ul li:nth-child(7), .induction_area ul li:nth-child(9) {
    padding-left: 1em;
  }
  .induction_area ul li a, .induction_area ul li span {
    font-size: 3.73vw;
  }
  .induction_area ul li a:after, .induction_area ul li span:after {
    background-size: 4.27vw 4.27vw;
    width: 4.27vw;
    height: 4.27vw;
  }
  .induction_area.center ul li {
    width: 100%;
    padding-left: 0;
  }
}
/*
over write
*/
#ghcontainer {
  padding-bottom: 0 !important;
}

#footer-container {
  padding-top: 0 !important;
}
#footer-container .inner_s {
  max-width: 840px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  #wrap {
    padding-top: 60px;
  }
  #wrap .inner {
    max-width: none;
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
  #wrap .inner_s {
    max-width: none;
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
}
/*
modal
*/
#modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modal_content {
  width: 75%;
}

#modal #modal_content.short {
  width: 63.8%;
}

#modal #modal_content.short .swiper-slide img {
  width: 103%;
}

#modal.video #modal_content_inner {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
}

#modal.video #modal_content_inner iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#modal.img #modal_content_inner {
  position: relative;
}

#modal.img #modal_content_inner .swiper-wrap {
  overflow: hidden;
}

#modal_video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#modal_btn_cls {
  width: 56px;
  height: 56px;
  position: fixed;
  top: 47px;
  right: 54px;
}

#modal_btn_cls:before {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  position: absolute;
  top: 28px;
  left: 0;
  background-color: #fff;
  transform: rotate(45deg);
}

#modal_btn_cls:after {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  position: absolute;
  top: 28px;
  left: 0;
  background-color: #fff;
  transform: rotate(-45deg);
}

#modal_btn_cls:hover {
  opacity: 0.6;
}

#modal.map #modal_content_inner {
  display: flex;
  align-items: stretch;
  background: #fff;
}

#modal.map #modal_content_inner .modal_txt {
  width: 57%;
  height: 100%;
  padding: 40px;
}

#modal.map #modal_content_inner .modal_txt p {
  font-size: 14px;
  margin-top: 1em;
  line-height: 1.75;
}

#modal.map #modal_content_inner .modal_txt p.modal_ttl {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  margin-top: 0;
}

#modal.map #modal_content_inner .modal_txt p.modal_access span {
  display: block;
}

#modal.map #modal_content_inner iframe {
  width: 47%;
  height: 33.81vw;
  top: 0;
  left: 0;
}

#modal.img .btn_link {
  display: block;
  margin-top: 1em;
  text-decoration: underline;
  text-align: center;
  font-size: 24px;
  color: #fff;
}

#contents:has(#wrap.hgmc) ~ #modal.img .btn_link {
  position: absolute;
  color: #000;
  bottom: 1.6em;
  right: 3.5em;
  font-size: 0.83vw;
}

#modal .swiper-button-next, #modal .swiper-button-prev {
  color: #fff;
  outline: none;
}
#modal .swiper-button-prev {
  left: -40px;
}
#modal .swiper-button-next {
  right: -40px;
}
#modal .swiper-slide img {
  width: 100%;
}
#modal .swiper-button-next, #modal .swiper-button-prev {
  color: #000;
  display: none;
}
#modal .swiper-button-next {
  right: -35px;
  background-image: none;
  width: 30px;
  height: 50px;
}
#modal .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: block;
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
  transform: translate(-25%, 37%) rotate(45deg);
}
#modal .swiper-button-prev {
  left: -35px;
  background-image: none;
  width: 30px;
  height: 50px;
}
#modal .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: block;
  border-top: #fff solid 2px;
  border-left: #fff solid 2px;
  transform: translate(25%, 37%) rotate(-45deg);
}
#modal .swiper-button-prev[role=button] {
  display: block;
}
#modal .swiper-button-next[role=button] {
  display: block;
}

@media only screen and (max-width: 820px) {
  #modal.img #modal_content_inner .swiper {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  #modal_content {
    width: 90%;
  }

  #modal_content.long {
    height: calc(100vh - 32vw);
    overflow: scroll;
    margin: 15.33vw 0 8vw;
    align-self: flex-start;
  }

  #modal_btn_cls {
    width: 10vw;
    height: 10vw;
    top: 5.33vw;
    right: 5.33vw;
  }

  #modal_btn_cls:before {
    content: "";
    display: block;
    width: 10vw;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
    transform: rotate(45deg);
  }

  #modal_btn_cls:after {
    content: "";
    display: block;
    width: 10vw;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #fff;
    transform: rotate(-45deg);
  }

  #modal .swiper-button-prev {
    display: none;
  }
  #modal .swiper-button-prev:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 75%;
    width: 10px;
    height: 10px;
    display: block;
    border-top: #fff solid 2px;
    border-left: #fff solid 2px;
    transform: translate(20%, -50%) rotate(-45deg);
  }

  #modal .swiper-button-next {
    display: none;
  }
  #modal .swiper-button-next:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    display: block;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  #modal.map {
    align-items: flex-start;
  }

  #modal.map #modal_content_inner {
    display: block;
    width: 94.67vw;
    position: relative;
    left: -2.67vw;
    margin-top: 16.67vw;
  }

  #modal.map #modal_content_inner .modal_txt {
    width: 100%;
    height: fit-content;
    padding: 6vw 4vw;
  }

  #modal.map #modal_content_inner .modal_txt p {
    font-size: 3.47vw;
    margin-top: 0.8em;
    line-height: 1.75;
    letter-spacing: -0.02em;
  }

  #modal.map #modal_content_inner .modal_txt p.modal_ttl {
    font-size: 4.8vw;
  }

  #modal.map #modal_content_inner .modal_txt p.modal_access span {
    display: block;
  }

  #modal.map #modal_content_inner iframe {
    width: 100%;
    height: 94.67vw;
    top: 0;
    left: 0;
  }

  #modal #modal_content.short {
    width: 90%;
  }

  #modal.img .btn_link {
    font-size: 3.73vw;
  }

  #contents:has(#wrap.hgmc) ~ #modal.img .btn_link {
    bottom: 1.2em;
    right: 1.2em;
    font-size: 3.2vw;
  }
}
/*
over write
*/
#ghcontainer {
  padding-bottom: 0 !important;
}

#footer-container {
  padding-top: 0 !important;
}

/*
header
*/
#header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  transition: transform 0.6s cubic-bezier(0, 0, 0, 1);
}

.header_top {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 50px;
}
.header_top .rag_logo .wh {
  display: block;
}
.header_top .rag_logo .bk {
  display: none;
}
.header_top nav {
  margin-left: auto;
}
.header_top nav .btn {
  display: block;
  height: 100px;
  font-size: 18px;
  font-family: "Sharoa Pro Bold", sans-serif;
  position: relative;
  padding: 44px 0;
}
.header_top nav .btn:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: #fff;
  position: absolute;
  bottom: 36px;
  left: 0;
  opacity: 0;
  transition: 0.25s ease-out;
}
.header_top .nav_ul {
  display: flex;
}
.header_top .nav_li + .nav_li {
  margin-left: 40px;
}
.header_top .nav_li.active {
  opacity: 1;
  cursor: pointer;
}
.header_top .nav_li.active:after {
  opacity: 1;
  bottom: 30px;
}
.header_top .nav_li.active .header_btm {
  visibility: visible;
  opacity: 1;
}
.header_top .nav_li.btn_english a {
  font-size: 14px;
}
.header_top .nav_li.btn_english a span {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  width: 60px;
  height: 23px;
  box-sizing: border-box;
  padding-top: 3px;
  margin-top: -5px;
}
.header_top .nav_li.btn_movie {
  display: none;
}

body.js_pc .header_top .nav_li.active {
  opacity: 1;
  cursor: pointer;
}
body.js_pc .header_top .nav_li.active .btn {
  opacity: 1;
}
body.js_pc .header_top .nav_li.active .btn:after {
  opacity: 1;
  bottom: 30px;
}
body.js_pc .header_top .nav_li.active .btn + .header_btm {
  visibility: visible;
  opacity: 1;
}

.header_btm {
  position: absolute;
  left: 0;
  width: 100%;
  min-width: 980px;
  background-color: #2E2E38;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.25s ease-out;
}

body.js_pc .header_btm:hover {
  cursor: default;
}

.header_btm_ul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 68px;
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
}

.header_btm_li + .header_btm_li {
  margin-left: 40px;
}
.header_btm_li a {
  font-size: 14px;
}

#btn_menu {
  display: none;
}

#header.bk .rag_logo .wh {
  display: none;
}
#header.bk .rag_logo .bk {
  display: block;
}
#header.bk .header_top {
  color: #000;
}
#header.bk .header_top nav .btn:after {
  background-color: #000;
}
#header.bk .header_btm_li a {
  color: #fff;
}
#header.bk .nav_li.btn_english a span {
  border: 1px solid #000;
}

@media only screen and (max-width: 1023px) {
  #header {
    background-color: #2e2e38;
    position: absolute;
    top: 0;
    z-index: 100;
    transform: translateY(0);
  }

  .header_top {
    height: 60px;
    padding: 0 20px;
  }
  .header_top nav {
    background-color: #2e2e38;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100vh - 53px);
    height: calc(var(--vh) * 100 - 53px);
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    transition: opacity 0.5s ease;
  }
  .header_top nav .nav_ul {
    flex-direction: column;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .header_top nav .nav_li {
    position: relative;
  }
  .header_top nav .nav_li span.btn_open {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 4.55em;
    height: 4.55em;
  }
  .header_top nav .nav_li span.btn_open:before {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 26px;
    right: 20px;
  }
  .header_top nav .nav_li span.btn_open:after {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 26px;
    right: 20px;
    bottom: inherit;
    left: inherit;
    opacity: 1;
    transform: rotate(90deg);
    transition: transform 0.25s ease;
  }
  .header_top nav .nav_li.active span.btn_open:after {
    opacity: 0;
  }
  .header_top nav .nav_li.btn_movie {
    display: block;
    margin-top: 30px;
    padding: 0 20px;
  }
  .header_top nav .nav_li.btn_movie a {
    font-size: 18px;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #000;
    padding: 20px 0;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  }
  .header_top nav .nav_li.btn_movie a:after {
    content: "";
    position: relative;
    display: inline-block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    margin-left: 1.5em;
  }
  .header_top nav .btn {
    display: block;
    font-size: 26px;
    height: auto;
    padding: 16px 20px;
    line-height: 1;
  }
  .header_top nav .btn:after {
    display: none;
  }
  .header_top nav span.btn:before {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 26px;
    right: 20px;
  }
  .header_top nav span.btn:after {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 26px;
    right: 20px;
    bottom: inherit;
    left: inherit;
    opacity: 1;
    transform: rotate(90deg);
    transition: transform 0.25s ease;
  }
  .header_top nav span.btn.active:after {
    opacity: 0;
  }
  .header_top nav .nav_li.active span.btn_open + .header_btm {
    max-height: calc(var(--vh) * 100);
    opacity: 1;
    visibility: visible;
  }
  .header_top nav .nav_li.active span.btn_open + .header_btm .header_btm_ul {
    display: block;
    height: auto;
    margin-left: 30px;
  }
  .header_top nav .nav_li.active span.btn_open + .header_btm .header_btm_li + .header_btm_li {
    margin-left: 0;
  }
  .header_top nav .nav_li.active span.btn_open + .header_btm .header_btm_li a {
    padding: 1em 0;
    display: block;
  }
  .header_top .nav_li + .nav_li {
    margin-left: 0;
  }

  .header_btm {
    position: static;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    min-width: 100%;
    visibility: hidden;
    transition: 1s ease;
  }
  .header_btm .header_btm_ul {
    display: block;
    height: auto;
    margin-left: 30px;
  }
  .header_btm .header_btm_li + .header_btm_li {
    margin-left: 0;
  }
  .header_btm .header_btm_li a {
    padding: 1em 0;
    display: block;
  }

  #btn_menu {
    position: absolute;
    width: 24px;
    height: 17px;
    top: 21px;
    right: 20px;
    display: block;
  }
  #btn_menu span {
    width: 24px;
    height: 1px;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    transition: 0.5s ease;
  }
  #btn_menu span:nth-of-type(1) {
    top: 0;
  }
  #btn_menu span:nth-of-type(2) {
    top: 8px;
  }
  #btn_menu span:nth-of-type(3) {
    top: 16px;
  }

  #header.bk .rag_logo .wh {
    display: block;
  }
  #header.bk .rag_logo .bk {
    display: none;
  }
  #header.bk .header_top {
    color: #FFF;
  }
  #header.bk .header_top nav .btn:after {
    background-color: #FFF;
  }
  #header.bk .header_btm_li a {
    color: #fff;
  }
  #header.bk .nav_li.btn_english a span {
    border: 1px solid #fff;
  }

  body.js_pc .header_top .nav_li:hover .btn:after {
    opacity: 1;
  }

  body.js_pc .header_top .nav_li:hover .btn.active:after {
    opacity: 0;
  }

  #wrap.tf #header.bk .rag_logo .wh, #wrap.review #header.bk .rag_logo .wh, #wrap.aee2025 #header.bk .rag_logo .wh {
    display: none;
  }
  #wrap.tf #header.bk .rag_logo .bk, #wrap.review #header.bk .rag_logo .bk, #wrap.aee2025 #header.bk .rag_logo .bk {
    display: block;
  }
  #wrap.tf #header.bk #btn_menu span, #wrap.review #header.bk #btn_menu span, #wrap.aee2025 #header.bk #btn_menu span {
    background-color: #000;
  }
}
.rag_logo a {
  display: block;
}
@media only screen and (max-width: 1023px) {
  .rag_logo {
    width: 96px;
  }
  .rag_logo img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .header_top nav .nav_li.btn_movie {
    display: block;
    margin-top: 8vw;
    padding: 0 5.33vw;
  }
  .header_top nav .nav_li.btn_movie a {
    font-size: 4.8vw;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #000;
    padding: 5.33vw 0;
  }
  .header_top nav .nav_li.btn_movie a:after {
    content: "";
    position: relative;
    display: inline-block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 8vw 8vw;
    width: 8vw;
    height: 8vw;
    margin-left: 1.5em;
  }

  .header_top .nav_li.btn_english a {
    font-size: 3.73vw;
  }
  .header_top .nav_li.btn_english a span {
    width: 16vw;
    height: 6.13vw;
    padding-top: 3px;
    margin-top: 0;
  }
}
/*
footer
*/
#footer {
  background: #000;
  padding: 20px 0;
}
#footer .footer_area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#footer .footer_area > a {
  width: 362.8px;
  height: 33.35px;
}
#footer .footer_area .footer_txt {
  font-size: 14px;
  color: #fff;
  text-align: right;
}
#footer .footer_area .footer_txt ul li {
  display: inline-block;
  padding: 0 1em;
  line-height: 1;
}
#footer .footer_area .footer_txt ul li + li {
  border-left: 1px solid #fff;
  padding-right: 0;
}
#footer .footer_area .footer_txt small {
  display: block;
  font-size: 12px;
  margin-top: 8px;
}

#wrap .footer_nav {
  background: #42424B;
}
#wrap .footer_nav .inner {
  display: flex;
  border-top: 1px solid #5D5D61;
  padding: 35px 0;
  max-width: 1200px;
}
#wrap .footer_nav .inner ul {
  margin-right: 100px;
}
#wrap .footer_nav .inner ul li {
  color: #fff;
  font-size: 14px;
  margin-left: 0.5em;
}
#wrap .footer_nav .inner ul li:nth-child(1) {
  font-size: 16px;
  margin-left: 0;
}
#wrap .footer_nav .inner ul li + li {
  margin-top: 1em;
}
#wrap .footer_nav .inner ul:nth-child(4) li {
  margin-left: 0;
}
#wrap .footer_nav .inner ul:nth-child(4) li:nth-child(1) {
  font-size: 14px;
  margin-top: 2.5em;
}

@media only screen and (max-width: 1290px) {
  #wrap .footer_nav {
    padding: 0 20px;
  }
  #wrap .footer_nav .inner ul {
    margin-right: 8%;
  }
}
@media only screen and (max-width: 767px) {
  #footer {
    padding: 8vw 0;
  }
  #footer .footer_area {
    justify-content: center;
    flex-wrap: wrap;
  }
  #footer .footer_area > a {
    width: 79.47vw;
    height: 7.31vw;
  }
  #footer .footer_area > a img {
    width: 100%;
  }
  #footer .footer_area .footer_txt {
    font-size: 3.47vw;
    text-align: center;
    margin-top: 8vw;
  }
  #footer .footer_area .footer_txt ul li + li {
    padding-right: 0;
  }
  #footer .footer_area .footer_txt ul li:nth-child(1) {
    padding-left: 0;
  }
  #footer .footer_area .footer_txt small {
    font-size: 3.2vw;
    margin-top: 4vw;
  }

  #wrap .footer_nav {
    padding: 0 5.33vw;
  }
  #wrap .footer_nav .inner {
    padding: 0 0 6.67vw;
    flex-wrap: wrap;
  }
  #wrap .footer_nav .inner ul {
    display: flex;
    flex-wrap: wrap;
    margin: 6.67vw 0 0 0;
    width: 100%;
  }
  #wrap .footer_nav .inner ul li {
    font-size: 3.2vw;
    width: 47%;
  }
  #wrap .footer_nav .inner ul li:nth-child(1) {
    font-size: 3.73vw;
    margin-bottom: 0.5em;
    width: 100%;
  }
  #wrap .footer_nav .inner ul li + li {
    margin-top: 0.5em;
  }
  #wrap .footer_nav .inner ul:nth-child(3) li {
    width: 100%;
  }
  #wrap .footer_nav .inner ul:nth-child(4) li:nth-child(1), #wrap .footer_nav .inner ul:nth-child(4) li:nth-child(2) {
    margin: 0;
  }
  #wrap .footer_nav .inner ul:nth-child(4) li:nth-child(1) {
    font-size: 3.2vw;
    width: 50%;
  }
}
/*
home
*/
.home #hero {
  /* height: calc( ( var(--vh) * 100 ) - 109px); */
  height: 100vh;
  /* height: calc( ( var(--vh) * 100 ) - 125px ); */
  position: relative;
}
.home #hero:hover {
  cursor: pointer;
}
.home #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}
.home #hero h1 {
  font-size: 90px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.home #hero h1 img {
  max-width: 905.68px;
  width: 62.89vw;
}
.home #hero .brandmovie, .home #hero .interviewlink {
  width: 48.96%;
  height: 80px;
  position: absolute;
  bottom: 0.7vw;
  left: 0.7vw;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.home #hero .brandmovie div, .home #hero .interviewlink div {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-family: "Sharoa Pro Bold", sans-serif;
  font-size: min(1.8vw, 22px);
}
.home #hero .brandmovie div img, .home #hero .interviewlink div img {
  width: 40px;
  display: inline-block;
  margin: 0 1.5em;
  position: absolute;
  right: 0;
}
.home #hero .interviewlink {
  left: unset;
  right: 0.7vw;
}
.home #hero .interviewlink div a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.home #hero .interviewlink div a > span {
  font-size: min(1.48vw, 18px);
}
.home .btn_more {
  display: flex;
  align-items: center;
}
.home .btn_more img {
  margin-left: 13px;
}
.home .hero {
  position: relative;
  width: 100%;
  height: 100%;
}
.home .hero_images {
  position: relative;
  width: 100%;
  height: 100%;
}
.home .hero_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: blur(12px);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out, filter 1.5s ease-in-out;
  transform: scale(1.03);
  opacity: 0;
  background-size: cover;
  background-position: center center;
}
.home .hero_image.active {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
}
.home .hero_image:nth-of-type(1) {
  background-image: url(../img/home/hero_img01.jpg);
}
.home .hero_image:nth-of-type(2) {
  background-image: url(../img/home/hero_img02.jpg);
}
.home .hero_image:nth-of-type(3) {
  background-image: url(../img/home/hero_img03.jpg);
}
.home .hero_image:nth-of-type(4) {
  background-image: url(../img/home/hero_img04.jpg);
}
.home .hero_image:nth-of-type(5) {
  background-image: url(../img/home/hero_img05.jpg);
}
.home .hero_image:nth-of-type(6) {
  background-image: url(../img/home/hero_img06.jpg);
}
.home .hero_image:nth-of-type(7) {
  background-image: url(../img/home/hero_img07.jpg);
}
.home .hero_image:nth-of-type(8) {
  background-image: url(../img/home/hero_img08.jpg);
}
.home .hero_image p {
  position: absolute;
  top: 50%;
  left: 7%;
  transform: translateY(-50%);
  font-size: 2.77vw;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
  line-height: 1.5;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
.home .hero_image sub {
  transform: translateY(-0.2em);
  display: inline-block;
}

body.js_pc .brandmovie:hover {
  cursor: pointer;
}

#modal_hero_movie {
  display: none;
}
#modal_hero_movie.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
}
#modal_hero_movie .modal_inner {
  width: 100%;
  height: 100%;
}
#modal_hero_movie #modal_hero_movie_video {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero_bg {
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* background: url(/en/RandD/assets/img/home/mv.png); background-size: cover; background-position: center center; */
}
.hero_bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}

#yt_iframe, #yt_iframe_sp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#yt_iframe {
  display: block;
}

#yt_iframe_sp {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .home #hero {
    height: 100vh;
    /*height: calc( ( var(--vh) * 100 ) - 65px);*/
  }
  .home #parallax_area .inner {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media only screen and (max-width: 736px) {
  .home #hero {
    /*height: 100vh; height: calc( ( var(--vh) * 100 ) - 60px);*/
    height: auto;
  }
  .home #hero h1 img {
    max-width: 89.33vw;
    width: 89.33vw;
  }
  .home #hero .brandmovie, .home #hero .interviewlink {
    position: relative;
    width: 100vw;
    padding: 0 5.33vw;
    width: 100%;
    height: 16vw;
    bottom: 0;
    left: 0;
  }
  .home #hero .brandmovie div, .home #hero .interviewlink div {
    font-size: 4.8vw;
    justify-content: space-between;
  }
  .home #hero .brandmovie div img, .home #hero .interviewlink div img {
    right: 5.33vw;
    width: 8vw;
    height: 8vw;
    margin: 0;
  }
  .home #hero .interviewlink {
    bottom: 0;
    right: 0;
    border-top: 1px solid #2E2E38;
  }
  .home #hero .interviewlink div a {
    justify-content: flex-start;
  }
  .home #hero .interviewlink div a > span {
    font-size: 3.73vw;
  }
  .home #hero #btn_movie img {
    width: 8vw;
    height: 8vw;
    margin: 0;
  }
  .home .parallax_area h2 {
    font-size: 10.67vw;
  }
  .home .parallax_area .inner {
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .home .btn_more img {
    width: 8vw;
  }
  .home .hero_images {
    height: 100vw;
  }
  .home .hero_image:nth-of-type(1) {
    background-image: url(../img/home/hero_img01_sp.jpg);
  }
  .home .hero_image:nth-of-type(2) {
    background-image: url(../img/home/hero_img02_sp.jpg);
  }
  .home .hero_image:nth-of-type(3) {
    background-image: url(../img/home/hero_img03_sp.jpg);
  }
  .home .hero_image:nth-of-type(4) {
    background-image: url(../img/home/hero_img04_sp.jpg);
  }
  .home .hero_image:nth-of-type(5) {
    background-image: url(../img/home/hero_img05_sp.jpg);
  }
  .home .hero_image:nth-of-type(6) {
    background-image: url(../img/home/hero_img06_sp.jpg);
  }
  .home .hero_image:nth-of-type(7) {
    background-image: url(../img/home/hero_img07_sp.jpg);
  }
  .home .hero_image:nth-of-type(8) {
    background-image: url(../img/home/hero_img08_sp.jpg);
  }
  .home .hero_image p {
    left: 8vw;
    transform: translateY(-50%);
    font-size: 5.33vw;
  }

  .hero_bg {
    position: relative;
    height: 100vw;
  }
  .hero_bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }

  #yt_iframe {
    display: none;
  }

  #yt_iframe_sp {
    display: block;
  }
}
.home_update {
  padding-top: 60px;
  padding-bottom: 0;
}
.home_update .inner .update_list_wrap {
  display: flex;
  justify-content: space-between;
}
.home_update .inner .update_list_wrap h2 {
  font-size: 32px;
  font-family: "Sharoa Pro Bold", sans-serif;
  color: #fff;
  width: 170px;
  margin-top: 10px;
}
.home_update .inner .update_list_wrap dl {
  flex: 1;
  font-size: 14px;
}
.home_update .inner .update_list_wrap dl .update_list_item + .update_list_item {
  border-top: 1px solid #535353;
}
.home_update .inner .update_list_wrap dl .update_list_item a, .home_update .inner .update_list_wrap dl .update_list_item span {
  display: flex;
  align-items: center;
  padding: 1em 0;
}
.home_update .inner .update_list_wrap dl .update_list_item a dt, .home_update .inner .update_list_wrap dl .update_list_item span dt {
  margin-right: 2em;
}
.home_update .inner .update_list_wrap dl .update_list_item a dd a, .home_update .inner .update_list_wrap dl .update_list_item span dd a {
  display: inline-block;
  padding: 0;
  text-decoration: underline;
}

.home_update .bnr_wrap {
  margin-bottom: 40px;
}
.home_update .bnr_wrap a {
  display: flex;
  position: relative;
}
.home_update .bnr_wrap a img {
  width: 100%;
}
.home_update .bnr_wrap a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  word-break: keep-all;
}

@media only screen and (max-width: 768px) {
  .home_update {
    padding-top: 10.67vw;
  }
  .home_update .inner .update_list_wrap {
    flex-wrap: wrap;
  }
  .home_update .inner .update_list_wrap h2 {
    font-size: 5.87vw;
    width: 100%;
    margin-top: 0;
  }
  .home_update .inner .update_list_wrap dl {
    flex: 1;
    font-size: 2.93vw;
    margin-top: 1em;
  }
  .home_update .inner .update_list_wrap dl .update_list_item a, .home_update .inner .update_list_wrap dl .update_list_item span {
    flex-wrap: wrap;
  }
  .home_update .inner .update_list_wrap dl .update_list_item a dt, .home_update .inner .update_list_wrap dl .update_list_item span dt {
    margin-right: 0;
    width: 100%;
  }
  .home_update .inner .update_list_wrap dl .update_list_item a dd, .home_update .inner .update_list_wrap dl .update_list_item span dd {
    font-size: 3.47vw;
  }
}
section.home_mission, section.home_message {
  line-height: 2;
  position: relative;
  max-width: 1200px;
  margin: auto;
  width: 89.3333vw;
  display: flex;
  /*flex-wrap: wrap;*/
  justify-content: center;
  align-items: center;
  transition: opacity 1s ease, transform 1s ease;
  opacity: 0;
  transform: translateY(20px);
  flex-wrap: wrap;
}
section.home_mission.active, section.home_message.active {
  opacity: 1;
  transform: translateY(0);
}
section.home_mission .text, section.home_message .text {
  width: 50%;
}
section.home_mission h2, section.home_message h2 {
  font-size: 80px;
  font-family: "Sharoa Pro Bold", sans-serif;
}
section.home_mission .parallax_area_image, section.home_message .parallax_area_image {
  width: 50%;
  max-width: 620px;
}
section.home_mission .btn_more, section.home_message .btn_more {
  margin-top: 60px;
  font-family: "Sharoa Pro Bold", sans-serif;
  font-size: 20px;
}

section.home_mission {
  margin-top: 120px;
}
section.home_mission .parallax_area_image {
  transform: translateX(6.25vw);
}

section.home_message {
  margin-top: 140px;
  flex-direction: row-reverse;
}
section.home_message .parallax_area_image {
  transform: translateX(-6.25vw);
}

@media only screen and (max-width: 768px) {
  section.home_mission, section.home_message {
    flex-wrap: wrap;
  }
  section.home_mission .text, section.home_message .text {
    width: 100%;
  }
  section.home_mission p, section.home_message p {
    font-size: 3.73vw;
    margin-top: 1em;
  }
  section.home_mission .parallax_area_image, section.home_message .parallax_area_image {
    width: 100%;
    transform: translateX(0);
    margin-top: 13.33vw;
  }
  section.home_mission .btn_more, section.home_message .btn_more {
    margin-top: 8vw;
    font-size: 5.33vw;
  }

  section.home_mission {
    margin-top: 18.67vw;
  }

  section.home_message {
    margin-top: 21.33vw;
  }
}
section.home_topics {
  background-color: #fff;
  color: #000;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 35px;
  border-bottom: solid 1px #fff;
}
section.home_topics .inner {
  position: relative;
}
section.home_topics h2 {
  font-size: 38px;
  font-family: "Sharoa Pro Bold", sans-serif;
  color: #000;
}
section.home_topics .topics {
  margin-top: 60px;
  overflow: hidden;
}
section.home_topics .topics_wrap {
  display: flex;
  flex-wrap: wrap;
}
section.home_topics .topics_wrap .topics_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 380px;
  height: auto;
  color: #000;
  margin-bottom: 60px;
  flex-direction: column;
}
section.home_topics .topics_wrap .topics_inner + .topics_inner {
  margin-left: 30px;
}
section.home_topics .topics_wrap .topics_inner:nth-child(3n+1) {
  margin-left: 0;
}
section.home_topics .topics_wrap .topics_inner img {
  width: 100%;
  align-self: flex-start;
  flex-shrink: 0;
}
section.home_topics .topics_wrap .topics_inner .tag_wrap {
  display: flex;
  padding: 20px 0;
  min-height: 65px;
  width: 100%;
}
section.home_topics .topics_wrap .topics_inner .tag_wrap .tag {
  font-size: 12px;
  border: #707070 solid 1px;
  width: 80px;
  min-height: 25px;
  height: 100%;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  margin-top: auto;
  margin-right: 2.63%;
  padding: 0.2em 0.4em;
  letter-spacing: 0em;
}
section.home_topics .topics_wrap .topics_inner .tag_wrap .tag:last-child {
  margin-right: 0;
}
section.home_topics .topics_wrap .topics_inner h3 {
  font-size: 18px;
  margin-top: 0;
  line-height: 1.5;
  min-height: 55px;
  width: 100%;
}
section.home_topics .topics_wrap .topics_inner p {
  font-size: 14px;
  margin-top: 15px;
  line-height: 1.71;
  width: 100%;
}
section.home_topics .topics_wrap .topics_inner a + a {
  margin-top: 1em;
  font-size: 14px;
  text-decoration: underline;
}
section.home_topics .more {
  display: inline-block;
  height: 100%;
  font-size: 20px;
  font-family: "Sharoa Pro Bold", sans-serif;
  position: relative;
  margin-top: 10px;
  color: #000;
  left: calc(100% - 105px);
}
section.home_topics .more:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_bk.svg) 50% 50% no-repeat;
  background-size: 45px 45px;
  width: 45px;
  height: 45px;
}

@media only screen and (max-width: 1254px) {
  section.home_topics .topics_wrap {
    margin: 60px auto 0;
    max-width: 790px;
  }
  section.home_topics .topics_wrap .topics_inner:nth-child(3n+1) {
    margin-left: 30px;
  }
  section.home_topics .topics_wrap .topics_inner:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 844px) {
  section.home_topics .topics_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: unset;
    align-items: unset;
  }
  section.home_topics .topics_wrap .topics_inner {
    width: 45vw;
  }
  section.home_topics .topics_wrap .topics_inner + .topics_inner {
    margin-left: 0;
  }
  section.home_topics .topics_wrap .topics_inner:nth-child(3n+1) {
    margin-left: 0;
  }
  section.home_topics .topics_wrap .topics_inner:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  section.home_topics .topics_wrap .topics_inner {
    width: 42vw;
  }
}
@media only screen and (max-width: 736px) {
  section.home_topics {
    margin-top: 0;
    padding-top: 16vw;
    padding-bottom: 8vw;
  }
  section.home_topics h2 {
    font-size: 6.4vw;
  }
  section.home_topics .topics {
    margin-top: 8vw;
    overflow: hidden;
  }
  section.home_topics .topics_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: unset;
    align-items: unset;
  }
  section.home_topics .topics_wrap .topics_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 42.13vw;
    height: auto;
    color: #000;
    margin-bottom: 8vw;
    flex-direction: column;
  }
  section.home_topics .topics_wrap .topics_inner + .topics_inner {
    margin-left: 0;
  }
  section.home_topics .topics_wrap .topics_inner:nth-child(3n+1) {
    margin-left: 0;
  }
  section.home_topics .topics_wrap .topics_inner:nth-child(2n+1) {
    margin-left: 0;
  }
  section.home_topics .topics_wrap .topics_inner img {
    width: 100%;
    align-self: flex-start;
  }
  section.home_topics .topics_wrap .topics_inner .tag_wrap {
    display: flex;
    padding: 2.67vw 0 0;
    min-height: auto;
    width: 100%;
    order: 1;
    flex-wrap: wrap;
  }
  section.home_topics .topics_wrap .topics_inner .tag_wrap .tag {
    font-size: 2.4vw;
    border: #707070 solid 1px;
    width: 14.67vw;
    min-height: 5.67vw;
    height: 5.67vw;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    margin-top: 1.33vw;
    margin-right: 2.63%;
    padding: 0.2em 0.4em;
    letter-spacing: -0.07em;
  }
  section.home_topics .topics_wrap .topics_inner .tag_wrap .tag:last-child {
    margin-right: 0;
  }
  section.home_topics .topics_wrap .topics_inner h3 {
    font-size: 3.47vw;
    margin-top: 4vw;
    line-height: 1.5;
    min-height: 9.33vw;
    order: 0;
  }
  section.home_topics .topics_wrap .topics_inner p {
    display: none;
  }
  section.home_topics .topics_wrap .topics_inner p.is_sp {
    display: block;
  }
  section.home_topics .topics_wrap .topics_inner a + a {
    font-size: 3.2vw;
  }
  section.home_topics .more {
    display: inline-block;
    height: 100%;
    font-size: 5.33vw;
    font-family: "Sharoa Pro Bold", sans-serif;
    position: relative;
    margin-top: 4vw;
    left: calc(100% - 24vw);
    color: #000;
  }
  section.home_topics .more:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 16vw;
    transform: translateY(-50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_bk.svg) 50% 50% no-repeat;
    background-size: 8vw 8vw;
    width: 8vw;
    height: 8vw;
  }
}
section.home_news {
  background-color: #fff;
  margin-top: 0;
  padding-top: 35px;
  padding-bottom: 0;
}
section.home_news h2 {
  font-size: 38px;
  font-family: "Sharoa Pro Bold", sans-serif;
  color: #000;
}
section.home_news .news_release_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}
section.home_news .news_release_wrap a {
  display: flex;
  align-items: flex-start;
  width: 48.33%;
  margin-bottom: 40px;
}
section.home_news .news_release_wrap a img {
  width: 110px;
  margin-right: 15px;
  flex-shrink: 0;
}
section.home_news .news_release_wrap a p {
  font-size: 14px;
  color: #000;
  line-height: 1.71;
}
section.home_news .news_release_wrap a p span {
  display: block;
  font-size: 12px;
  margin-bottom: 0.3em;
}
section.home_news .more {
  display: inline-block;
  height: 100%;
  font-size: 20px;
  font-family: "Sharoa Pro Bold", sans-serif;
  position: relative;
  margin-top: 20px;
  color: #000;
  left: calc(100% - 105px);
}
section.home_news .more:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_bk.svg) 50% 50% no-repeat;
  background-size: 45px 45px;
  width: 45px;
  height: 45px;
}

@media only screen and (max-width: 736px) {
  section.home_news {
    padding-top: 8vw;
    padding-bottom: 0;
  }
  section.home_news h2 {
    font-size: 6.4vw;
  }
  section.home_news .news_release_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8vw;
  }
  section.home_news .news_release_wrap a {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 6.67vw;
  }
  section.home_news .news_release_wrap a img {
    width: 24vw;
    margin-right: 4vw;
  }
  section.home_news .news_release_wrap a p {
    font-size: 3.47vw;
    color: #000;
    line-height: 1.54;
  }
  section.home_news .news_release_wrap a p span {
    display: block;
    font-size: 2.93vw;
    margin-bottom: 0.2em;
  }
  section.home_news .more {
    display: inline-block;
    height: 100%;
    font-size: 5.33vw;
    font-family: "Sharoa Pro Bold", sans-serif;
    position: relative;
    margin-top: 4vw;
    left: calc(100% - 24vw);
    color: #000;
  }
  section.home_news .more:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 16vw;
    transform: translateY(-50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_bk.svg) 50% 50% no-repeat;
    background-size: 8vw 8vw;
    width: 8vw;
    height: 8vw;
  }
}
section.home_info {
  background-color: #fff;
  margin-top: 0;
  padding-top: 125px;
  padding-bottom: 110px;
  margin-top: -50px;
}
section.home_info h2 {
  font-size: 38px;
  font-family: "Sharoa Pro Bold", sans-serif;
  color: #000;
}
section.home_info .sns_info_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}
section.home_info .sns_info_wrap a {
  display: flex;
  align-items: flex-start;
  width: 48.33%;
  margin-bottom: 40px;
}
section.home_info .sns_info_wrap a img {
  width: 110px;
  margin-right: 15px;
  flex-shrink: 0;
}
section.home_info .sns_info_wrap a p {
  font-size: 14px;
  color: #000;
  line-height: 1.71;
}
section.home_info .sns_info_wrap a p span {
  display: block;
  font-size: 12px;
  margin-bottom: 0.3em;
}

@media only screen and (max-width: 736px) {
  section.home_info {
    padding-top: 20vw;
    padding-bottom: 16vw;
    margin-top: -4vw;
  }
  section.home_info h2 {
    font-size: 6.4vw;
  }
  section.home_info .sns_info_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8vw;
  }
  section.home_info .sns_info_wrap a {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 6.67vw;
  }
  section.home_info .sns_info_wrap a img {
    width: 24vw;
    margin-right: 4vw;
  }
  section.home_info .sns_info_wrap a p {
    font-size: 3.47vw;
    color: #000;
    line-height: 1.54;
  }
  section.home_info .sns_info_wrap a p span {
    display: block;
    font-size: 2.93vw;
    margin-bottom: 0.2em;
  }
}
section.home_research {
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}
section.home_research h2 {
  font-size: 38px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 1.58;
}
section.home_research p {
  font-size: 16px;
  margin-top: 1.5em;
  line-height: 2.13;
  word-break: break-all;
}
section.home_research .flex_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 80px;
}
section.home_research .flex_wrap .flex_text {
  max-width: 560px;
  width: 46.67%;
}
section.home_research .flex_wrap .flex_text h4 {
  font-size: 30px;
  line-height: 1.2;
  font-family: "Sharoa Pro Bold", sans-serif;
}
section.home_research .flex_wrap .flex_text h4 span {
  display: block;
  font-size: 12px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  margin-top: 1em;
}
section.home_research .flex_wrap .flex_text p {
  margin-top: 2em;
  font-size: 14px;
  line-height: 2;
}
section.home_research .flex_wrap .flex_text .more {
  display: inline-block;
  height: 100%;
  font-size: 20px;
  font-family: "Sharoa Pro Bold", sans-serif;
  position: relative;
  margin-top: 40px;
}
section.home_research .flex_wrap .flex_text .more:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
  background-size: 45px 45px;
  width: 45px;
  height: 45px;
}
section.home_research .flex_wrap img {
  width: 50%;
  max-width: 600px;
}

@media only screen and (max-width: 736px) {
  section.home_research {
    padding-top: 16.67vw;
    margin-top: -3.33vw;
    padding-bottom: 13.33vw;
  }
  section.home_research h2 {
    font-size: 6.4vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    line-height: 1.58;
  }
  section.home_research p {
    font-size: 3.73vw;
    margin-top: 1.1em;
    line-height: 2.13;
    word-break: break-all;
  }
  section.home_research .flex_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 16.67vw;
    margin-top: -3.33vw;
  }
  section.home_research .flex_wrap .flex_text {
    max-width: 100%;
    width: 100%;
    margin-top: 8vw;
    order: 1;
  }
  section.home_research .flex_wrap .flex_text h4 {
    font-size: 5.87vw;
    line-height: 1.55;
    font-family: "Sharoa Pro Bold", sans-serif;
  }
  section.home_research .flex_wrap .flex_text h4 span {
    display: block;
    font-size: 3.2vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    margin-top: 0.5em;
  }
  section.home_research .flex_wrap .flex_text p {
    margin-top: 2em;
    font-size: 3.73vw;
    line-height: 2.13;
  }
  section.home_research .flex_wrap .flex_text .more {
    display: inline-block;
    height: 100%;
    font-size: 5.33vw;
    font-family: "Sharoa Pro Bold", sans-serif;
    position: relative;
    margin-top: 9.33vw;
  }
  section.home_research .flex_wrap .flex_text .more:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 16vw;
    transform: translateY(-50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
    background-size: 8vw 8vw;
    width: 8vw;
    height: 8vw;
  }
  section.home_research .flex_wrap img {
    width: 100%;
    max-width: 100%;
    order: 0;
  }
}
section.home_recruitment {
  background-color: #fff;
  margin-top: 0;
  padding-top: 100px;
  color: #000;
}
section.home_recruitment h2 {
  font-size: 38px;
  font-family: "Sharoa Pro Bold", sans-serif;
}
section.home_recruitment ul {
  margin-top: 60px;
  border-top: #D9D9D9 solid 1px;
}
section.home_recruitment li {
  border-bottom: #D9D9D9 solid 1px;
}
section.home_recruitment li a {
  display: block;
  padding: 30px 0;
}
section.home_recruitment dt {
  font-size: 12px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
section.home_recruitment dd {
  font-size: 14px;
  margin-top: 1em;
  line-height: 1.69;
}

@media only screen and (max-width: 736px) {
  section.home_recruitment {
    padding-top: 16vw;
  }
  section.home_recruitment h2 {
    font-size: 6.4vw;
    width: 100%;
  }
  section.home_recruitment ul {
    margin-top: 8vw;
  }
  section.home_recruitment li a {
    padding: 2vw 0 4vw;
  }
  section.home_recruitment dt {
    font-size: 2.93vw;
  }
  section.home_recruitment dd {
    font-size: 3.47vw;
    margin-top: 1.5em;
  }
  section.home_recruitment dd br {
    display: none;
  }
}
@media only screen and (max-width: 736px) {
  .home #hero h1 {
    font-size: 45px;
  }
}
section.home_interview {
  padding: 90px 0 100px;
  background: #25252F;
  margin: 0 auto;
}
section.home_interview h2 {
  font-size: 38px;
  font-family: "Sharoa Pro Bold", sans-serif;
  text-align: center;
}
section.home_interview .bnr_wrap {
  margin-top: 40px;
}
section.home_interview .bnr_wrap a {
  display: flex;
  position: relative;
}
section.home_interview .bnr_wrap a img {
  width: 100%;
}
section.home_interview .bnr_wrap a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  word-break: keep-all;
}

@media only screen and (max-width: 768px) {
  section.home_interview {
    padding: 13.33vw 0 16vw;
  }
  section.home_interview h2 {
    font-size: 6.4vw;
  }
  section.home_interview .bnr_wrap {
    margin-top: 6.67vw;
  }
  section.home_interview .bnr_wrap a p {
    font-size: 4.27vw;
  }
}
/*
mission
*/
.mission #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/mission/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.mission #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.mission #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.mission #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
.mission section {
  margin-top: 100px;
}
.mission section:last-of-type {
  padding-bottom: 100px;
}
.mission section .section_intro p + p {
  margin-top: 1em;
}
.mission section a.btn_modal {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: 60px;
}
.mission section a.btn_modal img {
  width: 100%;
}
.mission section a.btn_modal:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 93px 93px;
  width: 93px;
  height: 93px;
}
.mission section a.btn_modal:after {
  content: "";
  position: absolute;
  bottom: 1px;
  right: 1px;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_zoom.svg) 50% 50% no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
}
.mission section a.btn_modal.btn_modal_img:before {
  display: none;
}
.mission section a.btn_modal.pc {
  display: block;
}
.mission section a.btn_modal.sp {
  display: none;
}
.mission section h3 {
  font-size: 22px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  margin-top: 2.7em;
}
.mission section p {
  font-size: 16px;
  margin-top: 2.5em;
  line-height: 2.13;
  word-break: break-all;
}
.mission section p + p {
  margin-top: 1em;
}
.mission section .topics_wrap h3 {
  font-size: 24px;
  line-height: 1.2;
  font-family: "Sharoa Pro Bold", sans-serif;
  margin-top: 2.1em;
}
.mission section .topics_wrap ul li {
  margin-top: 25px;
}
.mission section .topics_wrap ul li a {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.mission section .topics_wrap ul li a img {
  width: 100px;
  margin-right: 20px;
}
.mission section .topics_wrap ul li a .topics_text {
  flex: 1;
}
.mission section .topics_wrap ul li a .topics_text h4 {
  font-size: 16px;
  line-height: 1.5;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
.mission section .topics_wrap ul li a .topics_text p {
  font-size: 13px;
  line-height: 1.69;
  margin-top: 0.6em;
}
.mission .related_links a.btn_modal {
  display: block;
  width: 31.67%;
  height: auto;
  position: relative;
  margin-top: 40px;
}
.mission .related_links a.btn_modal:before {
  display: none;
}
.mission .related_links a.btn_modal:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play_pc.svg) 50% 50% no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  top: calc(50% - 25px);
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 820px) {
  .mission #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .mission #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/mission/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .mission #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .mission #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  .mission #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  .mission section {
    margin-top: 13.33vw;
  }
  .mission section:last-of-type {
    padding-bottom: 16vw;
  }
  .mission section a.btn_modal {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 10.67vw;
  }
  .mission section a.btn_modal img {
    width: 100%;
  }
  .mission section a.btn_modal:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  .mission section a.btn_modal:after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 1px;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_zoom.svg) 50% 50% no-repeat;
    background-size: 5.33vw 5.33vw;
    width: 5.33vw;
    height: 5.33vw;
  }
  .mission section a.btn_modal.pc {
    display: none;
  }
  .mission section a.btn_modal.sp {
    display: block;
  }
  .mission section h3 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    margin-top: 2.4em;
  }
  .mission section p {
    font-size: 3.73vw;
    margin-top: 1.9em;
    line-height: 2.13;
    word-break: break-all;
  }
  .mission section .topics_wrap h3 {
    font-size: 5.33vw;
    line-height: 1.2;
    font-family: "Sharoa Pro Bold", sans-serif;
    margin-top: 2.1em;
    width: 100%;
  }
  .mission section .topics_wrap ul li {
    margin-top: 1.9em;
  }
  .mission section .topics_wrap ul li a {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .mission section .topics_wrap ul li a img {
    width: 18.67vw;
    margin-right: 4vw;
  }
  .mission section .topics_wrap ul li a .topics_text h4 {
    font-size: 3.73vw;
    line-height: 1.5;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  }
  .mission section .topics_wrap ul li a .topics_text p {
    font-size: 3.2vw;
    line-height: 1.69;
    margin-top: 0.6em;
  }
  .mission .related_links a.btn_modal {
    width: 100%;
    margin-top: 40px;
  }
  .mission .related_links a.btn_modal:before {
    display: none;
  }
  .mission .related_links a.btn_modal:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_pc.svg) 50% 50% no-repeat;
    background-size: 35px 35px;
    width: 35px;
    height: 35px;
    top: calc(50% - 25px);
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .mission .related_links.btn_modal:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 9.33vw 9.33vw;
    width: 9.33vw;
    height: 9.33vw;
    top: calc(50% - 6.67vw);
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
/*
message
*/
.message #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/message/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.message #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.message #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.message #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
.message section {
  margin-top: 90px;
}
.message section:last-of-type {
  padding-bottom: 100px;
}
.message section p {
  font-size: 16px;
  line-height: 2.13;
  word-break: break-all;
}
.message section p + p {
  margin-top: 2.5em;
}
.message section .signature_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 60px;
  text-align: right;
}
.message section .signature_wrap p {
  display: inline-block;
  text-align: left;
  line-height: 1.86;
  font-size: 14px;
}
.message section .signature_wrap img {
  width: 188px;
  display: block;
  box-sizing: content-box;
  margin: 0 0 30px -15px;
}
.message .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
  .message #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .message #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/message/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .message #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .message #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  .message #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  .message section {
    margin-top: 12vw;
  }
  .message section:last-of-type {
    padding-bottom: 16vw;
  }
  .message section p {
    font-size: 3.73vw;
    line-height: 2.13;
    word-break: break-all;
  }
  .message section p + p {
    margin-top: 1.9em;
  }
  .message section .signature_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10.67vw;
    text-align: right;
  }
  .message section .signature_wrap p {
    display: inline-block;
    text-align: right;
    line-height: 1.86;
    font-size: 3.2vw;
  }
  .message section .signature_wrap img {
    width: 41.07vw;
    display: inline-block;
    padding-left: 5.33vw;
    box-sizing: content-box;
  }
  .message .induction_area {
    padding-bottom: 16vw;
  }
}
/*
philosophy
*/
.philosophy #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/philosophy/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.philosophy #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.philosophy #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.philosophy #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
.philosophy section {
  margin-top: 120px;
}
.philosophy section:first-of-type {
  margin-top: 90px;
}
.philosophy section:last-of-type {
  padding-bottom: 100px;
}
.philosophy section .section_intro h2 {
  text-align: left;
}
.philosophy section h3 {
  font-size: 32px;
  margin-top: 2.7em;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.philosophy section h3 span {
  font-size: 14px;
  display: block;
  margin-top: 1.4em;
}
.philosophy section p {
  font-size: 16px;
  margin-top: 2.5em;
  line-height: 2.13;
  word-break: break-all;
}
.philosophy section ul {
  margin-top: 2.5em;
}
.philosophy section ul li {
  font-size: 16px;
  line-height: 2.13;
  word-break: break-all;
}
.philosophy section .flex_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.philosophy section .flex_wrap h4 {
  font-size: 18px;
  line-height: 1.2;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  margin-top: 2.7em;
  width: 100%;
}
.philosophy section .flex_wrap .flex_text {
  max-width: 560px;
  width: 70%;
}
.philosophy section .flex_wrap .flex_text .flex_text_item {
  width: 100%;
  display: flex;
  line-height: 1.86;
  font-size: 14px;
  margin-top: 30px;
}
.philosophy section .flex_wrap .flex_text .flex_text_item dt {
  margin-right: 2em;
}
.philosophy section .flex_wrap .flex_text .flex_text_item dd {
  flex: 1;
}
.philosophy section .flex_wrap img {
  width: 192px;
}
.philosophy section .flex_wrap + .flex_wrap {
  margin-top: calc(80px - 2.7em);
}
.philosophy .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
  .philosophy #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .philosophy #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/philosophy/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .philosophy #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .philosophy #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  .philosophy #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  .philosophy section {
    margin-top: 12vw;
  }
  .philosophy section:first-of-type {
    margin-top: 12vw;
  }
  .philosophy section:last-of-type {
    padding-bottom: 16vw;
  }
  .philosophy section .section_intro h2 {
    text-align: left;
  }
  .philosophy section h3 {
    font-size: 5.87vw;
    margin-top: 3.4em;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
    line-height: 1.45;
  }
  .philosophy section h3 span {
    font-size: 3.2vw;
    display: block;
    margin-top: 1em;
  }
  .philosophy section p {
    font-size: 3.73vw;
    margin-top: 2.5em;
    line-height: 2.13;
    word-break: break-all;
  }
  .philosophy section ul li {
    font-size: 3.73vw;
  }
  .philosophy section .flex_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .philosophy section .flex_wrap h4 {
    font-size: 4.27vw;
    line-height: 1.2;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    margin-top: 2.2em;
    width: 100%;
  }
  .philosophy section .flex_wrap .flex_text {
    width: 100%;
    max-width: 100%;
  }
  .philosophy section .flex_wrap .flex_text .flex_text_item {
    width: 100%;
    display: flex;
    line-height: 2.14;
    font-size: 3.73vw;
    margin-top: 4.33vw;
  }
  .philosophy section .flex_wrap .flex_text .flex_text_item dt {
    margin-right: 1.5em;
  }
  .philosophy section .flex_wrap .flex_text .flex_text_item dd {
    flex: 1;
  }
  .philosophy section .flex_wrap img {
    width: 51.2vw;
    margin-top: 9.33vw;
  }
  .philosophy section .flex_wrap + .flex_wrap {
    margin-top: calc(16vw - 2.2em);
  }
  .philosophy .induction_area {
    padding-bottom: 16vw;
  }
}
/*
organization
*/
.organization #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/organization/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.organization #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.organization #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.organization #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
.organization section:last-of-type {
  padding-bottom: 100px;
}
.organization .chart_wrap {
  position: relative;
  margin-top: 100px;
}
.organization .chart_wrap img {
  width: 92.5%;
}
.organization .chart_wrap a {
  display: block;
  position: absolute;
  right: 0;
  width: 54.5%;
  height: 60px;
  cursor: pointer;
}
.organization .chart_wrap a:before {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_mini.svg) 50% 50% no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 0.5%;
  transform: translateY(-50%);
}
.organization .chart_wrap a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #2E2E38;
  opacity: 0;
}
.organization .chart_wrap a:hover:after {
  opacity: 0.7;
}
.organization .chart_wrap a.btn_hgrx {
  top: 12%;
}
.organization .chart_wrap a.btn_hgpu {
  top: 21.5%;
  height: 92px;
}
.organization .chart_wrap a.btn_hgdc {
  top: 35.4%;
}
.organization .chart_wrap a.btn_hgmrc {
  top: 45.2%;
}
.organization .chart_wrap a.btn_hgcc {
  top: 54.9%;
}
.organization .related_links {
  margin-top: 100px;
}

@media only screen and (max-width: 820px) {
  .organization #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .organization #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/organization/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .organization #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .organization #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  .organization #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  .organization section:last-of-type {
    padding-bottom: 16vw;
  }
  .organization .chart_wrap {
    position: relative;
    margin-top: 16vw;
    width: 100%;
  }
  .organization .chart_wrap img {
    width: 94%;
  }
  .organization .chart_wrap a {
    display: block;
    position: absolute;
    right: 0;
    width: 64%;
    height: 12.33vw;
    cursor: pointer;
  }
  .organization .chart_wrap a:before {
    content: "";
    position: absolute;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_mini.svg) 50% 50% no-repeat;
    background-size: 4.27vw 4.27vw;
    width: 4.27vw;
    height: 4.27vw;
    top: 50%;
    right: 0.5%;
    transform: translateY(-50%);
  }
  .organization .chart_wrap a.btn_hgrx {
    top: 14.4%;
  }
  .organization .chart_wrap a.btn_hgpu {
    top: 24%;
    height: 16.33vw;
  }
  .organization .chart_wrap a.btn_hgdc {
    top: 36.5%;
  }
  .organization .chart_wrap a.btn_hgmrc {
    top: 45.8%;
  }
  .organization .chart_wrap a.btn_hgcc {
    top: 55.3%;
  }
  .organization .related_links {
    margin-top: 16vw;
  }
}
/*
Company Profile and Group Companies
*/
.cpgc #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/cpgc/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.cpgc #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.cpgc #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.cpgc #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
.cpgc section {
  margin-top: 100px;
}
.cpgc section:last-of-type {
  padding-bottom: 0px;
}
.cpgc section .inner_s .company_profile_wrap h2, .cpgc section .inner_s .main_base_wrap h2, .cpgc section .inner_s .associated_company_wrap h2, .cpgc section .inner_s .financial_statement_wrap h2 {
  font-size: 24px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #767676;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap, .cpgc section .inner_s .main_base_wrap .flex_wrap, .cpgc section .inner_s .associated_company_wrap .flex_wrap, .cpgc section .inner_s .financial_statement_wrap .flex_wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 30px;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item {
  width: 100%;
  padding-left: 6.25%;
  box-sizing: border-box;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item:last-child, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item:last-child, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item:last-child, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item:last-child {
  padding-left: 0;
  width: 100%;
  min-width: 400px;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item h3, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item h3, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item h3, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item h3 {
  font-size: 18px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  width: 100%;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl {
  margin-top: 0;
  font-size: 14px;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl .list_item, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl .list_item {
  display: flex;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl .list_item dt, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item dt, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item dt, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl .list_item dt {
  width: 100px;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl .list_item + .list_item, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item + .list_item, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item + .list_item, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl .list_item + .list_item {
  margin-top: 0.8em;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl + dl, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl + dl, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl + dl, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl + dl {
  margin-top: 1.5em;
}
.cpgc section .inner_s .company_profile_wrap .flex_wrap + .flex_wrap, .cpgc section .inner_s .main_base_wrap .flex_wrap + .flex_wrap, .cpgc section .inner_s .associated_company_wrap .flex_wrap + .flex_wrap, .cpgc section .inner_s .financial_statement_wrap .flex_wrap + .flex_wrap {
  margin-top: 30px;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap, .cpgc section .inner_s .main_base_wrap .map_wrap, .cpgc section .inner_s .associated_company_wrap .map_wrap, .cpgc section .inner_s .financial_statement_wrap .map_wrap {
  position: relative;
  margin-top: 30px;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap img, .cpgc section .inner_s .main_base_wrap .map_wrap img, .cpgc section .inner_s .associated_company_wrap .map_wrap img, .cpgc section .inner_s .financial_statement_wrap .map_wrap img {
  width: 51.53%;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base, .cpgc section .inner_s .main_base_wrap .map_wrap .base, .cpgc section .inner_s .associated_company_wrap .map_wrap .base, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base {
  position: absolute;
  right: 0;
  width: 48%;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_01, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_01, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_01, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_01 {
  top: 3%;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_02, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_02, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_02, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_02 {
  top: 15.9%;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_03, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_03, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_03, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_03 {
  top: 37.6%;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_04, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_04, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_04, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_04 {
  top: 50.4%;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_05, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_05, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_05, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_05 {
  top: 63.1%;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_06, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_06, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_06, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_06 {
  top: 76%;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_07, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_07, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_07, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_07 {
  top: 92.6%;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base p, .cpgc section .inner_s .main_base_wrap .map_wrap .base p, .cpgc section .inner_s .associated_company_wrap .map_wrap .base p, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base p {
  font-size: 16px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base dl, .cpgc section .inner_s .main_base_wrap .map_wrap .base dl, .cpgc section .inner_s .associated_company_wrap .map_wrap .base dl, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base dl {
  font-size: 14px;
  margin: 0.5em 0 0 1em;
  line-height: 1.75em;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base dl dt, .cpgc section .inner_s .main_base_wrap .map_wrap .base dl dt, .cpgc section .inner_s .associated_company_wrap .map_wrap .base dl dt, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base dl dt {
  display: inline-block;
  vertical-align: top;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base dl dd, .cpgc section .inner_s .main_base_wrap .map_wrap .base dl dd, .cpgc section .inner_s .associated_company_wrap .map_wrap .base dl dd, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base dl dd {
  display: inline-block;
  margin-left: 0.5em;
}
.cpgc section .inner_s .company_profile_wrap .map_wrap .base a, .cpgc section .inner_s .main_base_wrap .map_wrap .base a, .cpgc section .inner_s .associated_company_wrap .map_wrap .base a, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base a {
  cursor: pointer;
  text-decoration: underline;
}
.cpgc section .inner_s .main_base_wrap .flex_wrap {
  justify-content: space-around;
}
.cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item dt {
  width: 50px;
}
.cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item dd {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item dd a {
  text-decoration: none;
  margin: 0 0 0 1em;
  font-size: 12px;
  border: solid 1px #fff;
  border-radius: 10px;
  padding: 0.1em 1.3em 0.05em;
}
.cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item dd p {
  margin: 1em 0 0 -3.6em;
  font-size: 12px;
  line-height: 1.67;
}
.cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item dt {
  width: 100px;
}
.cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item dd {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item dd a {
  text-decoration: underline;
  margin-right: 50px;
}
.cpgc section .inner_s .associated_company_wrap .flex_wrap > a {
  text-decoration: underline;
  margin-right: 50px;
  font-size: 14px;
  width: 6.3em;
}
.cpgc section .inner_s .financial_statement_wrap ul li {
  border-bottom: 1px solid #767676;
}
.cpgc section .inner_s .financial_statement_wrap ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 10px 0 46px;
  font-size: 16px;
}
.cpgc section .inner_s .financial_statement_wrap ul li a span {
  font-size: 14px;
}
.cpgc section .inner_s .financial_statement_wrap ul li a:before {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_pdf.svg) 50% 50% no-repeat;
  background-size: 26px 26px;
  width: 26px;
  height: 26px;
  margin-left: -36px;
}
.cpgc .bnr_wrap {
  margin-top: 100px;
}
.cpgc .bnr_wrap a {
  display: flex;
}
.cpgc .bnr_wrap a img {
  max-width: 600px;
  width: 75%;
}
.cpgc .bnr_wrap a p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  font-size: 16px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  max-width: 200px;
  width: 25%;
  background: #42424B;
}
.cpgc .bnr_wrap a p:after {
  content: "";
  position: relative;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  margin-top: 20px;
}
.cpgc .contact_wrap {
  padding-bottom: 100px;
  margin-top: 100px;
}
.cpgc .contact_wrap .contact_inner {
  background: #42424B;
  padding: 30px;
}
.cpgc .contact_wrap .contact_inner .contact_content {
  width: 560px;
  margin: auto;
}
.cpgc .contact_wrap .contact_inner .contact_content h2 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  padding-bottom: 25px;
}
.cpgc .contact_wrap .contact_inner .contact_content p {
  font-size: 14px;
  line-height: 2;
}
.cpgc .contact_wrap .contact_inner .contact_content a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 65px;
  border: 1px solid #7B7B89;
  font-size: 18px;
  margin-top: 25px;
}
.cpgc .contact_wrap .contact_inner .contact_content a:after {
  content: "";
  position: absolute;
  display: inline-block;
  background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  right: 20px;
}
.cpgc .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 840px) {
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item {
    padding-left: 1.6vw;
  }
}
@media only screen and (max-width: 820px) {
  .cpgc #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .cpgc #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/cpgc/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .cpgc #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .cpgc #hero h1 {
    font-size: 8vw;
    line-height: 1.27;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  .cpgc #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  .cpgc section {
    margin-top: 16vw;
  }
  .cpgc section .inner_s .company_profile_wrap, .cpgc section .inner_s .main_base_wrap, .cpgc section .inner_s .associated_company_wrap, .cpgc section .inner_s .financial_statement_wrap {
    width: 100%;
  }
  .cpgc section .inner_s .company_profile_wrap h2, .cpgc section .inner_s .main_base_wrap h2, .cpgc section .inner_s .associated_company_wrap h2, .cpgc section .inner_s .financial_statement_wrap h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: left;
    padding-bottom: 1.2em;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap, .cpgc section .inner_s .main_base_wrap .flex_wrap, .cpgc section .inner_s .associated_company_wrap .flex_wrap, .cpgc section .inner_s .financial_statement_wrap .flex_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 1.2em;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item {
    width: 100%;
    padding-left: 0;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item:last-child, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item:last-child, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item:last-child, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item:last-child {
    padding-left: 0;
    width: 100%;
    min-width: 100%;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item h3, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item h3, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item h3, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item h3 {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl {
    margin-top: 0;
    font-size: 3.47vw;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl .list_item, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl .list_item {
    display: flex;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl .list_item dt, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item dt, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item dt, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl .list_item dt {
    width: 24vw;
    font-size: 3.47vw;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl .list_item + .list_item, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item + .list_item, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item + .list_item, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl .list_item + .list_item {
    margin-top: 0.6em;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item > dl + dl, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl + dl, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl + dl, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item > dl + dl {
    margin-top: 1.5em;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap .flex_wrap_item + .flex_wrap_item, .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item + .flex_wrap_item, .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item + .flex_wrap_item, .cpgc section .inner_s .financial_statement_wrap .flex_wrap .flex_wrap_item + .flex_wrap_item {
    margin-top: 0.8em;
  }
  .cpgc section .inner_s .company_profile_wrap .flex_wrap + .flex_wrap, .cpgc section .inner_s .main_base_wrap .flex_wrap + .flex_wrap, .cpgc section .inner_s .associated_company_wrap .flex_wrap + .flex_wrap, .cpgc section .inner_s .financial_statement_wrap .flex_wrap + .flex_wrap {
    margin-top: 8vw;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap, .cpgc section .inner_s .main_base_wrap .map_wrap, .cpgc section .inner_s .associated_company_wrap .map_wrap, .cpgc section .inner_s .financial_statement_wrap .map_wrap {
    margin-top: 1.6em;
    margin-bottom: 27vw;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap img, .cpgc section .inner_s .main_base_wrap .map_wrap img, .cpgc section .inner_s .associated_company_wrap .map_wrap img, .cpgc section .inner_s .financial_statement_wrap .map_wrap img {
    position: relative;
    left: -5.33vw;
    width: 95.47vw;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base, .cpgc section .inner_s .main_base_wrap .map_wrap .base, .cpgc section .inner_s .associated_company_wrap .map_wrap .base, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base {
    width: 75vw;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_01, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_01, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_01, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_01 {
    top: 13%;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_02, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_02, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_02, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_02 {
    top: -0.9%;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_03, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_03, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_03, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_03 {
    top: 99.1%;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_04, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_04, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_04, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_04 {
    top: 84.7%;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_05, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_05, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_05, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_05 {
    top: 91.9%;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_06, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_06, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_06, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_06 {
    top: 60.8%;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base.base_07, .cpgc section .inner_s .main_base_wrap .map_wrap .base.base_07, .cpgc section .inner_s .associated_company_wrap .map_wrap .base.base_07, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base.base_07 {
    top: 70.7%;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base p, .cpgc section .inner_s .main_base_wrap .map_wrap .base p, .cpgc section .inner_s .associated_company_wrap .map_wrap .base p, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base p {
    font-size: 3.73vw;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base dl, .cpgc section .inner_s .main_base_wrap .map_wrap .base dl, .cpgc section .inner_s .associated_company_wrap .map_wrap .base dl, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base dl {
    font-size: 3.2vw;
    margin: 0.7em 0 0 1.5em;
    letter-spacing: 0.03em;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base dl dt, .cpgc section .inner_s .main_base_wrap .map_wrap .base dl dt, .cpgc section .inner_s .associated_company_wrap .map_wrap .base dl dt, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base dl dt {
    display: inline-block;
    vertical-align: top;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base dl dd, .cpgc section .inner_s .main_base_wrap .map_wrap .base dl dd, .cpgc section .inner_s .associated_company_wrap .map_wrap .base dl dd, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base dl dd {
    display: inline-block;
    margin-left: 0.5em;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base dl + dl, .cpgc section .inner_s .main_base_wrap .map_wrap .base dl + dl, .cpgc section .inner_s .associated_company_wrap .map_wrap .base dl + dl, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base dl + dl {
    margin-top: 0.3em;
  }
  .cpgc section .inner_s .company_profile_wrap .map_wrap .base a, .cpgc section .inner_s .main_base_wrap .map_wrap .base a, .cpgc section .inner_s .associated_company_wrap .map_wrap .base a, .cpgc section .inner_s .financial_statement_wrap .map_wrap .base a {
    cursor: pointer;
    text-decoration: underline;
  }
  .cpgc section .inner_s .main_base_wrap .flex_wrap {
    justify-content: space-around;
  }
  .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item dt {
    width: 3.5em;
  }
  .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item dd a {
    margin: 0 0 0 1.1em;
    font-size: 2.93vw;
    padding: 0.1em 0.8em 0.05em;
  }
  .cpgc section .inner_s .main_base_wrap .flex_wrap .flex_wrap_item > dl .list_item dd p {
    margin: 0.5em 0 0 -3.6em;
    font-size: 2.93vw;
    line-height: 1.67;
  }
  .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item dt {
    width: 21.33vw;
  }
  .cpgc section .inner_s .associated_company_wrap .flex_wrap .flex_wrap_item > dl .list_item dd a {
    text-decoration: underline;
    margin-right: 0;
  }
  /* .cpgc section .inner_s .associated_company_wrap .flex_wrap:last-child {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  } */
  /* .cpgc section .inner_s .associated_company_wrap .flex_wrap:last-child .flex_wrap_item {
    width: 12em;
  } */
  .cpgc section .inner_s .associated_company_wrap .flex_wrap > a {
    margin-right: 0;
    font-size: 3.47vw;
    width: auto;
  }
  .cpgc section .inner_s .financial_statement_wrap ul li {
    border-bottom: 1px solid #767676;
  }
  .cpgc section .inner_s .financial_statement_wrap ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 13.33vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    padding: 0 2.67vw 0 12.27vw;
    font-size: 3.47vw;
  }
  .cpgc section .inner_s .financial_statement_wrap ul li a span {
    font-size: 3.47vw;
  }
  .cpgc section .inner_s .financial_statement_wrap ul li a:before {
    content: "";
    position: absolute;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_pdf.svg) 50% 50% no-repeat;
    background-size: 6.93vw 6.93vw;
    width: 6.93vw;
    height: 6.93vw;
    margin-left: -9.6vw;
  }
  .cpgc .bnr_wrap {
    padding-bottom: 0;
    margin-top: 16vw;
  }
  .cpgc .bnr_wrap a {
    display: flex;
    flex-wrap: wrap;
  }
  .cpgc .bnr_wrap a img {
    width: 100%;
    min-width: 100%;
  }
  .cpgc .bnr_wrap a p {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    position: relative;
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    width: 100%;
    max-width: 100%;
    height: 16vw;
    background: #42424B;
    padding: 0 4vw;
  }
  .cpgc .bnr_wrap a p:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
    background-size: 9.33vw 9.33vw;
    width: 9.33vw;
    height: 9.33vw;
    margin-top: 0;
    right: 4vw;
  }
  .cpgc .contact_wrap {
    padding-bottom: 16vw;
    margin-top: 10.67vw;
  }
  .cpgc .contact_wrap .contact_inner {
    background: #42424B;
    padding: 8vw 6.67vw;
  }
  .cpgc .contact_wrap .contact_inner .contact_content {
    width: 100%;
    margin: auto;
  }
  .cpgc .contact_wrap .contact_inner .contact_content h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: center;
    padding-bottom: 5.33vw;
  }
  .cpgc .contact_wrap .contact_inner .contact_content p {
    font-size: 3.47vw;
    line-height: 2;
  }
  .cpgc .contact_wrap .contact_inner .contact_content a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    height: 18.67vw;
    border: 1px solid #7B7B89;
    font-size: 3.73vw;
    margin-top: 5.33vw;
    line-height: 1.71;
    padding: 0 0 0 5.33vw;
  }
  .cpgc .contact_wrap .contact_inner .contact_content a:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
    background-size: 9.33vw 9.33vw;
    width: 9.33vw;
    height: 9.33vw;
    right: 4vw;
  }
  .cpgc .induction_area {
    padding-bottom: 16vw;
  }
}
/*
Overseas Offices
*/
.overseas #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/overseas/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.overseas #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.overseas #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.overseas #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
.overseas section {
  margin-top: 100px;
}
.overseas section .inner img {
  width: 100%;
}
.overseas section .inner_s .list_wrap {
  display: flex;
  margin-top: 60px;
}
.overseas section .inner_s .list_wrap h2 {
  font-size: 20px;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
  width: 180px;
}
.overseas section .inner_s .list_wrap ul {
  margin-top: -1em;
}
.overseas section .inner_s .list_wrap ul li {
  line-height: 2;
  font-size: 16px;
  margin-top: 0.1em;
}
.overseas section .inner_s .list_wrap + .list_wrap {
  margin-top: 50px;
}

@media only screen and (max-width: 820px) {
  .overseas #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .overseas #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/overseas/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .overseas #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .overseas #hero h1 {
    font-size: 8vw;
    line-height: 1.27;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  .overseas #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  .overseas section {
    margin-top: 10.67vw;
  }
  .overseas section .inner img {
    width: 100%;
  }
  .overseas section .inner_s .list_wrap {
    display: block;
    margin-top: 13.33vw;
  }
  .overseas section .inner_s .list_wrap h2 {
    font-size: 5.33vw;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
    width: 100%;
  }
  .overseas section .inner_s .list_wrap ul {
    margin-top: 5.33vw;
  }
  .overseas section .inner_s .list_wrap ul li {
    line-height: 2.14;
    font-size: 3.47vw;
    margin-top: 0;
  }
  .overseas section .inner_s .list_wrap + .list_wrap {
    margin-top: 16vw;
  }
  .overseas#wrap .inner_s {
    padding: 0 5.33vw;
  }
}
/*
Member
*/
.member #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/member/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.member #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.member #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.member #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
.member section {
  margin-top: 100px;
}
.member section:last-of-type {
  padding-bottom: 50px;
}
.member section .inner h2 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
}
.member section .inner .list_wrap {
  margin-top: 100px;
}
.member section .inner .list_wrap ul {
  display: flex;
  flex-wrap: wrap;
}
.member section .inner .list_wrap ul li {
  width: 200px;
  margin-left: 50px;
  margin-bottom: 50px;
}
.member section .inner .list_wrap ul li img {
  width: 100%;
}
.member section .inner .list_wrap ul li p {
  line-height: 1.7;
  font-size: 20px;
}
.member section .inner .list_wrap ul li p span {
  display: block;
  font-size: 13px;
  margin-top: 1em;
}
.member section .inner .list_wrap ul li p small {
  display: block;
  font-size: 12px;
  margin-top: 0.5em;
}
.member section .inner .list_wrap ul li p small a {
  text-decoration: underline;
}
.member section .inner .list_wrap ul li:nth-child(5n+1) {
  margin-left: 0;
}
.member .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 1239px) {
  #wrap.member section .inner .list_wrap ul li:nth-child(5n+1) {
    margin-left: 50px;
  }
  #wrap.member section .inner .list_wrap ul li:nth-child(4n+1) {
    margin-left: 0;
  }

  #wrap.member .inner {
    max-width: 990px;
  }

  #wrap.member .induction_area .inner {
    margin: 0;
    max-width: 1240px;
  }

  #wrap.member .breadcrumb .inner {
    margin: 0;
    max-width: 1240px;
  }

  #wrap.member .footer_nav .inner {
    margin: 0;
    max-width: 1240px;
  }
}
@media only screen and (max-width: 989px) {
  #wrap.member section .inner .list_wrap ul li:nth-child(5n+1) {
    margin-left: 50px;
  }
  #wrap.member section .inner .list_wrap ul li:nth-child(4n+1) {
    margin-left: 50px;
  }
  #wrap.member section .inner .list_wrap ul li:nth-child(3n+1) {
    margin-left: 0;
  }

  #wrap.member .inner {
    max-width: 740px;
  }
}
@media only screen and (max-width: 820px) {
  .member #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .member #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/member/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .member #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .member #hero h1 {
    font-size: 8vw;
    line-height: 1.27;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  .member #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  .member section {
    margin-top: 13.33vw;
  }
  .member section:last-of-type {
    padding-bottom: 16vw;
  }
  .member section .inner h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: left;
  }
  .member section .inner .list_wrap {
    margin-top: 13.33vw;
  }
  .member section .inner .list_wrap ul {
    display: block;
  }
  .member section .inner .list_wrap ul li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    margin-bottom: 8vw;
  }
  .member section .inner .list_wrap ul li img {
    width: 32vw;
  }
  .member section .inner .list_wrap ul li p {
    line-height: 1.7;
    font-size: 5.33vw;
    width: 53.33vw;
  }
  .member section .inner .list_wrap ul li p span {
    display: block;
    font-size: 3.2vw;
    margin-top: 0;
  }
  .member section .inner .list_wrap ul li p small {
    display: block;
    font-size: 3.2vw;
    margin-top: 0.5em;
  }
  .member section .inner .list_wrap ul li:nth-child(5n+1) {
    margin-left: 0;
  }
  .member section .inner .list_wrap ul:last-child li:last-child {
    margin: 8vw 0 0;
  }
  .member .induction_area {
    padding-bottom: 16vw;
  }

  #wrap.member section .inner .list_wrap ul li:nth-child(5n+1) {
    margin-left: 0;
  }
  #wrap.member section .inner .list_wrap ul li:nth-child(4n+1) {
    margin-left: 0;
  }
  #wrap.member section .inner .list_wrap ul li:nth-child(3n+1) {
    margin-left: 0;
  }

  #wrap.member .inner {
    max-width: 100%;
  }
}
/*
Honda R&D President’s Award
*/
#wrap.award #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/award/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.award #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
#wrap.award #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
  color: #000;
}
#wrap.award #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
#wrap.award section {
  padding-bottom: 110px;
}
#wrap.award section#award {
  padding-bottom: 50px;
}
#wrap.award section .award_bnr {
  margin-top: 30px;
}
#wrap.award section:first-of-type {
  padding-top: 90px;
  padding-bottom: 90px;
  margin: 0;
}
#wrap.award section:last-of-type {
  padding-bottom: 100px;
}
#wrap.award #about {
  background: url(/en/RandD/assets/img/award/about_bg.png) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.award section h2.large-head {
    font-weight: 800;
  font-family: "Noto Serif", serif;
    font-size: 50px;
  text-align: center;
  line-height: 1;
  margin-bottom: 40px;
  word-break: break-word;
}
#wrap.award section h2.result-head {
    font-size: 26px;
    line-height: 1.69;
    padding: 1em 0;
    margin-top: 50px;
    border-top: 1px solid #e8ba5d;
    border-bottom: 1px solid #e8ba5d;
    text-align: center;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
#wrap.award section h2.retrospective-year {
font-size: 32px;
line-height: 1em;
  font-family: "Noto Serif", serif;
  font-weight: 700;
}
#wrap.award section .section_intro h2 {
  font-size: 26px;
  text-align: left;
  line-height: 1.69;
}
#wrap.award section p.year {
  font-size: 40px;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
  margin-top: 70px;
  text-align: center;
}
#wrap.award section p.year img {
width: 260px;
max-width: 100%;
}
#wrap.award section .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 50px;
}
#wrap.award section .item_wrap .item {
  width: 100%;
  background: #42424B;
}
#wrap.award section .item_wrap.retrospective-box .item {
flex: 0 0 48.38%;
}
#wrap.award section .item_wrap .item > figure {
  width: 100%;
  flex-shrink: 0;
}
#wrap.award section .item_wrap .item > figure img {
  width: 100%;
}
#wrap.award section .item_wrap .item > figure figcaption {
  max-width: 840px;
  margin: 0.8em auto 0;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.64;
  font-size: 11px;
}
#wrap.award section .item_wrap .item .item_content {
  padding: 20px 0 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}
#wrap.award section .item_wrap .item .item_content .item_intro h3 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 1.7;
}
#wrap.award section .item_wrap .item .item_content .item_intro p {
  font-size: 14px;
  line-height: 2;
  margin-top: 1.5em;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail {
  display: block;
  width: 48.38%;
  max-width: 387px;
  position: relative;
  margin-top: 30px;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 43px 43px;
  width: 43px;
  height: 43px;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
  display: none;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
  display: block;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
  display: none;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail.full {
  width: 100%;
  max-width: 1000px;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal img {
  width: 100%;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal:after {
  content: "";
  position: absolute;
  bottom: 1px;
  right: 1px;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_zoom.svg) 50% 50% no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.btn_modal_img:before {
  display: none;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
  display: block;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
  display: none;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
  width: 100%;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail h4 {
  font-size: 16px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  padding: 1.2em 0 0.8em;
  line-height: 1.5;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
  font-size: 14px;
  line-height: 2;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
  width: 31.25%;
  max-width: 250px;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap a.natural {
  font-size: 12px;
  text-decoration: underline;
  line-height: 1.67;
  margin: 2.5em auto 0;
}
#wrap.award section .item_wrap .item .item_content .item_detail_wrap a.natural:before {
  display: none;
}
#wrap.award .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
  #wrap.award #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.award #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/award/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.award #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  #wrap.award #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  #wrap.award #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  #wrap.award section {
    margin-top: 16vw;
    padding-bottom: 21.33vw;
  }
  #wrap.award section:first-of-type {
    margin-top: 13.33vw;
  }
  #wrap.award section:last-of-type {
    padding-bottom: 16vw;
  }
  
#wrap.award section h2.large-head {
    font-size: 8vw;
    margin-bottom: 30px;
}
#wrap.award section h2.result-head {
    font-size: 5vw;
}
#wrap.award section h2.retrospective-year {
font-size: 6vw;
}
  #wrap.award section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: justify;
    line-height: 1.5;
  }
  #wrap.award section p.year {
    font-size: 7.47vw;
    margin-top: 16vw;
    text-align: center;
  }
  #wrap.award section .item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8vw;
  }
  #wrap.award section .item_wrap .item {
    width: 100%;
    max-width: 100%;
    background: #42424B;
    margin-bottom: 10.67vw;
    display: flex;
    flex-direction: column;
  }
  #wrap.award section .item_wrap.retrospective-box .item {
    flex: 0 0 100%;
}
  #wrap.award section .item_wrap .item:last-child {
    margin-bottom: 0;
  }
  #wrap.award section .item_wrap .item > figure figcaption {
    max-width: none;
    padding-left: 5.33vw;
    padding-right: 5.33vw;
    margin: 1em auto 0;
    font-size: 2.93vw;
  }
  #wrap.award section .item_wrap .item .item_content {
    padding: 6.67vw 0 10.67vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  #wrap.award section .item_wrap .item .item_content .item_intro h3 {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    line-height: 1.7;
  }
  #wrap.award section .item_wrap .item .item_content .item_intro p {
    font-size: 3.47vw;
    line-height: 2;
    margin-top: 1em;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0;
    width: 100%;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail {
    width: 100%;
    max-width: 100%;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
    display: block;
    width: 100%;
    position: relative;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
    display: none;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
    display: none;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
    display: block;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail.full {
    max-width: 100%;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
    width: 100%;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
    margin-top: 8vw;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag {
    display: flex;
    justify-content: flex-start;
    height: 6.13vw;
    margin-top: 0.8em;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span {
    display: flex;
    align-items: center;
    background: #fff;
    font-size: 3.2vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    color: #000;
    height: 6.13vw;
    padding: 0 1.6em 0 0.8em;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span:last-child {
    display: flex;
    align-items: center;
    background: #000;
    height: 100%;
    font-size: 3.73vw;
    color: #fff;
    border-radius: 3.07vw;
    padding: 0 0.8em;
    margin-left: -0.6em;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail h4 {
    font-size: 3.73vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    padding: 1.4em 0 0.8em;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
    font-size: 3.47vw;
    line-height: 1.83;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
    width: 100%;
    max-width: 100%;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap a.natural {
    font-size: 3.2vw;
    text-decoration: underline;
    line-height: 1.83;
    margin-top: 1em;
  }
  #wrap.award section .item_wrap .item .item_content .item_detail_wrap a.natural:before {
    display: none;
  }
  #wrap.award .induction_area {
    padding-bottom: 16vw;
  }
}
/*
Innovative Research Excellence
*/
#wrap.hgrx #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/hgrx/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.hgrx #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
#wrap.hgrx #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
#wrap.hgrx #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
#wrap.hgrx section {
  padding-bottom: 110px;
}
#wrap.hgrx section:first-of-type {
  margin-top: 90px;
  padding-bottom: 60px;
}
#wrap.hgrx section:last-of-type {
  padding-bottom: 100px;
}
#wrap.hgrx section .section_intro h2 {
  font-size: 26px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 1.69;
}
#wrap.hgrx section .bnr_wrap {
  margin-top: 70px;
}
#wrap.hgrx section .bnr_wrap a {
  display: block;
}
#wrap.hgrx section .bnr_wrap a img {
  width: 100%;
}
#wrap.hgrx section .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 100px;
}
#wrap.hgrx section .item_wrap .item {
  width: 48.33%;
  max-width: 580px;
  background: #42424B;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
#wrap.hgrx section .item_wrap .item > img {
  width: 100%;
  flex-shrink: 0;
}
#wrap.hgrx section .item_wrap .item .item_content {
  padding: 30px 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}
#wrap.hgrx section .item_wrap .item .item_content .item_intro h3 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 1.7;
}
#wrap.hgrx section .item_wrap .item .item_content .item_intro p {
  font-size: 14px;
  line-height: 2;
  margin-top: 1em;
}
#wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.5em;
  width: 100%;
  align-items: flex-start;
}
#wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail {
  width: 31.31%;
  max-width: 170px;
  align-self: flex-end;
}
#wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 43px 43px;
  width: 43px;
  height: 43px;
}
#wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
  display: none;
}
#wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
  display: block;
}
#wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
  display: none;
}
#wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
  width: 100%;
}
#wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
  margin-left: 3.04%;
}
#wrap.hgrx .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
  #wrap.hgrx #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.hgrx #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/hgrx/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.hgrx #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  #wrap.hgrx #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  #wrap.hgrx #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  #wrap.hgrx section {
    margin-top: 16vw;
  }
  #wrap.hgrx section:first-of-type {
    margin-top: 13.33vw;
  }
  #wrap.hgrx section:last-of-type {
    padding-bottom: 16vw;
    margin-top: 0;
  }
  #wrap.hgrx section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: justify;
    line-height: 2;
  }
  #wrap.hgrx section .bnr_wrap {
    margin-top: 15.33vw;
  }
  #wrap.hgrx section .item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 16vw;
  }
  #wrap.hgrx section .item_wrap .item {
    width: 100%;
    max-width: 100%;
    background: #42424B;
    margin-bottom: 10.67vw;
    display: flex;
    flex-direction: column;
  }
  #wrap.hgrx section .item_wrap .item:last-child {
    margin-bottom: 0;
  }
  #wrap.hgrx section .item_wrap .item > img {
    width: 100%;
  }
  #wrap.hgrx section .item_wrap .item .item_content {
    padding: 6.67vw 4vw 10.67vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_intro h3 {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    line-height: 1.7;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_intro p {
    font-size: 3.47vw;
    line-height: 2;
    margin-top: 1em;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 9.33vw;
    width: 100%;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail {
    width: 100%;
    max-width: 100%;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
    display: block;
    width: 100%;
    position: relative;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
    display: none;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
    display: none;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
    display: block;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
    width: 100%;
  }
  #wrap.hgrx section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
    margin-left: 0;
    margin-top: 5.33vw;
  }
  #wrap.hgrx .induction_area {
    padding-bottom: 16vw;
  }
}
/*
Innovative Research Excellence, Power Unit & Energy
*/
#wrap.hgpu #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/hgpu/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.hgpu #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
#wrap.hgpu #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
#wrap.hgpu #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
#wrap.hgpu section {
  padding-bottom: 110px;
}
#wrap.hgpu section:first-of-type {
  margin-top: 90px;
  padding-bottom: 60px;
}
#wrap.hgpu section:last-of-type {
  padding-bottom: 100px;
}
#wrap.hgpu section .section_intro h2 {
  font-size: 26px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 1.69;
  /*letter-spacing: -.05em;*/
}
#wrap.hgpu section .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 70px;
}
#wrap.hgpu section .item_wrap .item {
  width: 100%;
  background: #42424B;
  margin-bottom: 40px;
}
#wrap.hgpu section .item_wrap .item a.btn_modal {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.hgpu section .item_wrap .item a.btn_modal img {
  width: 100%;
}
#wrap.hgpu section .item_wrap .item a.btn_modal:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 93px 93px;
  width: 93px;
  height: 93px;
}
#wrap.hgpu section .item_wrap .item a.btn_modal:after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 1px;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_zoom.svg) 50% 50% no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
}
#wrap.hgpu section .item_wrap .item a.btn_modal.btn_modal_img:before {
  display: none;
}
#wrap.hgpu section .item_wrap .item a.btn_modal.pc {
  display: block;
}
#wrap.hgpu section .item_wrap .item a.btn_modal.sp {
  display: none;
}
#wrap.hgpu section .item_wrap .item .item_content {
  padding: 50px 0 65px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}
#wrap.hgpu section .item_wrap .item .item_content .item_intro h3 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 1.7;
}
#wrap.hgpu section .item_wrap .item .item_content .item_intro p {
  font-size: 14px;
  line-height: 2;
  margin-top: 1.5em;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4 {
  font-size: 18px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  width: 100%;
  position: relative;
  padding-left: 60px;
  margin-bottom: 1em;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_electric {
  color: #FCC165;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_electric:before {
  background: url(/en/RandD/assets/img/hgpu/icon_title01.png) 50% 50% no-repeat;
  background-size: 50px 17px;
  width: 50px;
  height: 17px;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_hydrogen {
  color: #65B5FF;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_hydrogen:before {
  background: url(/en/RandD/assets/img/hgpu/icon_title02.png) 50% 50% no-repeat;
  background-size: 50px 17px;
  width: 50px;
  height: 17px;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_carbon {
  color: #64C61E;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_carbon:before {
  background: url(/en/RandD/assets/img/hgpu/icon_title03.png) 50% 50% no-repeat;
  background-size: 50px 17px;
  width: 50px;
  height: 17px;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail {
  display: block;
  width: 48.38%;
  max-width: 387px;
  position: relative;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 43px 43px;
  width: 43px;
  height: 43px;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
  display: none;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
  width: 100%;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag {
  display: flex;
  justify-content: flex-start;
  height: 23px;
  margin-top: 0.8em;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span {
  display: flex;
  align-items: center;
  background: #fff;
  font-size: 12px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  color: #000;
  height: 23px;
  padding: 0 1.6em 0 0.8em;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span:last-child {
  display: flex;
  align-items: center;
  background: #000;
  height: 100%;
  font-size: 14px;
  color: #fff;
  border-radius: 13px;
  padding: 0 0.8em;
  margin-left: -0.6em;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail h5 {
  font-size: 16px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  padding: 1.2em 0 0.8em;
  line-height: 1.5;
}
#wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
  font-size: 14px;
  line-height: 2;
}
#wrap.hgpu .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
  #wrap.hgpu #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.hgpu #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/hgpu/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.hgpu #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  #wrap.hgpu #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  #wrap.hgpu #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  #wrap.hgpu section {
    margin-top: 16vw;
    padding-bottom: 21.33vw;
  }
  #wrap.hgpu section:first-of-type {
    margin-top: 13.33vw;
  }
  #wrap.hgpu section:last-of-type {
    padding-bottom: 16vw;
    margin-top: 0;
  }
  #wrap.hgpu section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: justify;
    line-height: 2;
  }
  #wrap.hgpu section .item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 16vw;
  }
  #wrap.hgpu section .item_wrap .item {
    width: 100%;
    max-width: 100%;
    background: #42424B;
    margin-bottom: 10.67vw;
    display: flex;
    flex-direction: column;
  }
  #wrap.hgpu section .item_wrap .item:last-child {
    margin-bottom: 0;
  }
  #wrap.hgpu section .item_wrap .item a.btn_modal {
    display: block;
    width: 100%;
    position: relative;
  }
  #wrap.hgpu section .item_wrap .item a.btn_modal img {
    width: 100%;
  }
  #wrap.hgpu section .item_wrap .item a.btn_modal:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  #wrap.hgpu section .item_wrap .item a.btn_modal:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 1px;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_zoom.svg) 50% 50% no-repeat;
    background-size: 5.33vw 5.33vw;
    width: 5.33vw;
    height: 5.33vw;
  }
  #wrap.hgpu section .item_wrap .item a.btn_modal.pc {
    display: none;
  }
  #wrap.hgpu section .item_wrap .item a.btn_modal.sp {
    display: block;
  }
  #wrap.hgpu section .item_wrap .item .item_content {
    padding: 6.67vw 0 10.67vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_intro h3 {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    line-height: 1.7;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_intro p {
    font-size: 3.47vw;
    line-height: 2;
    margin-top: 1em;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 13.33vw;
    width: 100%;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4 {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    width: 100%;
    position: relative;
    padding-left: 16vw;
    margin-bottom: 1em;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_electric {
    color: #FCC165;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_electric:before {
    background: url(/en/RandD/assets/img/hgpu/icon_title01.png) 50% 50% no-repeat;
    background-size: 13.33vw 4.53vw;
    width: 13.33vw;
    height: 4.53vw;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_hydrogen {
    color: #65B5FF;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_hydrogen:before {
    background: url(/en/RandD/assets/img/hgpu/icon_title02.png) 50% 50% no-repeat;
    background-size: 13.33vw 4.53vw;
    width: 13.33vw;
    height: 4.53vw;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_carbon {
    color: #64C61E;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap h4.title_carbon:before {
    background: url(/en/RandD/assets/img/hgpu/icon_title03.png) 50% 50% no-repeat;
    background-size: 13.33vw 4.53vw;
    width: 13.33vw;
    height: 4.53vw;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail {
    width: 100%;
    max-width: 100%;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
    display: block;
    width: 100%;
    position: relative;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
    display: none;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
    width: 100%;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
    margin-top: 8vw;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag {
    display: flex;
    justify-content: flex-start;
    height: 6.13vw;
    margin-top: 0.8em;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span {
    display: flex;
    align-items: center;
    background: #fff;
    font-size: 3.2vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    color: #000;
    height: 6.13vw;
    padding: 0 1.6em 0 0.8em;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span:last-child {
    display: flex;
    align-items: center;
    background: #000;
    height: 100%;
    font-size: 3.73vw;
    color: #fff;
    border-radius: 3.07vw;
    padding: 0 0.8em;
    margin-left: -0.6em;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail h5 {
    font-size: 3.73vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    padding: 1.4em 0 0.8em;
  }
  #wrap.hgpu section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
    font-size: 3.47vw;
    line-height: 1.83;
  }
  #wrap.hgpu .induction_area {
    padding-bottom: 16vw;
  }
}
/*
Solution System Development Center
*/
#wrap.hgsc #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/hgsc/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  position: relative;
}
#wrap.hgsc #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
#wrap.hgsc #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
#wrap.hgsc #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
#wrap.hgsc #hero p {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  width: 100%;
  text-align: center;
  color: #000;
  font-weight: 600;
  padding: 1em;
  font-size: 26px;
}
#wrap.hgsc section {
  padding-bottom: 110px;
}
#wrap.hgsc section:first-of-type {
  margin-top: 90px;
  padding-bottom: 60px;
}
#wrap.hgsc section:last-of-type {
  padding-bottom: 100px;
}
#wrap.hgsc section .section_intro h2 {
  font-size: 26px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 1.69;
}
#wrap.hgsc section .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 70px;
}
#wrap.hgsc section .item_wrap .item {
  width: 100%;
  background: #42424B;
  margin-bottom: 40px;
}
#wrap.hgsc section .item_wrap .item > img {
  width: 100%;
  flex-shrink: 0;
}
#wrap.hgsc section .item_wrap .item .item_content {
  padding: 50px 0 65px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}
#wrap.hgsc section .item_wrap .item .item_content .item_intro h3 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 1.7;
}
#wrap.hgsc section .item_wrap .item .item_content .item_intro p {
  font-size: 14px;
  line-height: 2;
  margin-top: 1.5em;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail {
  display: block;
  width: 48.38%;
  max-width: 387px;
  position: relative;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 43px 43px;
  width: 43px;
  height: 43px;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
  display: none;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural {
  font-size: 12px;
  text-decoration: underline;
  line-height: 1.67;
  margin-top: 1em;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural:before {
  display: none;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
  display: block;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
  display: none;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
  width: 100%;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail h4 {
  font-size: 16px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  padding: 1.2em 0 0.8em;
  line-height: 1.5;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
  font-size: 14px;
  line-height: 2;
}
#wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
  width: 31.25%;
  max-width: 250px;
}
#wrap.hgsc .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
  #wrap.hgsc #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.hgsc #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/hgsc/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.hgsc #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  #wrap.hgsc #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  #wrap.hgsc #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  #wrap.hgsc #hero p {
    font-size: 4.8vw;
  }
  #wrap.hgsc section {
    margin-top: 16vw;
    padding-bottom: 21.33vw;
  }
  #wrap.hgsc section:first-of-type {
    margin-top: 13.33vw;
  }
  #wrap.hgsc section:last-of-type {
    padding-bottom: 16vw;
    margin-top: 0;
  }
  #wrap.hgsc section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: justify;
    line-height: 2;
  }
  #wrap.hgsc section .item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8vw;
  }
  #wrap.hgsc section .item_wrap .item {
    width: 100%;
    max-width: 100%;
    background: #42424B;
    margin-bottom: 10.67vw;
    display: flex;
    flex-direction: column;
  }
  #wrap.hgsc section .item_wrap .item:last-child {
    margin-bottom: 0;
  }
  #wrap.hgsc section .item_wrap .item > img {
    width: 100%;
  }
  #wrap.hgsc section .item_wrap .item .item_content {
    padding: 6.67vw 0 10.67vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_intro h3 {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    line-height: 1.7;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_intro p {
    font-size: 3.47vw;
    line-height: 2;
    margin-top: 1em;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 8vw;
    width: 100%;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail {
    width: 100%;
    max-width: 100%;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
    display: block;
    width: 100%;
    position: relative;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
    display: none;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural {
    font-size: 3.2vw;
    text-decoration: underline;
    line-height: 1.83;
    margin-top: 1em;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural:before {
    display: none;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
    display: none;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
    display: block;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
    width: 100%;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
    margin-top: 8vw;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag {
    display: flex;
    justify-content: flex-start;
    height: 6.13vw;
    margin-top: 0.8em;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span {
    display: flex;
    align-items: center;
    background: #fff;
    font-size: 3.2vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    color: #000;
    height: 6.13vw;
    padding: 0 1.6em 0 0.8em;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span:last-child {
    display: flex;
    align-items: center;
    background: #000;
    height: 100%;
    font-size: 3.73vw;
    color: #fff;
    border-radius: 3.07vw;
    padding: 0 0.8em;
    margin-left: -0.6em;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail h4 {
    font-size: 3.73vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    padding: 1.4em 0 0.8em;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
    font-size: 3.47vw;
    line-height: 1.83;
  }
  #wrap.hgsc section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
    width: 100%;
    max-width: 100%;
  }
  #wrap.hgsc .induction_area {
    padding-bottom: 16vw;
  }
}
/*
Design Center
*/
#wrap.hgdc #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/hgdc/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.hgdc #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
#wrap.hgdc #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
#wrap.hgdc #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
#wrap.hgdc section {
  padding-bottom: 150px;
}
#wrap.hgdc section:first-of-type {
  margin-top: 90px;
  padding-bottom: 60px;
}
#wrap.hgdc section:last-of-type {
  padding-bottom: 100px;
}
#wrap.hgdc section .section_intro h2 {
  font-size: 26px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 1.69;
}
#wrap.hgdc section .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 50px;
}
#wrap.hgdc section .item_wrap:first-child {
  margin-top: 80px;
}
#wrap.hgdc section .item_wrap .item {
  width: 100%;
  background: #42424B;
  margin-bottom: 0;
}
#wrap.hgdc section .item_wrap .item > img {
  width: 100%;
  flex-shrink: 0;
}
#wrap.hgdc section .item_wrap .item .item_content {
  padding: 50px 0 65px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#wrap.hgdc section .item_wrap .item .item_content .item_intro h3 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 1.7;
}
#wrap.hgdc section .item_wrap .item .item_content .item_intro p {
  font-size: 14px;
  line-height: 2;
  margin-top: 1.5em;
}
#wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  width: 100%;
  flex-wrap: wrap;
}
#wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail {
  display: block;
  width: 48.38%;
  max-width: 387px;
  position: relative;
}
#wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 43px 43px;
  width: 43px;
  height: 43px;
}
#wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
  display: none;
}
#wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
  width: 100%;
}
#wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail h4 {
  font-size: 16px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  padding: 1.2em 0 0.8em;
  line-height: 1.5;
}
#wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
  font-size: 14px;
  line-height: 2;
}
#wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
  width: 31.25%;
  max-width: 250px;
}
#wrap.hgdc section .item_wrap .item .item_content > img {
  margin-top: 30px;
  width: 100%;
  flex-shrink: 0;
}
#wrap.hgdc section .item_wrap .item .item_content a.btn_modal {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: 30px;
}
#wrap.hgdc section .item_wrap .item .item_content a.btn_modal img {
  width: 100%;
}
#wrap.hgdc section .item_wrap .item .item_content a.btn_modal:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 93px 93px;
  width: 93px;
  height: 93px;
}
#wrap.hgdc section .item_wrap .item .item_content a.btn_modal:after {
  content: "";
  position: absolute;
  bottom: 1px;
  right: 1px;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_zoom.svg) 50% 50% no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
}
#wrap.hgdc section .item_wrap .item .item_content a.btn_modal.btn_modal_img:before {
  display: none;
}
#wrap.hgdc section .item_wrap .item .item_content a.btn_modal.pc {
  display: block;
}
#wrap.hgdc section .item_wrap .item .item_content a.btn_modal.sp {
  display: none;
}
#wrap.hgdc section picture img {
  width: 100%;
  margin-top: 80px;
}
#wrap.hgdc .bnr_wrap {
  padding-bottom: 100px;
}
#wrap.hgdc .bnr_wrap a {
  display: block;
}
#wrap.hgdc .bnr_wrap a img {
  width: 100%;
}
#wrap.hgdc .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
  #wrap.hgdc #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.hgdc #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/hgdc/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.hgdc #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  #wrap.hgdc #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  #wrap.hgdc #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  #wrap.hgdc section {
    margin-top: 16vw;
    padding-bottom: 21.33vw;
  }
  #wrap.hgdc section:first-of-type {
    margin-top: 13.33vw;
  }
  #wrap.hgdc section:last-of-type {
    padding-bottom: 16vw;
    margin-top: 0;
  }
  #wrap.hgdc section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: justify;
    line-height: 2;
  }
  #wrap.hgdc section .item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8vw;
  }
  #wrap.hgdc section .item_wrap:first-child {
    margin-top: 13.33vw;
  }
  #wrap.hgdc section .item_wrap .item {
    width: 100%;
    max-width: 100%;
    background: #42424B;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }
  #wrap.hgdc section .item_wrap .item:last-child {
    margin-bottom: 0;
  }
  #wrap.hgdc section .item_wrap .item > img {
    width: 100%;
  }
  #wrap.hgdc section .item_wrap .item .item_content {
    padding: 6.67vw 0 10.67vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_intro h3 {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    line-height: 1.7;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_intro p {
    font-size: 3.47vw;
    line-height: 2;
    margin-top: 1em;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 8vw;
    width: 100%;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail {
    width: 100%;
    max-width: 100%;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
    display: block;
    width: 100%;
    position: relative;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
    display: none;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
    width: 100%;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
    margin-top: 8vw;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail h4 {
    font-size: 3.73vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    padding: 1.4em 0 0.8em;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
    font-size: 3.47vw;
    line-height: 1.83;
  }
  #wrap.hgdc section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
    width: 100%;
    max-width: 100%;
  }
  #wrap.hgdc section .item_wrap .item .item_content > img {
    margin-top: 8vw;
    width: 100%;
    flex-shrink: 0;
  }
  #wrap.hgdc section .item_wrap .item .item_content a.btn_modal {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 8vw;
  }
  #wrap.hgdc section .item_wrap .item .item_content a.btn_modal img {
    width: 100%;
  }
  #wrap.hgdc section .item_wrap .item .item_content a.btn_modal:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  #wrap.hgdc section .item_wrap .item .item_content a.btn_modal:after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: 1px;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_zoom.svg) 50% 50% no-repeat;
    background-size: 5.33vw 5.33vw;
    width: 5.33vw;
    height: 5.33vw;
  }
  #wrap.hgdc section .item_wrap .item .item_content a.btn_modal.pc {
    display: none;
  }
  #wrap.hgdc section .item_wrap .item .item_content a.btn_modal.sp {
    display: block;
  }
  #wrap.hgdc section picture img {
    width: 100%;
    margin-top: 16vw;
  }
  #wrap.hgdc .bnr_wrap {
    padding-bottom: 16vw;
  }
  #wrap.hgdc .bnr_wrap a {
    display: block;
  }
  #wrap.hgdc .bnr_wrap a img {
    width: 100%;
  }
  #wrap.hgdc .induction_area {
    padding-bottom: 16vw;
  }
}
/*
Material Research Center
*/
#wrap.hgmc #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/hgmc/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.hgmc #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
#wrap.hgmc #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
#wrap.hgmc #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
#wrap.hgmc section {
  padding-bottom: 110px;
}
#wrap.hgmc section:first-of-type {
  margin-top: 90px;
  padding-bottom: 60px;
}
#wrap.hgmc section:last-of-type {
  padding-bottom: 100px;
}
#wrap.hgmc section .section_intro h2 {
  font-size: 26px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 1.69;
}
#wrap.hgmc section .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 70px;
}
#wrap.hgmc section .item_wrap .item {
  width: 100%;
  background: #42424B;
  margin-bottom: 40px;
}
#wrap.hgmc section .item_wrap .item > img {
  width: 100%;
  flex-shrink: 0;
}
#wrap.hgmc section .item_wrap .item .item_content {
  padding: 50px 0 65px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}
#wrap.hgmc section .item_wrap .item .item_content .item_intro h3 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 1.7;
}
#wrap.hgmc section .item_wrap .item .item_content .item_intro p {
  font-size: 14px;
  line-height: 2;
  margin-top: 1.5em;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
  width: 100%;
  flex-wrap: wrap;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail {
  display: flex;
  flex-direction: column;
  width: 48.38%;
  max-width: 387px;
  position: relative;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 43px 43px;
  width: 43px;
  height: 43px;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
  display: none;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural {
  font-size: 12px;
  text-decoration: underline;
  line-height: 1.67;
  margin-top: 1em;
  width: 50%;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural.btn_modal:nth-of-type(1) {
  border: none;
  display: block;
  padding: 0;
  line-height: 1.67;
  height: auto;
  margin-top: 1em;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural.btn_modal:nth-of-type(1):after {
  display: none;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural:before {
  display: none;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal {
  display: flex;
  align-items: center;
  border: 1px solid #7B7B89;
  font-size: 12px;
  padding: 1em 1.5em;
  margin-top: 1em;
  line-height: 1.3;
  height: 4.2em;
  box-sizing: border-box;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
  display: none;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal:nth-of-type(1) {
  margin-top: 1.5em;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_zoom_wh.svg) 50% 50% no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 1.5em;
  transform: translateY(-50%);
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_link:before {
  display: none;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
  width: 100%;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail h4 {
  font-size: 16px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  padding: 1.2em 0 0.8em;
  line-height: 1.5;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
  font-size: 14px;
  line-height: 2;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
  width: 31.25%;
  max-width: 250px;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail .link_area {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail .link_area .natural {
  width: 50%;
}
#wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail .link_area sub {
  margin-top: 0.1em;
}
#wrap.hgmc section .inner_m + .inner_m .item_wrap {
  margin-top: 10px;
}
#wrap.hgmc .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}
#wrap.hgmc sub {
  bottom: 0;
  font-size: 85%;
}

@media only screen and (max-width: 820px) {
  #wrap.hgmc #hero .inner h1 {
    font-size: 8vw;
  }

  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail .link_area .natural {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.hgmc #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/hgmc/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.hgmc #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  #wrap.hgmc #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  #wrap.hgmc #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  #wrap.hgmc section {
    margin-top: 16vw;
    padding-bottom: 21.33vw;
  }
  #wrap.hgmc section:first-of-type {
    margin-top: 13.33vw;
  }
  #wrap.hgmc section:last-of-type {
    padding-bottom: 16vw;
    margin-top: 0;
  }
  #wrap.hgmc section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: justify;
    line-height: 2;
  }
  #wrap.hgmc section .item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8vw;
  }
  #wrap.hgmc section .item_wrap .item {
    width: 100%;
    max-width: 100%;
    background: #42424B;
    margin-bottom: 10.67vw;
    display: flex;
    flex-direction: column;
  }
  #wrap.hgmc section .item_wrap .item:last-child {
    margin-bottom: 0;
  }
  #wrap.hgmc section .item_wrap .item > img {
    width: 100%;
  }
  #wrap.hgmc section .item_wrap .item .item_content {
    padding: 6.67vw 0 10.67vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_intro h3 {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    line-height: 1.7;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_intro p {
    font-size: 3.47vw;
    line-height: 2;
    margin-top: 1em;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 8vw;
    width: 100%;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail {
    width: 100%;
    max-width: 100%;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
    display: block;
    width: 100%;
    position: relative;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
    display: none;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural {
    font-size: 3.2vw;
    text-decoration: underline;
    line-height: 1.83;
    margin-top: 1em;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.natural:before {
    display: none;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal {
    font-size: 3.2vw;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
    display: none;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
    display: flex;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal:after {
    background-size: 4.18vw 4.18vw;
    width: 4.18vw;
    height: 4.18vw;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
    width: 100%;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
    margin-top: 8vw;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag {
    display: flex;
    justify-content: flex-start;
    height: 6.13vw;
    margin-top: 0.8em;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span {
    display: flex;
    align-items: center;
    background: #fff;
    font-size: 3.2vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    color: #000;
    height: 6.13vw;
    padding: 0 1.6em 0 0.8em;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail .tag span:last-child {
    display: flex;
    align-items: center;
    background: #000;
    height: 100%;
    font-size: 3.73vw;
    color: #fff;
    border-radius: 3.07vw;
    padding: 0 0.8em;
    margin-left: -0.6em;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail h4 {
    font-size: 3.73vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    padding: 1.4em 0 0.8em;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
    font-size: 3.47vw;
    line-height: 1.83;
  }
  #wrap.hgmc section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
    width: 100%;
    max-width: 100%;
  }
  #wrap.hgmc .induction_area {
    padding-bottom: 16vw;
  }
}
/*
Corporate Development Center
*/
#wrap.hgcc #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/hgcc/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.hgcc #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
#wrap.hgcc #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
#wrap.hgcc #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
#wrap.hgcc section {
  padding-bottom: 110px;
}
#wrap.hgcc section:first-of-type {
  margin-top: 90px;
  padding-bottom: 60px;
}
#wrap.hgcc section:last-of-type {
  padding-bottom: 100px;
}
#wrap.hgcc section .section_intro h2 {
  font-size: 26px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 1.69;
}
#wrap.hgcc section .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 70px;
}
#wrap.hgcc section .item_wrap .item {
  width: 48.33%;
  max-width: 580px;
  background: #42424B;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
#wrap.hgcc section .item_wrap .item .item_content {
  padding: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}
#wrap.hgcc section .item_wrap .item .item_content .item_intro h3 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 1.7;
}
#wrap.hgcc section .item_wrap .item .item_content .item_intro p {
  font-size: 14px;
  line-height: 2;
  margin-top: 1.6em;
}
#wrap.hgcc section .item_wrap .item .item_content .item_intro a.txt_link {
  display: inline;
  text-decoration: underline;
}
#wrap.hgcc section .item_wrap .item .item_content .item_intro a.btn_link {
  display: block;
  margin-top: 1em;
  text-decoration: underline;
  font-size: 14px;
}
#wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.5em;
  width: 100%;
  align-items: flex-start;
}
#wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail {
  width: 48.48%;
  max-width: 245px;
  align-self: flex-end;
}
#wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_link {
  margin-top: 1em;
  text-decoration: underline;
  font-size: 12px;
}
#wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before, #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_link:before {
  display: none;
}
#wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
  display: block;
}
#wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
  display: none;
}
#wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
  width: 100%;
}
#wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
  margin-left: 3.04%;
}
#wrap.hgcc section .item_wrap .item:nth-child(5) .item_content .item_detail_wrap {
  justify-content: space-between;
  padding: 0 3.4%;
}
#wrap.hgcc section .item_wrap .item:nth-child(5) .item_content .item_detail_wrap .item_detail {
  width: 44.66%;
  max-width: 208px;
  align-self: flex-start;
}
#wrap.hgcc section .item_wrap .item:nth-child(5) .item_content .item_detail_wrap .item_detail a img {
  width: 100%;
}
#wrap.hgcc section .item_wrap .item:nth-child(6) .item_content .item_detail_wrap {
  margin-bottom: 2.05em;
}
#wrap.hgcc .induction_area {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
  #wrap.hgcc #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.hgcc #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/hgcc/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.hgcc #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  #wrap.hgcc #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  #wrap.hgcc #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  #wrap.hgcc section {
    margin-top: 16vw;
  }
  #wrap.hgcc section:first-of-type {
    margin-top: 13.33vw;
  }
  #wrap.hgcc section:last-of-type {
    padding-bottom: 16vw;
    margin-top: 0;
  }
  #wrap.hgcc section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: justify;
    line-height: 2;
  }
  #wrap.hgcc section .item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 16vw;
  }
  #wrap.hgcc section .item_wrap .item {
    width: 100%;
    max-width: 100%;
    background: #42424B;
    margin-bottom: 10.67vw;
    display: flex;
    flex-direction: column;
  }
  #wrap.hgcc section .item_wrap .item:last-child {
    margin-bottom: 0;
  }
  #wrap.hgcc section .item_wrap .item > img {
    width: 100%;
  }
  #wrap.hgcc section .item_wrap .item .item_content {
    padding: 6.67vw 4vw 8vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_intro h3 {
    font-size: 4.27vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    line-height: 1.7;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_intro p {
    font-size: 3.47vw;
    line-height: 2;
    margin-top: 1em;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_intro a.btn_link {
    font-size: 3.47vw;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 6.67vw;
    width: 100%;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap.single {
    justify-content: center;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail {
    width: 40vw;
    max-width: 40vw;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
    display: block;
    width: 100%;
    position: relative;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
    display: none;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
    display: none;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
    display: block;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
    width: 100%;
  }
  #wrap.hgcc section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
    margin: 0;
  }
  #wrap.hgcc section .item_wrap .item:nth-child(5) .item_content .item_detail_wrap {
    padding: 0;
  }
  #wrap.hgcc section .item_wrap .item:nth-child(5) .item_content .item_detail_wrap .item_detail {
    width: 33.87vw;
    max-width: 33.87vw;
  }
  #wrap.hgcc section .item_wrap .item:nth-child(6) .item_content .item_detail_wrap {
    margin-bottom: 0;
  }
  #wrap.hgcc .induction_area {
    padding-bottom: 16vw;
  }
}
/*
News Release
*/
.news_release main {
  background: #fff;
}
.news_release .page_title {
  padding-top: 180px;
}
.news_release .page_title h1 {
  font-size: 38px;
  line-height: 1.2;
  font-family: "Sharoa Pro Bold", sans-serif;
  text-align: center;
  color: #000;
}
.news_release section {
  margin-top: 80px;
}
.news_release section:last-of-type {
  padding-bottom: 190px;
}
.news_release section .sort_wrap ul {
  display: flex;
}
.news_release section .sort_wrap ul li {
  font-size: 12px;
}
.news_release section .sort_wrap ul li a, .news_release section .sort_wrap ul li span {
  display: block;
  padding: 5px 15px;
  border-radius: 14px;
}
.news_release section .sort_wrap ul li a {
  color: #000;
  border: 1px solid #000;
}
.news_release section .sort_wrap ul li span {
  color: #fff;
  background: #2E2E38;
}
.news_release section .sort_wrap ul li + li {
  margin-left: 10px;
}
.news_release section .news_release_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
  position: relative;
}
.news_release section .news_release_wrap .nr_item {
  display: flex;
  align-items: flex-start;
  width: 48.33%;
  margin-bottom: 40px;
  transition: all 0.4s ease 0s;
}
.news_release section .news_release_wrap .nr_item.is_hidden {
  display: none;
}
.news_release section .news_release_wrap .nr_item img {
  width: 110px;
  margin-right: 15px;
  flex-shrink: 0;
}
.news_release section .news_release_wrap .nr_item p {
  font-size: 14px;
  color: #000;
  line-height: 1.71;
}
.news_release section .news_release_wrap .nr_item p span {
  display: block;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.news_release section .news_release_wrap .btn_more {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -95px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 26px;
  font-family: "Sharoa Pro Bold", sans-serif;
  color: #000;
  border: 1px solid #000;
  border-radius: 30px;
  width: 240px;
  height: 60px;
  margin: 80px auto 0;
}

@media only screen and (max-width: 767px) {
  .news_release main {
    background: #fff;
  }
  .news_release .page_title {
    padding-top: 16vw;
  }
  .news_release .page_title h1 {
    font-size: 6.4vw;
    line-height: 1.2;
    font-family: "Sharoa Pro Bold", sans-serif;
    text-align: left;
    color: #000;
  }
  .news_release section {
    margin-top: 10.67vw;
  }
  .news_release section:last-of-type {
    padding-bottom: 34vw;
  }
  .news_release section .sort_wrap ul {
    display: flex;
  }
  .news_release section .sort_wrap ul li {
    font-size: 2.93vw;
  }
  .news_release section .sort_wrap ul li a, .news_release section .sort_wrap ul li span {
    display: block;
    padding: 1.33vw 4vw;
    border-radius: 4vw;
  }
  .news_release section .sort_wrap ul li a {
    color: #000;
    border: 1px solid #000;
  }
  .news_release section .sort_wrap ul li span {
    color: #fff;
    background: #2E2E38;
  }
  .news_release section .sort_wrap ul li + li {
    margin-left: 2.67vw;
  }
  .news_release section .news_release_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10.67vw;
  }
  .news_release section .news_release_wrap .nr_item {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 6.67vw;
  }
  .news_release section .news_release_wrap .nr_item img {
    width: 24vw;
    margin-right: 4vw;
  }
  .news_release section .news_release_wrap .nr_item p {
    font-size: 3.47vw;
    color: #000;
    line-height: 1.54;
  }
  .news_release section .news_release_wrap .nr_item p span {
    display: block;
    font-size: 2.93vw;
    margin-bottom: 0.2em;
  }
  .news_release section .news_release_wrap .btn_more {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -18.7vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 5.87vw;
    font-family: "Sharoa Pro Bold", sans-serif;
    color: #000;
    border: 1px solid #000;
    border-radius: 5.33vw;
    width: 48vw;
    height: 10.67vw;
    margin: 13.33vw auto 0;
  }
}
/*
recruit
*/
.recruit #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/recruit/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.recruit #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.recruit #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.recruit #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
.recruit section {
  margin-top: 100px;
}
.recruit section:first-of-type {
  margin-top: 90px;
}
.recruit section:last-of-type {
  padding-bottom: 100px;
}
.recruit section .section_intro h2 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 2;
}
.recruit section .section_intro .bnr_wrap {
  margin: 90px auto 0;
}
.recruit section .section_intro .bnr_wrap a {
  display: flex;
}
.recruit section .section_intro .bnr_wrap a img {
  max-width: 550px;
  width: 68.75%;
}
.recruit section .section_intro .bnr_wrap a p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  font-size: 18px;
  line-height: 1.67;
  max-width: 250px;
  width: 31.25%;
  background: #42424B;
  text-align: center;
  margin-top: 0;
}
.recruit section .section_intro .bnr_wrap a p span {
  display: block;
  margin-top: 0.8em;
  font-size: 12px;
}
.recruit section .section_intro .bnr_wrap a p:after {
  content: "";
  position: relative;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  margin-top: 20px;
}
.recruit section h3 {
  font-size: 38px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  margin-top: 0;
}
.recruit section p {
  font-size: 16px;
  margin-top: 1.5em;
  line-height: 2.13;
  word-break: break-all;
}
.recruit section .flex_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
}
.recruit section .flex_wrap .flex_text {
  max-width: 560px;
  width: 46.67%;
}
.recruit section .flex_wrap .flex_text h4 {
  font-size: 30px;
  line-height: 1.2;
  font-family: "Sharoa Pro Bold", sans-serif;
}
.recruit section .flex_wrap .flex_text h4 span {
  display: block;
  font-size: 12px;
  margin-top: 1em;
}
.recruit section .flex_wrap .flex_text p {
  margin-top: 2em;
  font-size: 14px;
  line-height: 2;
}
.recruit section .flex_wrap .flex_text .more {
  display: inline-block;
  height: 100%;
  font-size: 20px;
  font-family: "Sharoa Pro Bold", sans-serif;
  position: relative;
  margin-top: 40px;
}
.recruit section .flex_wrap .flex_text .more:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
  background-size: 45px 45px;
  width: 45px;
  height: 45px;
}
.recruit section .flex_wrap img {
  width: 50%;
  max-width: 600px;
}
.recruit section.interview {
  background: #25252F;
  padding: 100px 0;
}
.recruit section.interview .interview_inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.recruit section.interview .interview_inner h2 {
  font-size: 38px;
  font-family: "Sharoa Pro Bold", sans-serif;
  line-height: 1.4;
  width: 100%;
  text-align: center;
}
.recruit section.interview .interview_inner h2 span {
  display: block;
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  margin-top: 30px;
}
.recruit section.interview .interview_inner a {
  width: 31.67%;
  margin-top: 60px;
}
.recruit section.interview .interview_inner a > img {
  width: 100%;
  flex-shrink: 0;
}
.recruit section.interview .interview_inner a .item_ttl {
  font-size: 16px;
  margin-top: 1em;
  line-height: 1.4;
  position: relative;
  width: 100%;
}
.recruit section.interview .interview_inner a .item_ttl span {
  text-decoration: underline;
}
.recruit section.interview .interview_inner a.btn_modal {
  position: relative;
}
.recruit section.interview .interview_inner a.btn_modal:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play_pc.svg) 50% 50% no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  top: calc(50% - 25px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.recruit section.interview .interview_inner a.btn_modal .item_text .item_ttl:after {
  display: none;
}
.recruit section.interview .interview_inner a + a {
  margin-left: 2.49%;
}
.recruit section.interview .interview_inner a:nth-child(3n-1) {
  margin-left: 0;
}
.recruit section .movie_wrap {
  margin-top: 100px;
  width: 100%;
}
.recruit section .movie_wrap a {
  display: block;
  width: 100%;
  position: relative;
}
.recruit section .movie_wrap a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play02.svg) 50% 50% no-repeat;
  background-size: 80px 80px;
  width: 80px;
  height: 80px;
}
.recruit section .movie_wrap a:after {
  content: "Honda R&D Image Movie";
  font-size: 30px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  position: absolute;
  top: 68%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  text-align: center;
}
.recruit section .movie_wrap a img {
  width: 100%;
}

@media only screen and (max-width: 820px) {
  .recruit #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .recruit #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/recruit/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .recruit #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .recruit #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  .recruit #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  .recruit section {
    margin-top: 12vw;
  }
  .recruit section:first-of-type {
    margin-top: 12vw;
  }
  .recruit section:last-of-type {
    margin-top: 16vw;
    padding-bottom: 16vw;
  }
  .recruit section .section_intro h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    line-height: 1.89;
  }
  .recruit section .section_intro p {
    margin-top: 8vw;
    text-align: left;
  }
  .recruit section .section_intro .bnr_wrap {
    padding-bottom: 0;
    margin-top: 12vw;
  }
  .recruit section .section_intro .bnr_wrap a {
    display: flex;
    flex-wrap: wrap;
  }
  .recruit section .section_intro .bnr_wrap a img {
    width: 100%;
    min-width: 100%;
  }
  .recruit section .section_intro .bnr_wrap a p {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    position: relative;
    font-size: 3.73vw;
    width: 100%;
    max-width: 100%;
    height: 16vw;
    background: #42424B;
    padding: 0 4vw;
  }
  .recruit section .section_intro .bnr_wrap a p span {
    font-size: 3.2vw;
    margin-top: 0;
  }
  .recruit section .section_intro .bnr_wrap a p:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
    background-size: 9.33vw 9.33vw;
    width: 9.33vw;
    height: 9.33vw;
    margin-top: 0;
    right: 4vw;
  }
  .recruit section h3 {
    font-size: 6.4vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    margin-top: 0;
    line-height: 1.58;
  }
  .recruit section p {
    font-size: 3.73vw;
    margin-top: 1.1em;
    line-height: 2.13;
    word-break: break-all;
  }
  .recruit section .flex_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 13.33vw;
  }
  .recruit section .flex_wrap .flex_text {
    max-width: 100%;
    width: 100%;
    margin-top: 8vw;
    order: 1;
  }
  .recruit section .flex_wrap .flex_text h4 {
    font-size: 5.87vw;
    line-height: 1.55;
    font-family: "Sharoa Pro Bold", sans-serif;
  }
  .recruit section .flex_wrap .flex_text h4 span {
    display: block;
    font-size: 3.2vw;
    margin-top: 0.5em;
  }
  .recruit section .flex_wrap .flex_text p {
    margin-top: 2em;
    font-size: 3.73vw;
    line-height: 2.13;
  }
  .recruit section .flex_wrap .flex_text .more {
    display: inline-block;
    height: 100%;
    font-size: 5.33vw;
    font-family: "Sharoa Pro Bold", sans-serif;
    position: relative;
    margin-top: 9.33vw;
  }
  .recruit section .flex_wrap .flex_text .more:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 16vw;
    transform: translateY(-50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
    background-size: 8vw 8vw;
    width: 8vw;
    height: 8vw;
  }
  .recruit section .flex_wrap img {
    width: 100%;
    max-width: 100%;
    order: 0;
  }
  .recruit section.interview {
    padding: 21.33vw 0 10.67vw;
    margin-top: -10.67vw;
  }
  .recruit section.interview .interview_inner {
    align-items: flex-start;
    justify-content: space-between;
  }
  .recruit section.interview .interview_inner h2 {
    font-size: 6.4vw;
    text-align: left;
    margin-bottom: 2.67vw;
  }
  .recruit section.interview .interview_inner h2 span {
    font-size: 3.73vw;
    margin-top: 2.67vw;
  }
  .recruit section.interview .interview_inner a {
    width: 42.13vw;
    margin-top: 8vw;
  }
  .recruit section.interview .interview_inner a > img {
    width: 100%;
  }
  .recruit section.interview .interview_inner a .item_ttl {
    font-size: 3.47vw;
    line-height: 1.54;
  }
  .recruit section.interview .interview_inner a.btn_modal:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 6.67vw 6.67vw;
    width: 6.67vw;
    height: 6.67vw;
    top: 8.27vw;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .recruit section.interview .interview_inner a + a {
    margin: 8vw 0 0;
  }
  .recruit section .movie_wrap {
    margin-top: 16vw;
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
  .recruit section .movie_wrap a:before {
    content: "";
    background: url(/en/RandD/assets/img/common/icon_play02_sp.svg) 50% 50% no-repeat;
    background-size: 9.33vw 9.33vw;
    width: 9.33vw;
    height: 9.33vw;
  }
  .recruit section .movie_wrap a:after {
    font-size: 4.8vw;
    top: 72%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .recruit section .movie_wrap a img {
    width: 100%;
  }

  #wrap.recruit .inner_s {
    padding: 0;
  }

  #wrap.recruit .related_links .inner_s {
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
}
/*
Contact
*/
.contact #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/contact/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
.contact #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.contact #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
.contact #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
.contact .bnr_wrap {
  padding-bottom: 30px;
  margin-top: 100px;
}
.contact .bnr_wrap a {
  display: block;
}
.contact .bnr_wrap a img {
  width: 100%;
}
.contact .bnr_wrap p {
  font-size: 16px;
  line-height: 1.88;
  margin-top: 10px;
}
.contact .bnr_wrap + .bnr_wrap {
  margin-top: 45px;
}
.contact .contact_wrap {
  padding-bottom: 100px;
  margin-top: 60px;
}
.contact .contact_wrap .contact_inner {
  background: #42424B;
  padding: 30px;
}
.contact .contact_wrap .contact_inner .contact_content {
  width: 560px;
  margin: auto;
}
.contact .contact_wrap .contact_inner .contact_content h2 {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  text-align: center;
  padding-bottom: 25px;
}
.contact .contact_wrap .contact_inner .contact_content p {
  font-size: 14px;
  line-height: 2;
}
.contact .contact_wrap .contact_inner .contact_content a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 65px;
  border: 1px solid #7B7B89;
  font-size: 18px;
  margin-top: 25px;
}
.contact .contact_wrap .contact_inner .contact_content a:after {
  content: "";
  position: absolute;
  display: inline-block;
  background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.contact .related_links {
  margin-top: 0;
  padding-bottom: 100px;
}

@media only screen and (max-width: 820px) {
  .contact #hero .inner h1 {
    font-size: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .contact #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/contact/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  .contact #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  .contact #hero h1 {
    font-size: 8vw;
    line-height: 1.27;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  .contact #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  .contact .bnr_wrap {
    padding-bottom: 5.33vw;
    margin-top: 16vw;
  }
  .contact .bnr_wrap a {
    display: block;
  }
  .contact .bnr_wrap a img {
    width: 100%;
  }
  .contact .bnr_wrap p {
    font-size: 3.73vw;
    line-height: 1.88;
    margin-top: 2.67vw;
  }
  .contact .bnr_wrap + .bnr_wrap {
    margin-top: 8vw;
  }
  .contact .contact_wrap {
    padding-bottom: 16vw;
    margin-top: 10.67vw;
  }
  .contact .contact_wrap .contact_inner {
    background: #42424B;
    padding: 8vw 6.67vw;
  }
  .contact .contact_wrap .contact_inner .contact_content {
    width: 100%;
    margin: auto;
  }
  .contact .contact_wrap .contact_inner .contact_content h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: center;
    padding-bottom: 5.33vw;
  }
  .contact .contact_wrap .contact_inner .contact_content p {
    font-size: 3.47vw;
    line-height: 2;
  }
  .contact .contact_wrap .contact_inner .contact_content a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    height: 18.67vw;
    border: 1px solid #7B7B89;
    font-size: 3.73vw;
    margin-top: 5.33vw;
    line-height: 1.71;
    padding: 0 0 0 5.33vw;
  }
  .contact .contact_wrap .contact_inner .contact_content a:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
    background-size: 9.33vw 9.33vw;
    width: 9.33vw;
    height: 9.33vw;
    right: 4vw;
  }
  .contact .related_links {
    padding-bottom: 16vw;
  }
}
/*
Topics
*/
.topics main {
  background: #fff;
}
.topics .page_title {
  padding-top: 180px;
}
.topics .page_title h1 {
  font-size: 38px;
  line-height: 1.2;
  font-family: "Sharoa Pro Bold", sans-serif;
  text-align: center;
  color: #000;
}
.topics section {
  margin-top: 80px;
}
.topics section:last-of-type {
  padding-bottom: 200px;
}
.topics section .sort_wrap ul {
  display: flex;
}
.topics section .sort_wrap ul li {
  font-size: 12px;
}
.topics section .sort_wrap ul li a, .topics section .sort_wrap ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  min-width: 100px;
  min-height: 25px;
}
.topics section .sort_wrap ul li a {
  color: #000;
  border: 1px solid #000;
}
.topics section .sort_wrap ul li span {
  color: #fff;
  background: #2E2E38;
}
.topics section .sort_wrap ul li + li {
  margin-left: 10px;
}
.topics section .topics_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  position: relative;
}
.topics section .topics_wrap .topics_item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 380px;
  height: auto;
  color: #000;
  margin-bottom: 60px;
  flex-direction: column;
  transition: all 0.4s ease 0s;
}
.topics section .topics_wrap .topics_item + .topics_item {
  margin-left: 30px;
}
.topics section .topics_wrap .topics_item.is_hidden {
  display: none;
}
.topics section .topics_wrap .topics_item:nth-child(3n+1) {
  margin-left: 0;
}
.topics section .topics_wrap .topics_item img {
  width: 100%;
  align-self: flex-start;
  flex-shrink: 0;
}
.topics section .topics_wrap .topics_item .tag_wrap {
  display: flex;
  padding: 20px 0;
  min-height: 65px;
  width: 100%;
}
.topics section .topics_wrap .topics_item .tag_wrap .tag {
  font-size: 12px;
  border: #707070 solid 1px;
  width: 80px;
  min-height: 25px;
  height: 100%;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  margin-top: auto;
  margin-right: 2.63%;
  padding: 0.2em 0.4em;
  letter-spacing: 0em;
}
.topics section .topics_wrap .topics_item .tag_wrap .tag:last-child {
  margin-right: 0;
}
.topics section .topics_wrap .topics_item h3 {
  font-size: 18px;
  margin-top: 0;
  line-height: 1.5;
  min-height: 55px;
  width: 100%;
}
.topics section .topics_wrap .topics_item p {
  font-size: 14px;
  margin-top: 15px;
  line-height: 1.71;
  width: 100%;
}
.topics section .topics_wrap .topics_item a + a {
  margin-top: 1em;
  font-size: 14px;
  text-decoration: underline;
}
.topics section .topics_wrap .btn_more {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 26px;
  font-family: "Sharoa Pro Bold", sans-serif;
  color: #000;
  border: 1px solid #000;
  border-radius: 30px;
  width: 240px;
  height: 60px;
  margin: 20px auto 0;
}

@media only screen and (max-width: 1254px) {
  .topics section {
    margin-top: 80px;
  }
  .topics section:last-of-type {
    padding-bottom: 200px;
  }
  .topics section .topics_wrap {
    margin: 60px auto 0;
    max-width: 790px;
  }
  .topics section .topics_wrap .topics_item:nth-child(3n+1) {
    margin-left: 30px;
  }
  .topics section .topics_wrap .topics_item:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 844px) {
  .topics section {
    margin-top: 80px;
  }
  .topics section:last-of-type {
    padding-bottom: 20.66vw;
  }
  .topics section .topics_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: unset;
    align-items: unset;
    margin-top: 60px;
  }
  .topics section .topics_wrap .topics_item {
    width: 45vw;
  }
  .topics section .topics_wrap .topics_item + .topics_item {
    margin-left: 0;
  }
  .topics section .topics_wrap .topics_item:nth-child(3n+1) {
    margin-left: 0;
  }
  .topics section .topics_wrap .topics_item:nth-child(2n+1) {
    margin-left: 0;
  }
  .topics section .topics_wrap .topics_item img {
    width: 100%;
    align-self: flex-start;
  }
  .topics section .topics_wrap .topics_item .tag_wrap {
    display: flex;
    padding: 20px 0;
    min-height: 65px;
    width: 100%;
  }
  .topics section .topics_wrap .topics_item .tag_wrap .tag {
    font-size: 12px;
    border: #707070 solid 1px;
    width: 80px;
    min-height: 25px;
    height: 100%;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    margin-top: auto;
    margin-right: 2.63%;
    padding: 0.2em 0.4em;
    letter-spacing: -0.07em;
  }
  .topics section .topics_wrap .topics_item .tag_wrap .tag:last-child {
    margin-right: 0;
  }
  .topics section .topics_wrap .topics_item h3 {
    font-size: 18px;
    margin-top: 0;
    line-height: 1.5;
    min-height: 55px;
  }
  .topics section .topics_wrap .topics_item p {
    font-size: 14px;
    margin-top: 15px;
    line-height: 1.71;
  }
  .topics section .topics_wrap .btn_more {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -8.6vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 26px;
    font-family: "Sharoa Pro Bold", sans-serif;
    color: #000;
    border: 1px solid #000;
    border-radius: 30px;
    width: 240px;
    height: 60px;
    margin: 20px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .topics main {
    background: #fff;
  }
  .topics .page_title {
    padding-top: 16vw;
  }
  .topics .page_title h1 {
    font-size: 6.4vw;
    line-height: 1.2;
    font-family: "Sharoa Pro Bold", sans-serif;
    text-align: left;
    color: #000;
  }
  .topics section {
    margin-top: 10.67vw;
  }
  .topics section:last-of-type {
    padding-bottom: 43.66vw;
  }
  .topics section .sort_wrap ul {
    display: flex;
  }
  .topics section .sort_wrap ul li {
    font-size: 2.93vw;
  }
  .topics section .sort_wrap ul li a, .topics section .sort_wrap ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4vw;
    min-width: 16vw;
    min-height: 5.87vw;
  }
  .topics section .sort_wrap ul li a {
    color: #000;
    border: 1px solid #000;
  }
  .topics section .sort_wrap ul li span {
    color: #fff;
    background: #2E2E38;
  }
  .topics section .sort_wrap ul li + li {
    margin-left: 1.33vw;
  }
  .topics section .topics_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: unset;
    align-items: unset;
  }
  .topics section .topics_wrap .topics_item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 42.13vw;
    height: auto;
    color: #000;
    margin: 9.33vw 0 0;
    flex-direction: column;
  }
  .topics section .topics_wrap .topics_item + .topics_item {
    margin-left: 0;
  }
  .topics section .topics_wrap .topics_item:nth-child(3n+1) {
    margin-left: 0;
  }
  .topics section .topics_wrap .topics_item:nth-child(2n+1) {
    margin-left: 0;
  }
  .topics section .topics_wrap .topics_item img {
    width: 100%;
    align-self: flex-start;
  }
  .topics section .topics_wrap .topics_item .tag_wrap {
    display: flex;
    padding: 2.67vw 0 0;
    min-height: auto;
    width: 100%;
    order: 1;
    flex-wrap: wrap;
  }
  .topics section .topics_wrap .topics_item .tag_wrap .tag {
    font-size: 2.4vw;
    border: #707070 solid 1px;
    width: 12.67vw;
    min-height: 5.67vw;
    height: 5.67vw;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    margin-top: 1.33vw;
    margin-right: 2.63%;
    padding: 0.2em 0.4em;
    letter-spacing: -0.07em;
  }
  .topics section .topics_wrap .topics_item .tag_wrap .tag:last-child {
    margin-right: 0;
  }
  .topics section .topics_wrap .topics_item h3 {
    font-size: 3.47vw;
    margin-top: 4vw;
    line-height: 1.5;
    min-height: 9.33vw;
    order: 0;
  }
  .topics section .topics_wrap .topics_item p {
    display: none;
  }
  .topics section .topics_wrap .topics_item p.is_sp {
    display: block;
  }
  .topics section .topics_wrap .topics_item a + a {
    font-size: 3.2vw;
  }
  .topics section .topics_wrap .btn_more {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -24.7vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 5.87vw;
    font-family: "Sharoa Pro Bold", sans-serif;
    color: #000;
    border: 1px solid #000;
    border-radius: 5.33vw;
    width: 48vw;
    height: 10.67vw;
    margin: 5.33vw auto 0;
  }
}
/*
About Honda R&D
*/
#wrap.about #hero {
  height: 650px;
  background: url(/en/RandD/assets/img/about/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.about #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
#wrap.about #hero h1 {
  font-size: 76px;
  line-height: 1.2;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
#wrap.about #hero h1 span {
  font-size: 22px;
  display: block;
  margin-top: 0.6em;
}
#wrap.about section {
  padding-bottom: 60px;
}
#wrap.about section:first-of-type {
  margin-top: 90px;
}
#wrap.about section:last-of-type {
  padding-bottom: 100px;
}
#wrap.about section .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 70px;
}
#wrap.about section .item_wrap .item {
  width: 48.33%;
  max-width: 580px;
  background: #42424B;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
#wrap.about section .item_wrap .item > img {
  width: 100%;
  flex-shrink: 0;
}
#wrap.about section .item_wrap .item .item_text {
  padding: 15px 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
  align-items: center;
  min-height: 81px;
}
#wrap.about section .item_wrap .item .item_text .item_ttl {
  font-size: 24px;
  line-height: 1.4;
  position: relative;
  width: 90%;
  font-family: "Sharoa Pro ExtraBold", sans-serif;
}
#wrap.about section .item_wrap .item .item_text .item_ttl span {
  display: block;
  font-size: 11px;
  font-family: "Sharoa Pro Bold", sans-serif;
  line-height: 2;
  margin-bottom: -5px;
}
#wrap.about section .item_wrap .item .item_text .item_ttl:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  top: 50%;
  right: -10.34%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  #wrap.about #hero {
    height: 93.33vw;
    background: url(/en/RandD/assets/img/about/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.about #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
  }
  #wrap.about #hero h1 {
    font-size: 8vw;
    line-height: 1.2;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  #wrap.about #hero h1 span {
    font-size: 3.47vw;
    display: block;
  }
  #wrap.about section {
    margin-top: 16vw;
    padding-bottom: 16vw;
  }
  #wrap.about section:first-of-type {
    margin-top: 13.33vw;
  }
  #wrap.about section:last-of-type {
    padding-bottom: 16vw;
    margin-top: 0;
  }
  #wrap.about section .item_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 16vw;
  }
  #wrap.about section .item_wrap .item {
    width: 100%;
    max-width: 100%;
    background: #42424B;
    margin-bottom: 5.33vw;
    display: flex;
    flex-direction: column;
  }
  #wrap.about section .item_wrap .item:last-child {
    margin-bottom: 0;
  }
  #wrap.about section .item_wrap .item > img {
    width: 100%;
  }
  #wrap.about section .item_wrap .item .item_text {
    padding: 4vw 5.33vw;
    display: flex;
    justify-content: space-between;
    height: 100%;
    min-height: auto;
  }
  #wrap.about section .item_wrap .item .item_text .item_ttl {
    font-size: 4.8vw;
    line-height: 1.11;
    font-family: "Sharoa Pro ExtraBold", sans-serif;
  }
  #wrap.about section .item_wrap .item .item_text .item_ttl span {
    font-size: 2.93vw;
    font-family: "Sharoa Pro Bold", sans-serif;
    line-height: 2;
    margin-bottom: -1.33vw;
  }
  #wrap.about section .item_wrap .item .item_text .item_ttl:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/en/RandD/assets/img/common/icon_arrow_wh.svg) 50% 50% no-repeat;
    background-size: 9.33vw 9.33vw;
    width: 9.33vw;
    height: 9.33vw;
    top: 50%;
    right: -12.34%;
    transform: translateY(-50%);
  }
}
/*
Honda R&D Technical Forum
*/
#wrap.tf main {
  background: #fff;
}
#wrap.tf #hero {
  height: 540px;
  background: url(/en/RandD/assets/img/hgcc/tf/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.tf #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#wrap.tf #hero h1 {
  font-size: 46px;
  line-height: 1.2;
  margin-top: 100px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
  /*font-family: $font-head-bold;*/
}
#wrap.tf section {
  margin-top: 120px;
  padding-bottom: 30px;
}
#wrap.tf section:last-of-type {
  padding-bottom: 100px;
}
#wrap.tf section .inner {
  max-width: 1120px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap.tf section .inner_s {
  max-width: 796px;
  margin: 40px auto 0;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap.tf section .inner_s a {
  display: block;
}
#wrap.tf section .inner_s a img {
  width: 100%;
}
#wrap.tf section .section_intro {
  padding-bottom: 120px;
  border-bottom: 1px solid #C5C5C5;
}
#wrap.tf section .section_intro p {
  color: #000;
}
#wrap.tf section .item_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 110px;
}
#wrap.tf section .item_wrap .item {
  width: 100%;
}
#wrap.tf section .item_wrap .item + .item {
  margin-top: 110px;
}
#wrap.tf section .item_wrap .item .item_content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 100%;
}
#wrap.tf section .item_wrap .item .item_content .item_intro h2, #wrap.tf section .item_wrap .item .item_content .item_intro h3, #wrap.tf section .item_wrap .item .item_content .item_intro p {
  font-size: 32px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  line-height: 1.7;
  color: #000;
}
#wrap.tf section .item_wrap .item .item_content .item_intro h3 {
  font-size: 24px;
}
#wrap.tf section .item_wrap .item .item_content .item_intro p {
  font-size: 16px;
  margin-top: 40px;
  line-height: 1.69;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 75px;
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail {
  display: block;
  width: 48.38%;
  max-width: 387px;
  position: relative;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
  display: block;
  width: 100%;
  position: relative;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(/en/RandD/assets/img/common/icon_play.svg) 50% 50% no-repeat;
  background-size: 43px 43px;
  width: 43px;
  height: 43px;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
  display: none;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
  display: block;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
  display: none;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail img {
  width: 100%;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail .item_detail_ttl {
  font-size: 20px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  padding: 0.8em 0 0.6em;
  line-height: 1.5;
  color: #000;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
  font-size: 16px;
  line-height: 1.69;
  color: #000;
}
#wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
  width: 30.74%;
  max-width: 332px;
}
#wrap.tf section.related_links .inner {
  max-width: 1240px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 1023px) {
  #wrap.tf #hero .inner h1 {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.tf #hero {
    height: 74.67vw;
    background: url(/en/RandD/assets/img/hgcc/tf/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.tf #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
  }
  #wrap.tf #hero .inner h1 {
    font-size: 8.53vw;
    line-height: 1.31;
    margin-top: 0;
    text-align: center;
  }
  #wrap.tf section {
    margin-top: 21.33vw;
    padding-bottom: 5.33vw;
  }
  #wrap.tf section:last-of-type {
    padding-bottom: 16vw;
  }
  #wrap.tf section .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #wrap.tf section .inner_s {
    max-width: 100%;
    margin: 10.67vw auto 0;
    padding-left: 0;
    padding-right: 0;
  }
  #wrap.tf section .section_intro {
    padding-bottom: 21.33vw;
  }
  #wrap.tf section .section_intro p {
    font-size: 4.26vw;
    line-height: 1.69;
  }
  #wrap.tf section .item_wrap {
    margin-top: 21.33vw;
  }
  #wrap.tf section .item_wrap .item + .item {
    margin-top: 21.33vw;
  }
  #wrap.tf section .item_wrap .item .item_content .item_intro h2, #wrap.tf section .item_wrap .item .item_content .item_intro h3, #wrap.tf section .item_wrap .item .item_content .item_intro p {
    font-size: 6.4vw;
  }
  #wrap.tf section .item_wrap .item .item_content .item_intro h3 {
    font-size: 5.33vw;
  }
  #wrap.tf section .item_wrap .item .item_content .item_intro p {
    font-size: 4.27vw;
    margin-top: 10.67vw;
    line-height: 1.69;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap {
    margin-top: 8vw;
    flex-wrap: wrap;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail {
    width: 100%;
    max-width: 100%;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail + .item_detail {
    margin-top: 10.67vw;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a {
    display: block;
    width: 100%;
    position: relative;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: url(/en/RandD/assets/img/common/icon_play_sp.svg) 50% 50% no-repeat;
    background-size: 11.47vw 11.47vw;
    width: 11.47vw;
    height: 11.47vw;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal_img:before {
    display: none;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.pc {
    display: none;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail a.btn_modal.sp {
    display: block;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail .item_detail_ttl {
    font-size: 5.33vw;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail p {
    font-size: 4.26vw;
  }
  #wrap.tf section .item_wrap .item .item_content .item_detail_wrap .item_detail.three_items {
    width: 100%;
    max-width: 100%;
  }
  #wrap.tf section.related_links .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
/*
Honda R&D Technical Review
*/
#review_ttl {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  z-index: 99;
  transition: transform 0.6s cubic-bezier(0, 0, 0, 1);
  width: 100%;
  height: 100px;
  background: #fff;
  border-bottom: 1px solid #C5C5C5;
}
#review_ttl .inner {
  max-width: 1120px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  height: 100%;
}
#review_ttl .inner p {
  font-size: 24px;
}

#wrap.review main {
  background: #fff;
}
#wrap.review #hero {
  height: 540px;
  background: url(/en/RandD/assets/img/review/hero_bg.jpg) 50% 50% no-repeat;
  background-size: cover;
}
#wrap.review #hero .inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#wrap.review #hero h1 {
  font-size: 46px;
  line-height: 1.2;
  margin-top: 100px;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
  /*font-family: $font-head-bold;*/
}
#wrap.review section {
  margin-top: 70px;
}
#wrap.review section:last-of-type {
  padding-bottom: 150px;
}
#wrap.review section .inner {
  max-width: 1120px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap.review section .section_intro {
  padding-bottom: 70px;
  border-bottom: 1px solid #C5C5C5;
}
#wrap.review section .section_intro p {
  color: #000;
  text-align: center;
  font-size: 18px;
}
#wrap.review section h2 {
  font-size: 32px;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  color: #000;
}
#wrap.review section .paper_wrap {
  margin-top: 120px;
}
#wrap.review section .paper_wrap dl {
  margin-top: 70px;
  font-size: 14px;
  color: #000;
}
#wrap.review section .paper_wrap dl .list_item {
  position: relative;
  display: flex;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  border-bottom: 1px solid #C5C5C5;
  padding: 0 30px 15px 0;
}
#wrap.review section .paper_wrap dl .list_item a {
  display: block;
  width: 100%;
}
#wrap.review section .paper_wrap dl .list_item dt {
  display: flex;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.71;
}
#wrap.review section .paper_wrap dl .list_item dt span {
  display: block;
  min-width: 100px;
  height: 25px;
  background: #2F2F33;
  font-size: 12px;
  text-align: center;
  color: #fff;
  margin-right: 1.5em;
  padding: 0.2em;
  margin-top: 0.6em;
}
#wrap.review section .paper_wrap dl .list_item dd {
  margin-top: 0.5em;
}
#wrap.review section .paper_wrap dl .list_item dd span {
  display: block;
  margin-top: 0.5em;
}
#wrap.review section .paper_wrap dl .list_item + .list_item {
  margin-top: 0.8em;
}
#wrap.review section .paper_wrap dl .list_item + .list_item:after {
  content: "";
  top: calc(50% - 0.4em);
}
#wrap.review section .paper_wrap dl .list_item:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #2F2F33;
  border-right: 2px solid #2F2F33;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%) rotate(45deg);
}
#wrap.review section .paper_wrap dl + dl {
  margin-top: 1.5em;
}
#wrap.review section .archive_wrap {
  margin-top: 120px;
}
#wrap.review section .archive_wrap ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
#wrap.review section .archive_wrap ul li {
  width: 22.22%;
  margin-top: 60px;
}
#wrap.review section .archive_wrap ul li img {
  width: 100%;
}
#wrap.review section .archive_wrap ul li figcaption {
  display: flex;
  align-items: center;
  color: #000;
  margin-top: 1em;
  letter-spacing: -0.03em;
}
#wrap.review section .archive_wrap ul li figcaption:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  margin-left: 0.5em;
}
#wrap.review section .archive_wrap ul li + li {
  margin-left: 3.7%;
}
#wrap.review section .archive_wrap ul li:nth-child(4n+1) {
  margin-left: 0;
}
#wrap.review section .archive_wrap dl {
  margin-top: 70px;
  font-size: 14px;
  color: #000;
}
#wrap.review section .archive_wrap dl .list_item {
  display: flex;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  border-bottom: 1px solid #C5C5C5;
  padding: 10px 0 15px;
}
#wrap.review section .archive_wrap dl .list_item dt {
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 24px;
}
#wrap.review section .archive_wrap dl .list_item dt span {
  display: block;
  width: 100px;
  background: #2F2F33;
  font-size: 12px;
  text-align: center;
  color: #fff;
  margin-right: 1.5em;
  padding: 0.2em;
}
#wrap.review section .archive_wrap dl .list_item dt:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #2F2F33;
  border-right: 2px solid #2F2F33;
  transform: rotate(45deg);
  margin-left: 0.8em;
}
#wrap.review section .archive_wrap dl .list_item dd {
  margin-top: 1em;
}
#wrap.review section .archive_wrap dl .list_item dd span {
  display: block;
  margin-top: 0.5em;
}
#wrap.review section .archive_wrap dl .list_item + .list_item {
  margin-top: 0.8em;
}
#wrap.review section .archive_wrap dl + dl {
  margin-top: 1.5em;
}
#wrap.review .induction_area {
  margin-top: 120px;
  padding-bottom: 100px;
}
#wrap.review .induction_area ul {
  border-top: 1px solid #C5C5C5;
}
#wrap.review .induction_area ul li {
  color: #000;
}
#wrap.review .induction_area ul li a:after, #wrap.review .induction_area ul li span:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_mini_bk.svg) 50% 50% no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  top: 50%;
  right: -1.8em;
  transform: translateY(-50%);
}
#wrap.review .induction_area ul li span {
  color: #989898;
}
#wrap.review .induction_area ul li span:after {
  content: "";
  position: absolute;
  display: block;
  background: url(/en/RandD/assets/img/common/icon_arrow_mini_gray.svg) 50% 50% no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  top: 50%;
  right: -1.8em;
  transform: translateY(-50%);
}
#wrap.review section.related_links {
  margin-top: 0;
  padding-bottom: 100px;
}
#wrap.review section.related_links .inner {
  max-width: 1240px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap.review section.related_links h2 {
  font-size: 24px;
  line-height: 1.4;
  width: 100%;
  text-align: center;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  #review_ttl {
    height: 50px;
  }
  #review_ttl .inner p {
    font-size: 16px;
  }

  #wrap.review #hero .inner h1 {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #review_ttl {
    height: 50px;
  }
  #review_ttl .inner p {
    font-size: 4.27vw;
  }

  #wrap.review #hero {
    height: 74.67vw;
    background: url(/en/RandD/assets/img/review/hero_bg_sp.jpg) 50% 50% no-repeat;
    background-size: cover;
  }
  #wrap.review #hero .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
  }
  #wrap.review #hero .inner h1 {
    font-size: 8.53vw;
    line-height: 1.31;
    margin-top: 0;
    text-align: center;
  }
  #wrap.review section {
    margin-top: 16vw;
    padding-bottom: 5.33vw;
  }
  #wrap.review section:last-of-type {
    padding-bottom: 21.33vw;
  }
  #wrap.review section .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #wrap.review section .inner_s {
    max-width: 100%;
    margin: 10.67vw auto 0;
    padding-left: 0;
    padding-right: 0;
  }
  #wrap.review section .section_intro {
    padding-bottom: 16vw;
  }
  #wrap.review section .section_intro p {
    font-size: 4.26vw;
    line-height: 1.69;
    text-align: left;
  }
  #wrap.review section h2 {
    font-size: 6.4vw;
    line-height: 1.71;
  }
  #wrap.review section .paper_wrap {
    margin-top: 13.33vw;
  }
  #wrap.review section .paper_wrap dl {
    margin-top: 8vw;
  }
  #wrap.review section .paper_wrap dl .list_item {
    padding: 0 0 5.33vw;
  }
  #wrap.review section .paper_wrap dl .list_item a {
    padding-right: 1.5em;
  }
  #wrap.review section .paper_wrap dl .list_item dt {
    flex-direction: column;
    align-items: start;
    font-size: 5.33vw;
    line-height: 1.7;
    position: relative;
    margin-top: 13.33vw;
  }
  #wrap.review section .paper_wrap dl .list_item dt span {
    position: absolute;
    top: -10.67vw;
    min-width: 26.67vw;
    font-size: 3.2vw;
    margin-right: 0;
    padding: 0.3em;
    margin-top: 0;
  }
  #wrap.review section .paper_wrap dl .list_item dd {
    margin-top: 0.5em;
    font-size: 4.27vw;
    line-height: 1.69;
  }
  #wrap.review section .paper_wrap dl .list_item dd span {
    display: block;
    margin-top: 0.5em;
  }
  #wrap.review section .paper_wrap dl .list_item + .list_item {
    margin-top: 0.8em;
  }
  #wrap.review section .paper_wrap dl .list_item:after {
    width: 2.67vw;
    height: 2.67vw;
    right: 1.33vw;
  }
  #wrap.review section .archive_wrap {
    margin-top: 16vw;
  }
  #wrap.review section .archive_wrap ul {
    margin-top: 0;
  }
  #wrap.review section .archive_wrap ul li {
    width: 43.47vw;
    margin-top: 10.67vw;
  }
  #wrap.review section .archive_wrap ul li figcaption {
    font-size: 4.27vw;
    line-height: 1.69;
    margin-top: 0.5em;
  }
  #wrap.review section .archive_wrap ul li figcaption:after {
    content: "";
    display: block;
    width: 2.67vw;
    height: 2.67vw;
    margin-left: 1em;
  }
  #wrap.review section .archive_wrap ul li + li {
    margin-left: 5vw;
  }
  #wrap.review section .archive_wrap ul li:nth-child(4n+1) {
    margin-left: 5vw;
  }
  #wrap.review section .archive_wrap ul li:nth-child(2n+1) {
    margin-left: 0;
  }
  #wrap.review section .archive_wrap dl {
    margin-top: 70px;
    font-size: 14px;
    color: #000;
  }
  #wrap.review section .archive_wrap dl .list_item {
    display: flex;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    border-bottom: 1px solid #C5C5C5;
    padding: 10px 0 15px;
  }
  #wrap.review section .archive_wrap dl .list_item dt {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 24px;
  }
  #wrap.review section .archive_wrap dl .list_item dt span {
    display: block;
    width: 100px;
    background: #2F2F33;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-right: 1.5em;
    padding: 0.2em;
  }
  #wrap.review section .archive_wrap dl .list_item dt:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    margin-left: 0.8em;
  }
  #wrap.review section .archive_wrap dl .list_item dd {
    margin-top: 1em;
  }
  #wrap.review section .archive_wrap dl .list_item dd span {
    display: block;
    margin-top: 0.5em;
  }
  #wrap.review section .archive_wrap dl .list_item + .list_item {
    margin-top: 0.8em;
  }
  #wrap.review section .archive_wrap dl + dl {
    margin-top: 1.5em;
  }
  #wrap.review .induction_area {
    padding-bottom: 16vw;
    margin-top: 16vw;
  }
  #wrap.review .induction_area ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #wrap.review .induction_area ul li {
    margin: 6.67vw 0 0 0;
    width: 50%;
  }
  #wrap.review .induction_area ul li:first-child {
    width: 100%;
    margin: 10.67vw 0 4vw;
  }
  #wrap.review .induction_area ul li:nth-child(3), #wrap.review .induction_area ul li:nth-child(5), #wrap.review .induction_area ul li:nth-child(7), #wrap.review .induction_area ul li:nth-child(9) {
    padding-left: 1em;
  }
  #wrap.review .induction_area ul li a, #wrap.review .induction_area ul li span {
    font-size: 3.73vw;
  }
  #wrap.review .induction_area ul li a:after, #wrap.review .induction_area ul li span:after {
    background-size: 4.27vw 4.27vw;
    width: 4.27vw;
    height: 4.27vw;
  }
  #wrap.review .induction_area ul li span {
    color: #989898;
  }
  #wrap.review .induction_area ul li span:after {
    background-size: 4.27vw 4.27vw;
    width: 4.27vw;
    height: 4.27vw;
  }
  #wrap.review section.related_links {
    margin-top: 0;
    padding-bottom: 16vw;
  }
  #wrap.review section.related_links .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #wrap.review section.related_links h2 {
    font-size: 4.8vw;
  }
  #wrap.review .breadcrumb .inner {
    padding: 0 4vw;
  }
  #wrap.review .breadcrumb ul {
    align-items: center;
  }
  #wrap.review .breadcrumb ul li {
    padding: 0 2vw;
    letter-spacing: -0.03em;
  }
  #wrap.review .breadcrumb ul li:nth-child(1) {
    padding-left: 0;
  }
  #wrap.review .breadcrumb ul li:last-child {
    padding-right: 0;
  }
}
/*
新規Web掲載論文
*/
#wrap.review.papers #hero {
  height: 315px;
  background: none;
}
#wrap.review.papers #hero .inner {
  justify-content: flex-start;
  max-width: 1120px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap.review.papers #hero h1 {
  position: relative;
  color: #000;
  line-height: 1.2;
  margin-top: 180px;
  text-shadow: none;
  padding-bottom: 80px;
}
#wrap.review.papers #hero h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 120px;
  height: 1px;
  background: #C5C5C5;
}
#wrap.review.papers section {
  margin-top: 30px;
}
#wrap.review.papers section:last-of-type {
  padding-bottom: 150px;
}
#wrap.review.papers section .inner {
  max-width: 1120px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap.review.papers section .web_paper_wrap {
  margin-top: 0;
}
#wrap.review.papers section .web_paper_wrap dl {
  margin-top: 0;
  color: #000;
}
#wrap.review.papers section .web_paper_wrap dl .list_item {
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  border-bottom: 1px solid #C5C5C5;
  padding: 60px 0;
}
#wrap.review.papers section .web_paper_wrap dl .list_item dt {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.71;
}
#wrap.review.papers section .web_paper_wrap dl .list_item dd {
  margin-top: 2em;
}
#wrap.review.papers section .web_paper_wrap dl .list_item dd span {
  display: block;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
}
#wrap.review.papers section .web_paper_wrap dl .list_item dd p {
  line-height: 1.69;
  margin-top: 1em;
}
#wrap.review.papers section .web_paper_wrap dl .list_item dd a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  width: 312px;
  height: 70px;
  margin: 40px auto 0;
}
#wrap.review.papers section .web_paper_wrap dl .list_item dd a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: translateY(-50%) rotate(45deg);
}
#wrap.review.papers section .web_paper_wrap dl + dl {
  margin-top: 1.5em;
}
#wrap.review.papers section.related_links {
  margin-top: 0;
  padding-bottom: 100px;
}
#wrap.review.papers section.related_links .inner {
  max-width: 1240px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap.review.papers section.related_links h2 {
  font-size: 24px;
  line-height: 1.4;
  width: 100%;
  text-align: center;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  color: #fff;
}

html:has(#wrap.review.papers) {
  scroll-padding-top: 100px;
}

@media only screen and (max-width: 1023px) {
  #wrap.review.papers #hero .inner h1 {
    margin-top: 60px;
  }

  html:has(#wrap.review.papers) {
    scroll-padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.review.papers #hero {
    height: auto;
  }
  #wrap.review.papers #hero .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #wrap.review.papers #hero .inner h1 {
    margin-top: 16vw;
    padding-bottom: 16vw;
    font-size: 6.4vw;
    text-align: left;
    line-height: 1.71;
    letter-spacing: -0.02em;
  }
  #wrap.review.papers #hero .inner h1:after {
    width: 26.67vw;
  }
  #wrap.review.papers section {
    margin-top: 21.33vw;
    padding-bottom: 5.33vw;
  }
  #wrap.review.papers section:first-of-type {
    margin-top: 0;
  }
  #wrap.review.papers section:last-of-type {
    padding-bottom: 21.33vw;
  }
  #wrap.review.papers section .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #wrap.review.papers section .inner_s {
    max-width: 100%;
    margin: 10.67vw auto 0;
    padding-left: 0;
    padding-right: 0;
  }
  #wrap.review.papers section .section_intro {
    padding-bottom: 21.33vw;
  }
  #wrap.review.papers section .section_intro p {
    font-size: 4.26vw;
    line-height: 1.69;
  }
  #wrap.review.papers section .web_paper_wrap dl .list_item {
    padding: 16vw 0;
  }
  #wrap.review.papers section .web_paper_wrap dl .list_item dt {
    font-size: 5.33vw;
    line-height: 1.7;
  }
  #wrap.review.papers section .web_paper_wrap dl .list_item dd {
    margin-top: 1.5em;
    font-size: 4.27vw;
  }
  #wrap.review.papers section .web_paper_wrap dl .list_item dd a {
    width: 83.2vw;
    height: 18.67vw;
    margin: 10.67vw auto 0;
    font-size: 4.27vw;
  }
  #wrap.review.papers section .web_paper_wrap dl .list_item dd a:after {
    right: 9.33vw;
    display: block;
    width: 2.67vw;
    height: 2.67vw;
    transform: translateY(-50%) rotate(45deg);
  }
  #wrap.review.papers section .web_paper_wrap dl .list_item + .list_item {
    margin-top: 0;
  }
  #wrap.review.papers section.related_links {
    margin-top: 0;
    padding-bottom: 16vw;
  }
  #wrap.review.papers section.related_links .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #wrap.review.papers section.related_links h2 {
    font-size: 4.8vw;
  }
}
/*
archives
*/
#wrap.review.archives #hero {
  height: auto;
  background: none;
}
#wrap.review.archives #hero .inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1120px;
  gap: 3.7%;
  margin-top: 100px;
  padding: 90px 20px;
  position: relative;
}
#wrap.review.archives #hero .inner > img {
  width: 240px;
}
#wrap.review.archives #hero .inner .hero_text {
  flex: 1;
}
#wrap.review.archives #hero .inner .hero_text h1 {
  font-size: 38px;
  line-height: 1.71;
  margin-top: 0;
  text-shadow: none;
  color: #000;
  margin-top: -17.1px;
}
#wrap.review.archives #hero .inner .hero_text dl {
  color: #000;
  font-size: 16px;
}
#wrap.review.archives #hero .inner .hero_text dl .dl_inner {
  display: flex;
  line-height: 1.69;
}
#wrap.review.archives #hero .inner .hero_text dl .dl_inner dt {
  font-weight: 300;
}
#wrap.review.archives #hero .inner .hero_text dl .dl_inner dt + dd:before {
  content: "：";
}
#wrap.review.archives section {
  margin-top: 30px;
}
#wrap.review.archives section .paper_wrap {
  margin-top: 0;
}
#wrap.review.archives section .paper_wrap dl {
  margin-top: 0;
  border-top: 1px solid #C5C5C5;
}
#wrap.review.archives section .paper_wrap dl .list_item {
  margin-top: 25px;
  padding-bottom: 25px;
}
#wrap.review.archives section .paper_wrap dl .list_item + .list_item:after {
  content: "";
  top: calc(50% - 12.5px);
}
#wrap.review.archives section .paper_wrap dl .list_item:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #2F2F33;
  border-right: 2px solid #2F2F33;
  position: absolute;
  top: calc(50% - 12.5px);
  right: 5px;
  transform: translateY(-50%) rotate(45deg);
}
#wrap.review.archives section.related_links {
  margin-top: 0;
  padding-bottom: 100px;
  display: none!important;
}
#wrap.review.archives section.related_links .inner {
  max-width: 1240px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap.review.archives section.related_links h2 {
  font-size: 24px;
  line-height: 1.4;
  width: 100%;
  text-align: center;
  font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
  color: #fff;
}

html:has(#wrap.review.archives) {
  scroll-padding-top: 100px;
}

@media only screen and (max-width: 1023px) {
  #wrap.review.archives #hero .inner h1 {
    margin-top: 60px;
  }

  html:has(#wrap.review.archives) {
    scroll-padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.review.archives #hero {
    height: auto;
    background: none;
  }
  #wrap.review.archives #hero .inner {
    flex-direction: column-reverse;
    margin-top: 16vw;
    padding: 0 4vw 10.67vw;
    gap: 8vw;
  }
  #wrap.review.archives #hero .inner > img {
    width: 43.47vw;
  }
  #wrap.review.archives #hero .inner .hero_text {
    flex: 1;
  }
  #wrap.review.archives #hero .inner .hero_text h1 {
    position: relative;
    top: 0;
    left: 0;
    font-size: 6.4vw;
    text-align: left;
    line-height: 1.71;
    letter-spacing: -0.02em;
    margin-top: 0;
  }
  #wrap.review.archives #hero .inner .hero_text dl {
    position: relative;
    bottom: unset;
    font-size: 3.73vw;
    margin-top: 0.5em;
  }
  #wrap.review.archives #hero .inner .hero_text dl .dl_inner {
    display: flex;
    line-height: 1.57;
  }
  #wrap.review.archives section {
    margin-top: 21.33vw;
    padding-bottom: 5.33vw;
  }
  #wrap.review.archives section:first-of-type {
    margin-top: 0;
  }
  #wrap.review.archives section:last-of-type {
    padding-bottom: 21.33vw;
  }
  #wrap.review.archives section .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #wrap.review.archives section .inner_s {
    max-width: 100%;
    margin: 10.67vw auto 0;
    padding-left: 0;
    padding-right: 0;
  }
  #wrap.review.archives section .section_intro {
    padding-bottom: 21.33vw;
  }
  #wrap.review.archives section .section_intro p {
    font-size: 4.26vw;
    line-height: 1.69;
  }
  #wrap.review.archives section .paper_wrap {
    width: 100%;
  }
  #wrap.review.archives section .paper_wrap h2 {
    font-size: 4.8vw;
    font-family: "HondaGlobalFontEN-Regular","Noto Sans JP", sans-serif;
    text-align: left;
    padding-bottom: 1.2em;
  }
  #wrap.review.archives section .paper_wrap > dl {
    margin-top: 0;
    font-size: 3.47vw;
  }
  #wrap.review.archives section .paper_wrap > dl .list_item {
    display: flex;
    margin-top: 8vw;
    padding-bottom: 8vw;
  }
  #wrap.review.archives section .paper_wrap > dl .list_item dt {
    width: 100%;
    font-size: 5.33vw;
    line-height: 1.7;
    margin-top: 0;
  }
  #wrap.review.archives section .paper_wrap > dl .list_item + .list_item {
    margin-top: 8vw;
  }
  #wrap.review.archives section .paper_wrap > dl .list_item + .list_item:after {
    content: "";
    top: calc(50% - 4vw);
  }
  #wrap.review.archives section .paper_wrap > dl .list_item:after {
    width: 2.67vw;
    height: 2.67vw;
    right: 1.33vw;
    top: calc(50% - 4vw);
  }
  #wrap.review.archives section .paper_wrap > dl + dl {
    margin-top: 1.5em;
  }
  #wrap.review.archives section.related_links {
    margin-top: 0;
    padding-bottom: 16vw;
  }
  #wrap.review.archives section.related_links .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #wrap.review.archives section.related_links h2 {
    font-size: 4.8vw;
  }
}
/*
人とくるまのテクノロジー展 2025
*/
#wrap.aee2025 main {
  background: #fff;
}
#wrap.aee2025 #hero {
  height: 540px;
}
#wrap.aee2025 #hero h1 {
  margin-top: 0;
  height: 100%;
  position: relative;
}
#wrap.aee2025 #hero h1 img {
  position: absolute;
  bottom: 0;
  min-height: 100%;
  width: 100%;
  object-fit: cover;
}
#wrap.aee2025 section {
  margin-top: 120px;
  padding-bottom: 30px;
}
#wrap.aee2025 section:last-of-type {
  padding-bottom: 100px;
}
#wrap.aee2025 section sup {
  font-size: 10px;
}
#wrap.aee2025 section .note {
  display: flex;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  margin-top: 1em;
}
#wrap.aee2025 section .inner {
  max-width: 1120px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#wrap.aee2025 section .section_intro {
  padding-bottom: 120px;
  border-bottom: 1px solid #C5C5C5;
}
#wrap.aee2025 section .section_intro p {
  color: #000;
}
#wrap.aee2025 section .section_intro dt {
  font-weight: 400;
}
#wrap.aee2025 section .section_contents {
  margin-top: 100px;
}
#wrap.aee2025 section .section_contents .item {
  color: #000;
  line-height: 1.69;
}
#wrap.aee2025 section .section_contents .item h2 {
  font-size: 32px;
}
#wrap.aee2025 section .section_contents .item h3 {
  font-size: 24px;
  margin-top: 90px;
}
#wrap.aee2025 section .section_contents .item .item_intro {
  margin-top: 60px;
}
#wrap.aee2025 section .section_contents .item dl dt {
  font-size: 20px;
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-top: 60px;
}
#wrap.aee2025 section .section_contents .item dl dt:before {
  content: "●";
  display: inline-block;
  margin-right: 0.5em;
  font-size: 14px;
}
#wrap.aee2025 section .section_contents .item dl dd {
  font-size: 16px;
  margin-top: 1em;
}
#wrap.aee2025 section .section_contents .item dl dd ul {
  margin-top: 1em;
  list-style-type: disc;
  list-style-position: inside;
}
#wrap.aee2025 section .section_contents .item dl dd ul li {
  display: list-item;
  padding-left: 1.7em;
  text-indent: -1.3em;
}
#wrap.aee2025 section .section_contents .item dl dd * + p {
  margin-top: 60px;
}
#wrap.aee2025 section .section_contents .item dl dd a {
  text-decoration: underline;
  word-wrap: break-word;
}
#wrap.aee2025 section .section_contents .item dl.schedule_list {
  margin-top: 1em;
}
#wrap.aee2025 section .section_contents .item dl.schedule_list .dl_inner {
  display: flex;
}
#wrap.aee2025 section .section_contents .item dl.schedule_list dt {
  font-size: 16px;
  margin-top: 0;
}
#wrap.aee2025 section .section_contents .item dl.schedule_list dt:before {
  display: none;
}
#wrap.aee2025 section .section_contents .item dl.schedule_list dt:after {
  content: "：";
  display: inline;
}
#wrap.aee2025 section .section_contents .item dl.schedule_list dd {
  margin-top: 0;
}
#wrap.aee2025 section .section_contents .item + .item {
  margin-top: 100px;
  padding-top: 100px;
  border-top: 1px solid #C5C5C5;
}
#wrap.aee2025 section .section_contents .item .item_box {
  border: 8px solid #F5F5F5;
  margin-top: 60px;
  padding: 60px;
}
#wrap.aee2025 section .section_contents .item .item_box h3 {
  margin-top: 0;
  font-size: 20px;
  font-weight: 400;
  width: 100%;
}
#wrap.aee2025 section .section_contents .item .item_box .list_wrap {
  display: flex;
  flex-wrap: wrap;
}
#wrap.aee2025 section .section_contents .item .item_box ol {
  margin-top: 1em;
  counter-reset: number;
  width: 50%;
}
#wrap.aee2025 section .section_contents .item .item_box ol li {
  position: relative;
}
#wrap.aee2025 section .section_contents .item .item_box ol li:before {
  content: counter(number);
  counter-increment: number;
  font-size: 14px;
  margin-right: 1em;
  padding-left: 0.23em;
}
#wrap.aee2025 section .section_contents .item .item_box ol li:after {
  content: "";
  position: absolute;
  display: block;
  top: 0.86em;
  left: 0;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  border: 1px solid #000;
  border-radius: 50%;
}
#wrap.aee2025 section .section_contents .item .item_box ol li span {
  margin-top: 0;
}
#wrap.aee2025 section .section_contents .item .item_box ol:nth-child(2) {
  counter-reset: number 4;
}
#wrap.aee2025 section .section_contents .item .item_box * + h3 {
  margin-top: 60px;
}

@media only screen and (max-width: 1023px) {
  #wrap.aee2025 #hero h1 {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #wrap.aee2025 #hero {
    height: 74.67vw;
  }
  #wrap.aee2025 #hero h1 {
    margin-top: 0;
  }
  #wrap.aee2025 section {
    margin-top: 21.33vw;
    padding-bottom: 5.33vw;
  }
  #wrap.aee2025 section:last-of-type {
    padding-bottom: 16vw;
  }
  #wrap.aee2025 section sup {
    font-size: 2.67vw;
  }
  #wrap.aee2025 section .note {
    font-size: 3.2vw;
  }
  #wrap.aee2025 section .inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #wrap.aee2025 section .section_intro {
    padding-bottom: 21.33vw;
  }
  #wrap.aee2025 section .section_intro p {
    font-size: 4.26vw;
    line-height: 1.69;
  }
  #wrap.aee2025 section .section_contents {
    margin-top: 21.33vw;
  }
  #wrap.aee2025 section .section_contents .item h2 {
    font-size: 6.4vw;
  }
  #wrap.aee2025 section .section_contents .item h3 {
    font-size: 5.33vw;
    margin-top: 16vw;
  }
  #wrap.aee2025 section .section_contents .item .item_intro {
    margin-top: 10.67vw;
  }
  #wrap.aee2025 section .section_contents .item dl dt {
    font-size: 5.33vw;
    margin-top: 10.67vw;
  }
  #wrap.aee2025 section .section_contents .item dl dt:before {
    font-size: 3.73vw;
  }
  #wrap.aee2025 section .section_contents .item dl dd {
    font-size: 4.27vw;
  }
  #wrap.aee2025 section .section_contents .item dl dd * + p {
    margin-top: 12vw;
  }
  #wrap.aee2025 section .section_contents .item dl.schedule_list .dl_inner {
    flex-wrap: wrap;
  }
  #wrap.aee2025 section .section_contents .item dl.schedule_list .dl_inner + .dl_inner {
    margin-top: 0.4em;
  }
  #wrap.aee2025 section .section_contents .item dl.schedule_list dt {
    font-size: 4.27vw;
    width: 100%;
  }
  #wrap.aee2025 section .section_contents .item dl.schedule_list dd {
    width: 100%;
  }
  #wrap.aee2025 section .section_contents .item + .item {
    margin-top: 21.33vw;
  }
  #wrap.aee2025 section .section_contents .item .item_box {
    margin-top: 10.67vw;
    padding: 10.67vw 8vw;
  }
  #wrap.aee2025 section .section_contents .item .item_box h3 {
    font-size: 5.33vw;
  }
  #wrap.aee2025 section .section_contents .item .item_box ol {
    width: 100%;
  }
  #wrap.aee2025 section .section_contents .item .item_box ol li {
    text-indent: -1.5em;
    padding-left: 1.5em;
  }
  #wrap.aee2025 section .section_contents .item .item_box ol + ol {
    margin-top: 0;
  }
  #wrap.aee2025 section .section_contents .item .item_box * + h3 {
    margin-top: 16vw;
  }
}