@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap);
@charset "UTF-8";
* {
  box-sizing: border-box;
}

/* webkit specific styles */
input[type=color]::-webkit-color-swatch {
  border: none;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: inherit;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

input:focus {
  outline: none;
}

ul, ol {
  list-style-type: none;
}

/*
* Font
*/
/*
* Font Size
*/
/* PC Tablet */
/* Mobile */
/*
* Color
*/
:root {
  --color-primary: #5C9107;
  --color-primary-contrast: #FFF;
  --color-bg: #F3F3F3;
  --color-txt-primary: #0F1404;
  --color-txt-primary-caption: #5E6157;
  --color-txt-primary-caption-light: #666;
  --color-border-solid: #DDD;
  --color-border-solid-2: #C0C0C0;
  --color-border-dotted: #AAA;
  --color-danger: #DB0000;
  --color-danger-light: #FEECF0;
  --color-link: #0000EE;
  --color-white: #FFF;
  --color-black: #000;
}

/*
* Media Query
*/
/*
* メディアクエリ
*/
/*
* ドロップシャドウ
*/
/*
* vwの計算
*/
/**
* Base - サイトのベースになるcss
*/
* {
  font-family: -apple-system, BlinkMacSystemFont, "Josefin Sans", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

main h1, main h2, main h3, main h4, main h5, main h6,
main p,
main li,
main a {
  line-height: 1.6;
}

a {
  color: #00e;
}
a:hover {
  text-decoration: none;
}

address {
  font-style: normal;
}

strong {
  font-weight: bold;
}

input[type=radio] {
  margin: 0 7px 0 0;
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
select:focus,
textarea {
  font-size: 16px;
}

.ly_page {
  display: grid;
  grid-template-columns: 280px 1fr;
  grid-template-areas: "gr_header gr_main" "gr_footer gr_footer";
}

.ly_header {
  grid-area: gr_header;
  padding: 48px;
}

.ly_main {
  grid-area: gr_main;
}

.ly_footer {
  grid-area: gr_footer;
}

@media screen and (max-width: 1024px) {
  .ly_page {
    display: block;
  }
}
.ly_footer {
  background-color: #F3F3F3;
  background-color: var(--color-bg);
  text-align: center;
  padding: 64px 32px;
}

.ly_sect {
  padding: 4.1666666667vw;
}
@media screen and (max-width: 1440px) {
  .ly_sect {
    padding: 80px 56px;
  }
}
@media screen and (max-width: 500px) {
  .ly_sect {
    padding: 56px 32px;
  }
}

.ly_sect__bg {
  background-color: #F3F3F3;
  background-color: var(--color-bg);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media screen and (max-width: 1024px) {
  .ly_sect__bg {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.bl_mobileHeader {
  display: none;
}
@media screen and (max-width: 1024px) {
  .bl_mobileHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px;
  }
}
@media screen and (max-width: 425px) {
  .bl_mobileHeader {
    padding: 16px 24px;
  }
}

@media screen and (max-width: 1024px) {
  .bl_header {
    overflow-y: scroll;
    width: 100%;
    padding: 100px;
  }
}
@media screen and (max-width: 768px) {
  .bl_header {
    padding: 64px;
  }
}
@media screen and (max-width: 425px) {
  .bl_header {
    padding: 40px;
  }
}
@media screen and (max-width: 320px) {
  .bl_header {
    padding: 40px 24px;
  }
}

@media screen and (max-width: 1024px) {
  .bl_header_logo {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .bl_header_logo {
    width: 200px;
  }
}

@media screen and (max-width: 425px) {
  .bl_header_logo__mb {
    transform-origin: center left;
    transform: translateY(2px) scale(0.7);
  }
}

.bl_header_snsList {
  display: flex;
  margin-top: 56px;
}
@media screen and (max-width: 1024px) {
  .bl_header_snsList {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 768px) {
  .bl_header_snsList {
    margin-top: 32px;
  }
}

.bl_header_snsList_item {
  transition: opacity 0.3s;
}
.bl_header_snsList_item:not(:first-child) {
  margin-left: 16px;
}
.bl_header_snsList_item:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}

.bl_header_research {
  display: none;
}
@media screen and (max-width: 1024px) {
  .bl_header_research {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 56px;
  }
}
@media screen and (max-width: 425px) {
  .bl_header_research {
    margin-top: 32px;
    gap: 0;
  }
}

@media screen and (max-width: 1024px) {
  .bl_header_research_item {
    display: flex;
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .bl_header_research_item {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .bl_header_research_item:not(:first-child) .bl_banner_research {
    border-top: 0;
  }
}

@media screen and (max-width: 1024px) {
  .bl_gnavWrap {
    flex-shrink: 0;
  }
}

.bl_footer_caption {
  color: #5E6157;
  color: var(--color-txt-primary-caption);
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 1024px) {
  .bl_footer_caption {
    font-size: 14px;
  }
}

.bl_footer_copy {
  font-size: 14px;
  line-height: 1.6;
  margin-top: 16px;
}
@media screen and (max-width: 1024px) {
  .bl_footer_copy {
    font-size: 13px;
  }
}

.bl_gnavWrap {
  margin-top: calc(56px - 0.5em);
}

.bl_gnavList_item:not(:first-child) {
  margin-top: 1em;
}

.bl_gnavList_link {
  display: block;
  color: #0F1404;
  color: var(--color-txt-primary);
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  transition: opacity 0.3s;
}
.bl_gnavList_link:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}
@media screen and (max-width: 1024px) {
  .bl_gnavList_link {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .bl_gnavList_link {
    font-size: 18px;
  }
}
@media screen and (max-width: 425px) {
  .bl_gnavList_link {
    font-size: 16px;
  }
}

.bl_gnavList__researchMap {
  width: 135px;
}

.bl_snavWrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 24px 32px;
}

.bl_snavList_ttl {
  position: relative;
  font-size: 14px;
  margin-right: 5rem;
}
.bl_snavList_ttl::after {
  content: url(../images/icon_arrow_001.svg);
  position: absolute;
  top: 1px;
  right: -2.5rem;
}

.bl_snavList {
  display: flex;
}

.bl_snavList_item:not(:first-child) {
  margin-left: 2.5em;
}

.bl_snavList_link {
  display: block;
  color: #0F1404;
  color: var(--color-txt-primary);
  font-weight: 400;
  text-decoration: none;
  transition: opacity 0.3s;
}
.bl_snavList_link:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}

@media screen and (max-width: 1024px) {
  .bl_mnav {
    position: relative;
    position: fixed;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-color: #FFF;
    background-color: var(--color-white);
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 1;
  }
  .bl_mnav.is_active {
    display: flex;
  }
  .bl_gnavList_item:not(:first-child) {
    margin-top: 2em;
  }
  .bl_snavWrap {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .bl_gnavWrap {
    margin-top: calc(40px - 0.5em);
  }
  .bl_gnavList_item:not(:first-child) {
    margin-top: 1.25em;
  }
}
/* cardコンポーネントは縦並びがデフォルトとする */
.bl_card {
  display: flex;
  flex-direction: column;
}

.bl_card__horizontal {
  flex-direction: row;
}
@media screen and (max-width: 500px) {
  .bl_card__horizontal {
    flex-direction: column;
  }
}

.bl_card_link {
  color: #0F1404;
  color: var(--color-txt-primary);
  text-decoration: none;
  transition: opacity 0.3s;
}
.bl_card_link:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}

.bl_card_imgWrap {
  order: 1;
}

.bl_card_img {
  width: 100%;
}

.bl_card_body {
  order: 2;
  margin-top: 8px;
}
.bl_card__horizontal .bl_card_body {
  margin-top: 0;
  margin-left: 16px;
}
@media screen and (max-width: 500px) {
  .bl_card__horizontal .bl_card_body {
    margin-top: 0;
    margin-left: 0;
  }
}

.bl_card_txt {
  font-size: 16px;
}

.bl_card_updated {
  color: #5E6157;
  color: var(--color-txt-primary-caption);
  font-size: 13px;
  margin-top: 8px;
}

.bl_news_item {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
}
.bl_news_item:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 500px) {
  .bl_news_item {
    flex-direction: column;
  }
}

.bl_news_ttl {
  width: 4em;
  flex-shrink: 0;
  line-height: 1.6;
}
@media screen and (max-width: 500px) {
  .bl_news_ttl {
    width: 100%;
  }
}

.bl_news_data {
  padding-left: 1em;
}
@media screen and (max-width: 500px) {
  .bl_news_data {
    padding-left: 0;
  }
}

.bl_banner_achieve {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 130px;
  padding: 40px;
}
@media screen and (max-width: 425px) {
  .bl_banner_achieve {
    padding: 32px 24px;
  }
}

.bl_banner_achieve_link {
  color: #FFF;
  color: var(--color-white);
  text-decoration: none;
  transition: opacity 0.3s;
}
.bl_banner_achieve_link:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}

.bl_banner_achieve_ttl {
  display: flex;
  flex-direction: column;
}

.bl_banner_achieve_ttl__en {
  font-size: 31px;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .bl_banner_achieve_ttl__en {
    font-size: 23px;
  }
}

.bl_banner_achieve_ttl__ja {
  font-size: 16px;
  margin-top: -0.5em;
}
@media screen and (max-width: 1024px) {
  .bl_banner_achieve_ttl__ja {
    font-size: 14px;
  }
}

.bl_banner_achieve_move {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  background-color: var(--color-white);
  padding: 4px 8px;
}

.bl_banner_achieve__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.bl_banner_achieve__publishedpapers::after {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/banner_publishedpapers_001.jpg);
  filter: brightness(0.7);
}

.bl_banner_achieve__awards::after {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/banner_awards_001.jpg);
  filter: brightness(0.7);
}

.bl_banner_achieve__misc::after {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/banner_misc_001.jpg);
  filter: brightness(0.7);
}

.bl_banner_research {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #DDD;
  border: 1px solid var(--color-border-solid);
  padding: 24px;
}

.bl_banner_research_link {
  color: #0F1404;
  color: var(--color-txt-primary);
  text-decoration: none;
}

.bl_banner_research_ttl {
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .bl_banner_research_ttl {
    font-size: 20px;
  }
}
.bl_banner_research_ttl img {
  transform-origin: left;
  transform: scale(0.7);
}

.bl_banner_research_detail {
  font-size: 13px;
  line-height: 1.6;
  margin-top: 4px;
  margin-bottom: 8px;
}

.bl_banner_research_btn {
  margin-top: auto;
}
.bl_banner_research_btn.el_btn_more::after {
  transform: scale(0.8);
  margin-left: 8px;
}

.bl_researchgroup {
  padding-top: 4px;
}

.bl_researchgroup_ttl {
  color: #4e7c06;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .bl_researchgroup_ttl {
    font-size: 18px;
  }
}

.bl_researchgroup_ttl_sub {
  font-weight: bold;
}

.bl_researchgroup_contents {
  margin: 8px 0 40px 16px;
}

.bl_researchgroup_contents_ttl {
  font-weight: 500;
  border-left: solid 6px #ecde8d;
  padding-left: 8px;
}
.bl_researchgroup_contents_ttl a {
  color: #0F1404;
  color: var(--color-txt-primary);
}

.bl_researchgroup_contents_list {
  margin-top: 12px;
  padding-left: 16px;
}
.bl_researchgroup_contents_list li {
  margin-top: 6px;
}
.bl_researchgroup_contents_list a {
  color: #0F1404;
  color: var(--color-txt-primary);
}

.bl_researchgroup_caption {
  max-width: 1000px;
  width: 100%;
  margin-top: 16px;
  padding: 20px;
  background-color: #FAF6E0;
}

.bl_researchgroup_tab {
  font-size: 14px;
  cursor: pointer;
}

.tab_btn:hover {
  background-color: #F3F3F3;
  background-color: var(--color-bg);
}

.tab_btn {
  padding: 8px;
}
@media screen and (max-width: 1440px) {
  .tab_btn {
    display: table;
  }
}

.tab_btn.active {
  background: #5C9107;
  background: var(--color-primary);
  color: #fff;
}

.tab_panel {
  display: none;
}

.tab_panel.active {
  display: block;
}

.el_head_lv1 {
  display: flex;
  flex-direction: column;
}

.el_head_lv1__main {
  font-size: 31px;
  font-weight: 300;
}
.el_head_lv1__lead .el_head_lv1__main {
  font-size: 69px;
}

.el_head_lv1__un .el_head_lv1__main {
  font-size: 40px;
}

.el_head_lv1__sub {
  color: #5C9107;
  color: var(--color-primary);
  font-size: 13px;
  margin-top: -4px;
}
.el_head_lv1__lead .el_head_lv1__sub {
  font-size: 20px;
}

.el_iconWrap__inline {
  display: inline;
}

.el_icon__left {
  margin-right: 0.5em;
}

.el_icon__right {
  margin-left: 0.5em;
}

.el_icon__primary {
  color: #5C9107;
  color: var(--color-primary);
}

.el_btn_more {
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  text-decoration: none;
  transition: opacity 0.3s;
  padding: 0;
}
.el_btn_more::after {
  content: url(../images/icon_arrow_002.svg);
  margin-top: 4px;
  margin-left: 16px;
}
.el_btn_more:hover {
  opacity: 0.6;
  transition: opacity 0.3s;
}

.el_btn_more_txt {
  position: relative;
  color: #0F1404;
  color: var(--color-txt-primary);
}
.el_btn_more_txt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #0F1404;
  background-color: var(--color-txt-primary);
  transition: width 0.4s ease-out;
}
.el_btn_more:hover .el_btn_more_txt::after {
  width: 100%;
  transition: width 0.2s ease;
}

.el_btn_menu {
  cursor: pointer;
  display: none;
  position: relative;
  width: 31px;
  height: 21px;
  background-color: transparent;
  border: none;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .el_btn_menu {
    display: block;
  }
}

.el_btn_menu_line {
  position: absolute;
  display: block;
  background-color: #000;
  background-color: var(--color-black);
  width: 100%;
  height: 1px;
  right: 0;
  left: 0;
  margin: auto;
  transition: all 0.3s;
}
.el_btn_menu_line:nth-of-type(1) {
  top: 0;
}
.el_btn_menu_line:nth-of-type(2) {
  top: 10px;
}
.el_btn_menu_line:nth-of-type(3) {
  bottom: 0;
}
.is_active .el_btn_menu_line {
  transition: all 0.3s;
}
.is_active .el_btn_menu_line:nth-of-type(1) {
  transform: translateY(10px) rotate(45deg);
}
.is_active .el_btn_menu_line:nth-of-type(2) {
  opacity: 0;
}
.is_active .el_btn_menu_line:nth-of-type(3) {
  transform: translateY(-10px) rotate(-45deg);
}

.el_backTop {
  cursor: pointer;
  position: fixed;
  right: 32px;
  bottom: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  text-decoration: none;
  border-radius: 4px;
  transition: transform 0.3s;
}
.el_backTop:hover {
  transform: translateY(-8px);
  transition: transform 0.3s;
}
.el_backTop_icon {
  color: #FFF;
  color: var(--color-white);
  font-size: 18px;
}

.el_txt__danger {
  color: #DB0000;
  color: var(--color-danger);
}

.el_domain::before {
  content: "@";
}

.un_home_sect_head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-shrink: 0;
}
@media screen and (max-width: 1440px) {
  .un_home_sect_head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media screen and (max-width: 1024px) {
  .un_home_sect_head {
    justify-content: center;
  }
  .un_home_sect_head .el_head_lv1 {
    text-align: center;
    align-items: center;
  }
  .un_home_sect_head .el_btn_more {
    display: none;
  }
}

.un_home_sect_head__vertical {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.un_home_sect_head__vertical .el_btn_more {
  margin-top: 24px;
}
@media screen and (max-width: 1440px) {
  .un_home_sect_head__vertical {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .un_home_sect_head__vertical .el_btn_more {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .un_home_sect_head__vertical {
    justify-content: center;
  }
  .un_home_sect_head__vertical .el_btn_more {
    display: none;
  }
}

.un_home_flexSect {
  display: flex;
  gap: 2.7083333333vw;
}
@media screen and (max-width: 1440px) {
  .un_home_flexSect {
    flex-direction: column;
    gap: 32px;
  }
}

.un_home_blog {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1440px) {
  .un_home_blog {
    flex-wrap: wrap;
    margin-top: -64px;
  }
}
@media screen and (max-width: 425px) {
  .un_home_blog {
    flex-direction: column;
    margin-top: -32px;
  }
}

.un_home_blog_item {
  width: calc((100% - 7.5vw) / 4);
}
@media screen and (max-width: 1440px) {
  .un_home_blog_item {
    width: calc(50% - 16px);
    margin-top: 64px;
  }
}
@media screen and (max-width: 425px) {
  .un_home_blog_item {
    width: 100%;
    margin-top: 32px;
  }
}

.un_home_newsAndBlog {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1440px) {
  .un_home_newsAndBlog {
    flex-direction: column;
  }
}

.un_home_news {
  margin-right: 2.0833333333vw;
}
.un_home_news .bl_news {
  overflow-y: scroll;
  height: 300px;
  padding-right: 1em;
}
.un_home_news .bl_news_item {
  font-size: 14px;
}
@media screen and (max-width: 1440px) {
  .un_home_news {
    margin-right: 0;
  }
  .un_home_news .bl_news_item {
    font-size: 16px;
  }
}

.un_home_booksWrap {
  flex-shrink: 0;
}
@media screen and (max-width: 1440px) {
  .un_home_booksWrap {
    margin-top: 80px;
  }
}

.un_home_books {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1440px) {
  .un_home_books {
    gap: 32px;
  }
}
@media screen and (max-width: 500px) {
  .un_home_books {
    flex-wrap: wrap;
    gap: 24px;
  }
}
@media screen and (max-width: 375px) {
  .un_home_books {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}

.un_home_books_item {
  display: block;
  width: calc((100% - 4.1666666667vw) / 3);
  max-width: 160px;
}
.un_home_books_item .bl_card_txt {
  font-size: 12px;
}
@media screen and (max-width: 1440px) {
  .un_home_books_item {
    max-width: 260px;
    width: 100%;
  }
  .un_home_books_item .bl_card_txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 500px) {
  .un_home_books_item {
    width: calc(50% - 12px);
  }
}
@media screen and (max-width: 375px) {
  .un_home_books_item {
    width: 100%;
  }
  .un_home_books_item:not(:first-child) {
    margin-top: 24px;
  }
}

.un_home_media {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6666666667vw;
  margin-top: 56px;
}
@media screen and (max-width: 1440px) {
  .un_home_media {
    gap: 32px;
  }
}
@media screen and (max-width: 1024px) {
  .un_home_media {
    flex-direction: column;
    gap: 0;
  }
}

.un_home_media_item {
  width: calc((100% - 3.3333333333vw) / 3);
}
.un_home_media_item .bl_card_imgWrap {
  min-width: 190px;
}
@media screen and (max-width: 1440px) {
  .un_home_media_item {
    width: calc((100% - 32px) / 2);
  }
}
@media screen and (max-width: 1024px) {
  .un_home_media_item {
    width: 100%;
  }
  .un_home_media_item:not(:first-child) {
    margin-top: 32px;
  }
}

.un_home_achieve {
  display: flex;
  gap: 1.6666666667vw;
  margin-top: 56px;
}
.un_home_achieve .bl_banner_achieve_ttl__en {
  font-size: 31px;
  font-size: 1.6145833333vw;
}
.un_home_achieve .bl_banner_achieve_ttl__ja {
  font-size: 16px;
  font-size: 0.8333333333vw;
}
@media screen and (max-width: 1024px) {
  .un_home_achieve {
    flex-direction: column;
    gap: 0;
  }
  .un_home_achieve .bl_banner_achieve_ttl__en {
    font-size: 23px;
  }
  .un_home_achieve .bl_banner_achieve_ttl__ja {
    font-size: 14px;
  }
}

.un_home_achieve_item {
  width: calc((100% - 3.3333333333vw) / 3);
}
@media screen and (max-width: 1024px) {
  .un_home_achieve_item {
    width: 100%;
  }
  .un_home_achieve_item:not(:first-child) {
    margin-top: 16px;
  }
}

.un_home_research {
  display: flex;
  gap: 1.6666666667vw;
  margin-top: 1.6666666667vw;
}
@media screen and (max-width: 1024px) {
  .un_home_research {
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 500px) {
  .un_home_research {
    gap: 0;
    margin-top: 16px;
  }
}

.un_home_research_item {
  display: flex;
  width: calc((100% - 3.3333333333vw) / 4);
}
@media screen and (max-width: 1024px) {
  .un_home_research_item {
    width: calc(50% - 8px);
  }
}
@media screen and (max-width: 500px) {
  .un_home_research_item {
    width: 100%;
  }
  .un_home_research_item:not(:first-child) {
    margin-top: 16px;
  }
}

.un_home_moreWrap__mb {
  display: none;
}
@media screen and (max-width: 1024px) {
  .un_home_moreWrap__mb {
    display: flex;
    justify-content: flex-end;
  }
}

.un_lowpage_flexSect {
  display: grid;
  grid-template-columns: 290px 1fr;
}
@media screen and (max-width: 1440px) {
  .un_lowpage_flexSect {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}

.un_lowpage_ttl {
  padding-right: 88px;
}
@media screen and (max-width: 1440px) {
  .un_lowpage_ttl {
    padding-right: 0;
  }
}

/*
* color
*/
.hp_colorMain {
  color: #5C9107 !important;
  color: var(--color-primary) !important;
}
.hp_colorDanger {
  color: #DB0000 !important;
  color: var(--color-danger) !important;
}

/*
* font
*/
.hp_fwBold {
  font-weight: bold !important;
}
.hp_fs80per {
  font-size: 0.8em !important;
}
.hp_fs120per {
  font-size: 1.2em !important;
}

/*
* margin
*/
.hp {
  /* margin top */
  /* margin right */
  /* margin bottom */
  /* margin left */
}
.hp_mt0p {
  margin-top: 0px !important;
}
.hp_mt5p {
  margin-top: 5px !important;
}
.hp_mt10p {
  margin-top: 10px !important;
}
.hp_mt15p {
  margin-top: 15px !important;
}
.hp_mt20p {
  margin-top: 20px !important;
}
.hp_mt25p {
  margin-top: 25px !important;
}
.hp_mt30p {
  margin-top: 30px !important;
}
.hp_mt35p {
  margin-top: 35px !important;
}
.hp_mt40p {
  margin-top: 40px !important;
}
.hp_mt45p {
  margin-top: 45px !important;
}
.hp_mt50p {
  margin-top: 50px !important;
}
.hp_mt55p {
  margin-top: 55px !important;
}
.hp_mt60p {
  margin-top: 60px !important;
}
.hp_mt65p {
  margin-top: 65px !important;
}
.hp_mt70p {
  margin-top: 70px !important;
}
.hp_mt100p {
  margin-top: 100px !important;
}
.hp_mr0p {
  margin-right: 0px !important;
}
.hp_mr5p {
  margin-right: 5px !important;
}
.hp_mr10p {
  margin-right: 10px !important;
}
.hp_mr15p {
  margin-right: 15px !important;
}
.hp_mr20p {
  margin-right: 20px !important;
}
.hp_mr25p {
  margin-right: 25px !important;
}
.hp_mr30p {
  margin-right: 30px !important;
}
.hp_mr35p {
  margin-right: 35px !important;
}
.hp_mr40p {
  margin-right: 40px !important;
}
.hp_mr45p {
  margin-right: 45px !important;
}
.hp_mr50p {
  margin-right: 50px !important;
}
.hp_mr55p {
  margin-right: 55px !important;
}
.hp_mr60p {
  margin-right: 60px !important;
}
.hp_mr65p {
  margin-right: 65px !important;
}
.hp_mr70p {
  margin-right: 70px !important;
}
.hp_mb0p {
  margin-bottom: 0px !important;
}
.hp_mb5p {
  margin-bottom: 5px !important;
}
.hp_mb10p {
  margin-bottom: 10px !important;
}
.hp_mb15p {
  margin-bottom: 15px !important;
}
.hp_mb20p {
  margin-bottom: 20px !important;
}
.hp_mb25p {
  margin-bottom: 25px !important;
}
.hp_mb30p {
  margin-bottom: 30px !important;
}
.hp_mb35p {
  margin-bottom: 35px !important;
}
.hp_mb40p {
  margin-bottom: 40px !important;
}
.hp_mb45p {
  margin-bottom: 45px !important;
}
.hp_mb50p {
  margin-bottom: 50px !important;
}
.hp_mb55p {
  margin-bottom: 55px !important;
}
.hp_mb60p {
  margin-bottom: 60px !important;
}
.hp_mb65p {
  margin-bottom: 65px !important;
}
.hp_mb70p {
  margin-bottom: 70px !important;
}
.hp_ml0p {
  margin-left: 0px !important;
}
.hp_ml5p {
  margin-left: 5px !important;
}
.hp_ml10p {
  margin-left: 10px !important;
}
.hp_ml15p {
  margin-left: 15px !important;
}
.hp_ml20p {
  margin-left: 20px !important;
}
.hp_ml25p {
  margin-left: 25px !important;
}
.hp_ml30p {
  margin-left: 30px !important;
}
.hp_ml35p {
  margin-left: 35px !important;
}
.hp_ml40p {
  margin-left: 40px !important;
}
.hp_ml45p {
  margin-left: 45px !important;
}
.hp_ml50p {
  margin-left: 50px !important;
}
.hp_ml55p {
  margin-left: 55px !important;
}
.hp_ml60p {
  margin-left: 60px !important;
}
.hp_ml65p {
  margin-left: 65px !important;
}
.hp_ml70p {
  margin-left: 70px !important;
}

/*
* padding
*/
.hp {
  /* padding top */
  /* padding right */
  /* padding bottom */
  /* padding left */
}
.hp_pt0p {
  padding-top: 0px !important;
}
.hp_pt5p {
  padding-top: 5px !important;
}
.hp_pt10p {
  padding-top: 10px !important;
}
.hp_pt15p {
  padding-top: 15px !important;
}
.hp_pt20p {
  padding-top: 20px !important;
}
.hp_pt25p {
  padding-top: 25px !important;
}
.hp_pt30p {
  padding-top: 30px !important;
}
.hp_pt35p {
  padding-top: 35px !important;
}
.hp_pt40p {
  padding-top: 40px !important;
}
.hp_pt45p {
  padding-top: 45px !important;
}
.hp_pt50p {
  padding-top: 50px !important;
}
.hp_pt55p {
  padding-top: 55px !important;
}
.hp_pt60p {
  padding-top: 60px !important;
}
.hp_pt65p {
  padding-top: 65px !important;
}
.hp_pt70p {
  padding-top: 70px !important;
}
.hp_pr0p {
  padding-right: 0px !important;
}
.hp_pr5p {
  padding-right: 5px !important;
}
.hp_pr10p {
  padding-right: 10px !important;
}
.hp_pr15p {
  padding-right: 15px !important;
}
.hp_pr20p {
  padding-right: 20px !important;
}
.hp_pr25p {
  padding-right: 25px !important;
}
.hp_pr30p {
  padding-right: 30px !important;
}
.hp_pr35p {
  padding-right: 35px !important;
}
.hp_pr40p {
  padding-right: 40px !important;
}
.hp_pr45p {
  padding-right: 45px !important;
}
.hp_pr50p {
  padding-right: 50px !important;
}
.hp_pr55p {
  padding-right: 55px !important;
}
.hp_pr60p {
  padding-right: 60px !important;
}
.hp_pr65p {
  padding-right: 65px !important;
}
.hp_pr70p {
  padding-right: 70px !important;
}
.hp_pb0p {
  padding-bottom: 0px !important;
}
.hp_pb5p {
  padding-bottom: 5px !important;
}
.hp_pb10p {
  padding-bottom: 10px !important;
}
.hp_pb15p {
  padding-bottom: 15px !important;
}
.hp_pb20p {
  padding-bottom: 20px !important;
}
.hp_pb25p {
  padding-bottom: 25px !important;
}
.hp_pb30p {
  padding-bottom: 30px !important;
}
.hp_pb35p {
  padding-bottom: 35px !important;
}
.hp_pb40p {
  padding-bottom: 40px !important;
}
.hp_pb45p {
  padding-bottom: 45px !important;
}
.hp_pb50p {
  padding-bottom: 50px !important;
}
.hp_pb55p {
  padding-bottom: 55px !important;
}
.hp_pb60p {
  padding-bottom: 60px !important;
}
.hp_pb65p {
  padding-bottom: 65px !important;
}
.hp_pb70p {
  padding-bottom: 70px !important;
}
.hp_pl0p {
  padding-left: 0px !important;
}
.hp_pl5p {
  padding-left: 5px !important;
}
.hp_pl10p {
  padding-left: 10px !important;
}
.hp_pl15p {
  padding-left: 15px !important;
}
.hp_pl20p {
  padding-left: 20px !important;
}
.hp_pl25p {
  padding-left: 25px !important;
}
.hp_pl30p {
  padding-left: 30px !important;
}
.hp_pl35p {
  padding-left: 35px !important;
}
.hp_pl40p {
  padding-left: 40px !important;
}
.hp_pl45p {
  padding-left: 45px !important;
}
.hp_pl50p {
  padding-left: 50px !important;
}
.hp_pl55p {
  padding-left: 55px !important;
}
.hp_pl60p {
  padding-left: 60px !important;
}
.hp_pl65p {
  padding-left: 65px !important;
}
.hp_pl70p {
  padding-left: 70px !important;
}

.hp_txtCenter {
  text-align: center !important;
}
.hp_txtLeft {
  text-align: left !important;
}
.hp_txtRight {
  text-align: right !important;
}
.hp_txtJust {
  text-align: justify !important;
}

/*
* Base
*/
/*
* Layout
*/
/*
* Block
*/
/*
* Element
*/
/*
* Unique
*/
/*
* Helper
*/