@charset "UTF-8";
/*----------------------------------------*/
/* SCSS Variables */
/*----------------------------------------*/
/*----------------------------------------*/
/* CSS Import */
/*----------------------------------------*/
:root {
  --white: #ffffff;
  --black: #000000;
  --decc-blue-1200: #2b444c;
  --decc-blue-1100: #345a7f;
  --decc-blue-900: #007fc7;
  --decc-blue-400: #9aadbf;
  --decc-blue-300: #afc4dd;
  --decc-blue-250: #bdd4ef;
  --decc-blue-200: #deebfe;
  --decc-blue-100: #e6edf1;
  --decc-blue-50: #f3f8ff;
  --decc-dark-blue-900: #293382;
  --decc-gray-900: #111111;
  --decc-gray-800: #373737;
  --decc-gray-700: #666666;
  --decc-gray-600: #8a8a8a;
  --decc-gray-500: #9d9d9d;
  --decc-gray-400: #a4a4a4;
  --decc-gray-300: #cccccc;
  --decc-gray-200: #dddddd;
  --decc-gray-100: #efefef;
  --decc-gray-50: #f2f2f2;
  --decc-dull-blue-100: #cbd5d8;
  --decc-dull-blue-50: #f6f8f9;
  /*----------------------------------------*/
  /* Font */
  /*----------------------------------------*/
  /* Font Family */
  --font-family--normal: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Helvetica Neue", Arial, Meiryo, sans-serif;
  --font-family--en: 'Helvetica Neue', -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, system-ui, BlinkMacSystemFont, sans-serif;
  /* Font Sizes */
  --font-size-txt--m: 1.1vw;
}
@media screen and (max-width: 1600px) {
  :root {
    --font-size-txt--m: 1.2vw;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --font-size-txt--m: 1.3vw;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --font-size-txt--m: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --font-size-txt--m: 2.4vw;
  }
}
@media screen and (max-width: 576px) {
  :root {
    --font-size-txt--m: 2.8vw;
  }
}
@media screen and (max-width: 468px) {
  :root {
    --font-size-txt--m: 3.4vw;
  }
}
@media screen and (max-width: 375px) {
  :root {
    --font-size-txt--m: 4vw;
  }
}
:root {
  --font-size-txt--s: calc(var(--font-size-txt--m) * 0.75) ;
  --font-size-ttl--xl: calc(var(--font-size-txt--m) * 2.4);
  --font-size-ttl--xl--en: calc(var(--font-size-txt--m) * 2.8);
  --font-size-ttl--l: calc(var(--font-size-txt--m) * 2);
  --font-size-ttl--m: calc(var(--font-size-txt--m) * 1.5);
  --font-size-ttl--s: var(--font-size-txt--m);
  --font-size-ttl--xs: calc(var(--font-size-txt--m) * 0.75);
}
@media screen and (max-width: 768px) {
  :root {
    --font-size-txt--s: calc(var(--font-size-txt--m) * 0.9);
  }
}
:root {
  /* Line Height */
  --line-height--m: 1.6;
  --line-height--l: calc(var(--line-height--m)*1.25);
  --line-height--s: calc(var(--line-height--m)*0.75);
  --line-height--xs: 1;
  /*----------------------------------------*/
  /* Layout */
  /*----------------------------------------*/
  /* Container Width */
  --container-width--xl: 84vw;
}
@media screen and (max-width: 1024px) {
  :root {
    --container-width--xl: 90vw;
  }
}
:root {
  /* Container Max Width */
  --container-max-width--xl: var(--container-width--xl);
  /* Container Height */
  --container-height--header: 200px;
}
@media screen and (max-width: 468px) {
  :root {
    --container-height--header: 11vw;
  }
}
:root {
  /* Btn Height */
  --btn-height--m: 4vw;
}
@media screen and (max-width: 468px) {
  :root {
    --btn-height--m: 14vw;
  }
}
:root {
  --btn-height--s: calc(var(--btn-height--m)/2);
  /*Space*/
  --space--m: 40px;
}
@media screen and (max-width: 1024px) {
  :root {
    --space--m: 32px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --space--m: 4vw;
  }
}
@media screen and (max-width: 468px) {
  :root {
    --space--m: 6vw;
  }
}
:root {
  --space--xl: calc(var(--space--m) * 2.5);
  --space--l: calc(var(--space--m) * 1.875);
  --space--s: calc(var(--space--m) * 0.75);
  --space--xs: calc(var(--space--m) / 2);
  --space--xxs: calc(var(--space--m) / 4);
  /*Flex Gap*/
  --flex-gap--m: 20px;
}
@media screen and (max-width: 468px) {
  :root {
    --flex-gap--m: 4vw;
  }
}
:root {
  --flex-gap--l: calc(var(--flex-gap--m) * 2);
  --flex-gap--s: calc(var(--flex-gap--m) / 2);
  /*Nav Height*/
  --nav-height: calc(var(--container-height--header)*2);
  /*Border Width*/
  --border-width--m: 4px;
}
@media screen and (max-width: 468px) {
  :root {
    --border-width--m: 1vw;
  }
}
:root {
  --border-width--xl: calc(var(--border-width--m) * 4);
  --border-width--l: calc(var(--border-width--m) * 2);
  --border-width--s: 2px;
  --border-width--xs: 1px;
  /*Border Radius*/
  --border-radius--m: 1vw;
}
@media screen and (max-width: 1600px) {
  :root {
    --border-radius--m: 1.2vw;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --border-radius--m: 1.4vw;
  }
}
@media screen and (max-width: 1024px) {
  :root {
    --border-radius--m: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --border-radius--m: 1.8vw;
  }
}
@media screen and (max-width: 576px) {
  :root {
    --border-radius--m: 2.4vw;
  }
}
@media screen and (max-width: 468px) {
  :root {
    --border-radius--m: 3vw;
  }
}
:root {
  --border-radius--s: calc(var(--border-radius--m) / 2);
  /*----------------------------------------*/
  /* Animation */
  /*----------------------------------------*/
  /*Transition Time*/
  --transition-time--m: 0.3s;
  --transition-time--l: calc(var(--transition-time--m) * 2);
  --transition-time--s: calc(var(--transition-time--m) / 2);
}

html, body {
  box-sizing: border-box;
  min-height: 100vh;
}

html {
  scroll-padding-top: calc(var(--nav-height) + 10px);
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  margin: 0;
  padding: 0;
  color: var(--gray-600);
  font-family: var(--font-family--normal);
  line-height: var(--line-height--m);
  font-weight: 500;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}

img, picture, picture > source, picture > img {
  width: 100%;
  display: block;
}

h1, h2, h3, h4, h5, h6, p, span, a {
  margin-block-start: 0;
  margin-block-end: 0;
  color: inherit;
  text-decoration: none;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
ul:marker {
  display: none !important;
}

ruby > rt {
  font-size: 40%;
  padding-bottom: 2px;
}

/*----------------------------------------*/
/* Elements */
/*----------------------------------------*/
.el_ttl {
  font-weight: normal;
  color: var(--gray-600);
  line-height: var(--line-height--s);
}
.el_ttl__xl {
  font-size: var(--font-size-ttl--xl);
  margin-bottom: var(--space--s);
}
.el_ttl__xl__long {
  font-size: calc(var(--font-size-ttl--xl) * 0.9);
}
@media screen and (max-width: 468px) {
  .el_ttl__xl__long {
    letter-spacing: -0.04em;
  }
}
.el_ttl__l {
  font-size: var(--font-size-ttl--l);
  margin-bottom: var(--space--s);
}
.el_ttl__m {
  position: relative;
  font-size: var(--font-size-ttl--m);
  margin: var(--space--s) 0 var(--space--xs);
}
@media screen and (max-width: 468px) {
  .el_ttl__m {
    margin: var(--space--l) 0 var(--space--s);
  }
}
.el_ttl__m:first-child {
  margin-top: 0;
}
.el_ttl__m__hyphen {
  display: inline-block;
  color: var(--decc-blue-900);
  padding-left: 3vw;
  margin: 4vw 0 2vw;
}
@media screen and (max-width: 1600px) {
  .el_ttl__m__hyphen {
    margin: 6vw 0 3vw;
  }
}
@media screen and (max-width: 768px) {
  .el_ttl__m__hyphen {
    margin: 8vw 0 4vw;
    padding-left: 4vw;
  }
}
@media screen and (max-width: 576px) {
  .el_ttl__m__hyphen {
    margin: 10vw 0 5vw;
    padding-left: 5vw;
  }
}
@media screen and (max-width: 468px) {
  .el_ttl__m__hyphen {
    margin: 12vw 0 4vw;
    padding-left: 6vw;
  }
}
.el_ttl__m__hyphen:before {
  content: "";
  position: absolute;
  display: block;
  width: 2vw;
  height: 0.4vw;
  background-color: var(--decc-blue-900);
  top: calc(50% - 0.2vw);
  left: 0;
}
@media screen and (max-width: 768px) {
  .el_ttl__m__hyphen:before {
    width: 3vw;
    height: 0.6vw;
    top: calc(50% - 0.3vw);
  }
}
@media screen and (max-width: 576px) {
  .el_ttl__m__hyphen:before {
    width: 3.6vw;
    height: 0.8vw;
    top: calc(50% - 0.4vw);
  }
}
@media screen and (max-width: 468px) {
  .el_ttl__m__hyphen:before {
    width: 5vw;
    height: 1vw;
    top: calc(50% - 0.4vw);
  }
}
.ly_cont_readbox + .el_ttl__m__hyphen {
  margin-top: 0;
}
.el_ttl__s {
  font-size: var(--font-size-ttl--s);
}
.el_ttl__xs {
  font-size: var(--font-size-ttl--xs);
}
.el_ttl__bold {
  font-weight: bold;
}
.el_ttl__blue {
  color: var(--light-blue-1000);
}
.el_ttl__mt_l {
  margin-top: var(--space--l);
}
.el_ttl__mt_m {
  margin-top: var(--space--m);
}
.el_ttl__mt_s {
  margin-top: var(--space--s);
}
.el_ttl__mt_xs {
  margin-top: var(--space--xs);
}
.el_ttl__mb_xs {
  margin-bottom: var(--space--xs);
}
@media screen and (max-width: 768px) {
  .el_ttl__mq_md_mt_m, .el_ttl__mq_md_mt_m:first-child {
    margin-top: var(--space--m);
  }
}
.el_subttl {
  display: inline-block;
  color: var(--white);
  font-size: var(--font-size-ttl--s);
  font-weight: 700;
  line-height: 1;
  border-radius: var(--border-radius--s);
  padding: 0.4vw 0.6vw 0.6vw;
  background-color: var(--decc-blue-1100);
  margin-bottom: 0.4vw;
  border: solid 1px var(--decc-blue-1100);
}
@media screen and (max-width: 1600px) {
  .el_subttl {
    padding: 0.6vw 0.8vw 0.8vw;
    margin-bottom: 0.2vw;
  }
}
@media screen and (max-width: 768px) {
  .el_subttl {
    padding: 1vw 1.4vw 1.4vw;
  }
}
@media screen and (max-width: 576px) {
  .el_subttl {
    padding: 1.4vw 1.8vw 1.8vw;
  }
}
.el_subttl__bg_white {
  color: var(--decc-blue-1100);
  background-color: var(--white);
}
.el_txt {
  color: var(--decc-blue-1100);
  font-size: var(--font-size-txt--m);
  margin-bottom: var(--space--s);
  line-height: 2;
}
@media screen and (max-width: 468px) {
  .el_txt {
    margin-top: 1vw;
  }
}
.el_txt a {
  border-bottom: dotted 1px var(--decc-blue-1100);
}
.el_txt__s {
  color: var(--decc-blue-1100);
  font-size: var(--font-size-txt--s);
}
.el_txt__s a {
  color: var(--light-blue-800);
  border-bottom: dotted 1px var(--light-blue-800);
}
.el_txt__bold {
  font-weight: bold;
}
.el_txt__blue {
  color: var(--light-blue-1000);
}
.el_txt__margin_btn_xxs {
  margin-bottom: var(--space--xxs);
}
.el_txt__mb_xs {
  margin-bottom: var(--space--xs);
}
.el_txt__center {
  text-align: center;
}
.el_link__s {
  color: var(--decc-blue-1100);
  font-size: var(--font-size-txt--s);
}
.el_btn__m {
  display: inline-block;
  min-width: 14vw;
  color: var(--decc-blue-1100);
  font-size: var(--font-size-txt--m);
  font-weight: 700;
  line-height: 4vw;
  text-align: center;
  vertical-align: middle;
  background-color: var(--white);
  height: 4vw;
  padding: 0 var(--space--m);
  border-radius: 2vw;
  border: solid 1px var(--decc-blue-1100);
  transition: var(--transition-time--m);
}
@media screen and (max-width: 768px) {
  .el_btn__m {
    height: 8vw;
    line-height: 8vw;
    border-radius: 4vw;
  }
}
@media screen and (max-width: 468px) {
  .el_btn__m {
    line-height: 10vw;
  }
}
@media (hover: hover) {
  .el_btn__m:hover {
    background-color: var(--light-blue-1000);
    transition: var(--transition-time--m);
  }
}
.el_btn__s {
  display: inline-block;
  color: var(--decc-blue-1100);
  font-size: var(--font-size-txt--m);
  line-height: calc(3vw - 1px);
  background-color: var(--white);
  height: 3vw;
  padding: 0 var(--space--s);
  border-radius: calc(var(--container-height--header) / 2);
  border: solid 1px var(--decc-blue-1100);
  cursor: pointer;
  margin-top: 0.4vw;
}
@media screen and (max-width: 768px) {
  .el_btn__s {
    padding: 2vw 8vw;
    margin-top: 2vw;
  }
}
@media screen and (max-width: 576px) {
  .el_btn__s {
    position: relative;
    padding: 4vw 16vw;
    margin-top: 4vw;
    text-align: center;
    z-index: 2;
  }
}
@media (hover: hover) {
  .el_btn__s:hover {
    color: var(--white);
    background-color: var(--decc-blue-1100);
    transition: var(--transition-time--m);
  }
}
.el_btn__blue {
  color: var(--white);
  background-color: var(--decc-blue-900);
  border-color: var(--decc-blue-900);
}
@media screen and (min-width: 1201px) {
  .el_display_none_min_xl {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .el_display_none_min_lg {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .el_display_none_min_md {
    display: none;
  }
}
@media screen and (min-width: 577px) {
  .el_display_none_min_sm {
    display: none;
  }
}
@media screen and (min-width: 469px) {
  .el_display_none_min_xs {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .el_display_none_max_xl {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .el_display_none_max_lg {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .el_display_none_max_md {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .el_display_none_max_sm {
    display: none;
  }
}
@media screen and (max-width: 468px) {
  .el_display_none_max_xs {
    display: none;
  }
}

/*----------------------------------------*/
/* Blocks */
/*----------------------------------------*/
.bl_decc_logo {
  display: block;
  width: 14vw;
}
@media screen and (max-width: 1024px) {
  .bl_decc_logo {
    width: 18vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_decc_logo {
    width: 24vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_decc_logo {
    width: 36vw;
  }
}
.bl_decc_logo img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .bl_menu_btnbox {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_menu_btnbox {
    display: block;
  }
}
.bl_menu_btn {
  position: relative;
  display: block;
  width: calc(100% - 3.4vw);
  padding: 2vw 0 2vw 3.4vw;
  border-bottom: solid 1px var(--decc-blue-400);
}
@media screen and (max-width: 1024px) {
  .bl_menu_btn {
    width: calc(50% - 8vw);
    padding: 3vw 0 3vw 6vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_menu_btn {
    width: calc(100% - 12vw);
    padding: 5vw 0 5vw 12vw;
  }
}
.bl_menu_btn::before {
  content: "";
  display: block;
  width: 2.4vw;
  height: 2.4vw;
  background-color: var(--decc-blue-900);
  font-size: 1.2vw;
  font-weight: 500;
  color: var(--white);
  line-height: 2.4vw;
  text-align: center;
  position: absolute;
  top: calc(50% - 1.2vw);
  left: 0;
}
@media screen and (max-width: 1024px) {
  .bl_menu_btn::before {
    width: 4vw;
    height: 4vw;
    font-size: 2vw;
    line-height: 4vw;
    top: calc(50% - 2vw);
  }
}
@media screen and (max-width: 576px) {
  .bl_menu_btn::before {
    width: 8vw;
    height: 8vw;
    font-size: 4vw;
    line-height: 8vw;
    top: calc(50% - 4vw);
  }
}
.bl_menu_btn_txt {
  display: block;
  font-size: var(--font-size-txt--m);
  font-weight: 700;
  color: var(--decc-blue-1100);
  line-height: 1;
  margin-bottom: 0.2vw;
}
@media screen and (max-width: 576px) {
  .bl_menu_btn_txt {
    margin-bottom: 0.8vw;
  }
}
.bl_menu_btn_ttl {
  display: block;
  font-size: var(--font-size-ttl--m);
  font-weight: 700;
  line-height: 1;
  color: var(--decc-blue-900);
}
.bl_menu_btn:nth-child(1)::before {
  content: "01";
}
.bl_menu_btn:nth-child(2)::before {
  content: "02";
}
.bl_menu_btn:nth-child(3)::before {
  content: "03";
}
.bl_menu_btn:nth-child(4)::before {
  content: "04";
}
.bl_menu_btn:nth-child(5)::before {
  content: "05";
}
.bl_menu_btn:nth-child(6)::before {
  content: "06";
}
.bl_menu_btn:nth-child(7)::before {
  content: "07";
}
.bl_menu_btn:nth-child(8)::before {
  content: "08";
}
.bl_menu_btn:nth-child(9)::before {
  content: "09";
}
@media screen and (max-width: 1024px) {
  .bl_menu_txtlinkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_menu_txtlinkbox {
    gap: 0 6vw;
    margin-top: 4vw;
  }
}
.bl_menu_txtlink {
  display: block;
  font-size: var(--font-size-txt--m);
  font-weight: 500;
  color: var(--decc-blue-1100);
  margin-top: 0.8vw;
}
@media screen and (max-width: 1024px) {
  .bl_menu_txtlink {
    margin-top: 2vw;
  }
}
.bl_menu_txtlink:nth-child(1) {
  margin-top: 2vw;
}
@media screen and (max-width: 1024px) {
  .bl_menu_txtlink:nth-child(1) {
    margin-top: auto;
  }
}
.bl_entrybanner {
  position: relative;
  display: grid;
  place-content: center;
  width: 26vw;
  height: 8vw;
  background: linear-gradient(60deg, #0468ba 0%, #008bd5 100%);
  box-shadow: 0 0.4vw 1vw rgba(70, 94, 124, 0.5);
  border-radius: var(--border-radius--s);
  z-index: 2;
  padding: 0 0.5vw;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .bl_entrybanner {
    width: 40vw;
    height: 12vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_entrybanner {
    width: 48vw;
    height: 14vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_entrybanner {
    width: 52vw;
    padding-left: 38vw;
    height: 32vw;
    display: block;
  }
}
@media (hover: hover) {
  .bl_entrybanner:hover {
    box-shadow: 0 0.1vw rgba(70, 94, 124, 0.5);
    transition: 0.3s;
  }
}
.bl_entrybanner_ph {
  position: absolute;
  display: block;
  width: 8vw;
  height: 8vw;
  right: 2vw;
  top: -3vw;
}
@media screen and (max-width: 1024px) {
  .bl_entrybanner_ph {
    width: 12vw;
    height: 12vw;
    right: 4vw;
    top: -5vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_entrybanner_ph {
    width: 14vw;
    height: 14vw;
    right: 5vw;
    top: -6vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_entrybanner_ph {
    width: 34vw;
    height: 34vw;
    right: auto;
    left: 2vw;
    top: -1vw;
  }
}
.bl_entrybanner_ttl {
  display: block;
  color: var(--white);
  font-size: 2.2vw;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1vw;
}
@media screen and (max-width: 1024px) {
  .bl_entrybanner_ttl {
    font-size: 3.2vw;
    margin-bottom: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_entrybanner_ttl {
    font-size: 3.6vw;
    margin-bottom: 1.6vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_entrybanner_ttl {
    font-size: 6.8vw;
  }
}
.bl_entrybanner_ttl_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .bl_entrybanner_ttl_sp {
    display: inline;
  }
}
.bl_entrybanner_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5vw;
}
@media screen and (max-width: 1024px) {
  .bl_entrybanner_info {
    gap: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_entrybanner_info {
    gap: 1vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_entrybanner_info {
    flex-direction: column;
    align-items: start;
    gap: 2.4vw;
  }
}
.bl_entrybanner_txt {
  white-space: nowrap;
}
.bl_entrybanner_txt_normal {
  display: inline-block;
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  color: var(--white);
  height: 1.1vw;
}
@media screen and (max-width: 1024px) {
  .bl_entrybanner_txt_normal {
    font-size: 1.6vw;
    height: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_entrybanner_txt_normal {
    font-size: 1.8vw;
    height: 1.8vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_entrybanner_txt_normal {
    font-size: 4vw;
    height: 4vw;
  }
}
.bl_entrybanner_txt_bg {
  display: inline-block;
  width: 1.4vw;
  height: 1.4vw;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1.4vw;
  text-align: center;
  vertical-align: middle;
  color: var(--decc-blue-900);
  background-color: var(--white);
  margin: 0 0.1vw;
}
@media screen and (max-width: 1024px) {
  .bl_entrybanner_txt_bg {
    width: 2vw;
    height: 2vw;
    font-size: 1.6vw;
    line-height: 2vw;
    margin: 0 0.2vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_entrybanner_txt_bg {
    width: 2.4vw;
    height: 2.4vw;
    font-size: 1.8vw;
    line-height: 2.4vw;
    margin: 0 0.22vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_entrybanner_txt_bg {
    width: 4vw;
    height: 4vw;
    font-size: 3.2vw;
    line-height: 4vw;
    margin: 0 0.2vw;
  }
}
.bl_entrybanner_btn {
  font-size: 1vw;
  font-weight: 700;
  line-height: 2vw;
  color: var(--decc-blue-900);
  height: 2vw;
  border-radius: 1vw;
  padding: 0 1.2vw;
  background-color: var(--white);
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .bl_entrybanner_btn {
    font-size: 1.6vw;
    line-height: 3vw;
    height: 3vw;
    border-radius: 1.5vw;
    padding: 0 2vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_entrybanner_btn {
    font-size: 1.8vw;
    line-height: 3.4vw;
    height: 3.4vw;
    border-radius: 1.7vw;
    padding: 0 2.2vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_entrybanner_btn {
    font-size: 3.2vw;
    line-height: 8vw;
    text-align: center;
    height: 8vw;
    width: 40vw;
    border-radius: 4vw;
    padding: 0 4vw;
  }
}
.bl_schedulebox {
  position: absolute;
  color: var(--decc-blue-1100);
  top: 2vw;
  left: 2vw;
  display: flex;
  gap: 0.2vw;
}
@media screen and (max-width: 768px) {
  .bl_schedulebox {
    left: auto;
    top: 3vw;
    right: 8vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_schedulebox {
    right: 4vw;
  }
}
.bl_schedulebox_in {
  display: block;
}
@media screen and (max-width: 768px) {
  .bl_schedulebox_in {
    padding: 0.3vw 0 0 0.6vw;
  }
}
.bl_schedulebox_date {
  position: relative;
  display: block;
  font-family: var(--font-family--en);
  font-size: 3.6vw;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .bl_schedulebox_date {
    font-size: 7.2vw;
  }
}
.bl_schedulebox_year, .bl_schedulebox_dow {
  position: relative;
  display: block;
  font-family: var(--font-family--en);
  font-feature-settings: "palt";
  font-size: 1.6vw;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .bl_schedulebox_year, .bl_schedulebox_dow {
    font-size: 3vw;
    line-height: 1;
  }
}
.bl_schedulebox_year:nth-child(1), .bl_schedulebox_dow:nth-child(1) {
  margin-top: 0.2vw;
}
.bl_schedulebox_tod {
  position: absolute;
  display: block;
  width: 0.1vw;
  height: 0.1vw;
  font-family: var(--font-family--en);
  font-feature-settings: "palt";
  font-size: 1.6vw;
  line-height: 1;
  font-weight: 700;
  bottom: 1.8vw;
  right: -0.5vw;
}
@media screen and (max-width: 768px) {
  .bl_schedulebox_tod {
    font-size: 3vw;
    line-height: 1;
    bottom: -1vw;
    right: auto;
    left: 0;
  }
}
.bl_prizebox {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 2vw);
  background-color: var(--decc-blue-900);
  background: linear-gradient(60deg, #001655 0%, #008bd5 100%);
  padding: 1vw;
  border-radius: var(--border-radius--m);
}
@media screen and (max-width: 768px) {
  .bl_prizebox {
    flex-direction: column;
    justify-content: start;
    width: calc(100% - 4vw);
    padding: 2vw;
    background: linear-gradient(135deg, #001655 0%, #008bd5 100%);
    gap: 2vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox {
    width: calc(100% - 8vw);
    padding: 4vw;
    gap: 4vw;
  }
}
.bl_prizebox_contest {
  width: 24vw;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 1vw;
  border-radius: var(--border-radius--s);
}
@media screen and (max-width: 1200px) {
  .bl_prizebox_contest {
    width: 28vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest {
    width: calc(100% - 4vw);
    padding: 2vw 2vw 4vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_contest {
    width: calc(100% - 4vw);
    padding: 2vw;
  }
}
.bl_prizebox_contest_ttl {
  width: 100%;
  height: 4vw;
  color: var(--decc-blue-1100);
  font-size: var(--font-size-ttl--m);
  line-height: 3.8vw;
  background-color: var(--white);
  text-align: center;
  border-radius: var(--border-radius--s);
}
@media screen and (max-width: 1024px) {
  .bl_prizebox_contest_ttl {
    height: 5vw;
    line-height: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest_ttl {
    height: 8vw;
    line-height: 7.8vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_contest_ttl {
    height: 10vw;
    line-height: 9.8vw;
  }
}
@media screen and (max-width: 468px) {
  .bl_prizebox_contest_ttl {
    height: 12vw;
    line-height: 11.8vw;
  }
}
.bl_prizebox_contest_ul {
  display: block;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest_ul {
    display: flex;
    margin-top: 3vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_contest_ul {
    margin-top: 4vw;
  }
}
.bl_prizebox_contest_ul_li {
  position: relative;
  width: 100%;
  height: 4vw;
  padding: 1vw 0 2vw;
  border-bottom: solid 2px var(--decc-blue-400);
  color: var(--white);
  font-size: var(--font-size-ttl--m);
  font-weight: 700;
  display: flex;
  align-items: baseline;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .bl_prizebox_contest_ul_li {
    padding: 1.4vw 0;
  }
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest_ul_li {
    padding: 12vw 0 4vw;
    border-bottom: none;
    border-left: solid 2px var(--decc-blue-400);
  }
  .bl_prizebox_contest_ul_li:first-child {
    border-left: none;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_contest_ul_li {
    padding: 14vw 0 6vw;
  }
}
.bl_prizebox_contest_ul_li_num {
  position: relative;
  display: inline-block;
  font-family: var(--font-family--en);
  font-weight: 700;
  font-size: 4vw;
  line-height: 1;
  vertical-align: baseline;
  padding-left: 4vw;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest_ul_li_num {
    font-size: 8vw;
    padding-left: 0;
  }
}
.bl_prizebox_contest_ul_li_num__short {
  padding-left: 6vw;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest_ul_li_num__short {
    padding-left: 0;
  }
  .bl_prizebox_contest_ul_li_num__short:before {
    left: 1vw !important;
  }
}
.bl_prizebox_contest_ul_li_unit {
  display: inline-block;
  font-size: 2vw;
  line-height: 3.8vw;
  font-weight: 900;
  vertical-align: baseline;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest_ul_li_unit {
    font-size: 4vw;
  }
}
.bl_prizebox_contest_ul_li:last-child {
  border-bottom: none;
}
.bl_prizebox_contest_ul_li:nth-child(1) .bl_prizebox_contest_ul_li_num:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 4vw;
  height: 4vw;
  background-image: url(../images/decc_3dicon_medal_1.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0.2vw;
  left: 0;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest_ul_li:nth-child(1) .bl_prizebox_contest_ul_li_num:before {
    top: -12vw;
    left: 3vw;
    width: 12vw;
    height: 12vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_contest_ul_li:nth-child(1) .bl_prizebox_contest_ul_li_num:before {
    top: -14vw;
    left: 2vw;
    width: 14vw;
    height: 14vw;
  }
}
.bl_prizebox_contest_ul_li:nth-child(2) .bl_prizebox_contest_ul_li_num:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 4vw;
  height: 4vw;
  background-image: url(../images/decc_3dicon_medal_2.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0.2vw;
  left: 0;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest_ul_li:nth-child(2) .bl_prizebox_contest_ul_li_num:before {
    top: -12vw;
    left: 3vw;
    width: 12vw;
    height: 12vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_contest_ul_li:nth-child(2) .bl_prizebox_contest_ul_li_num:before {
    top: -14vw;
    left: 2vw;
    width: 14vw;
    height: 14vw;
  }
}
.bl_prizebox_contest_ul_li:nth-child(3) .bl_prizebox_contest_ul_li_num:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 4vw;
  height: 4vw;
  background-image: url(../images/decc_3dicon_medal_3.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0.2vw;
  left: 0;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_contest_ul_li:nth-child(3) .bl_prizebox_contest_ul_li_num:before {
    top: -12vw;
    left: 3vw;
    width: 12vw;
    height: 12vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_contest_ul_li:nth-child(3) .bl_prizebox_contest_ul_li_num:before {
    top: -14vw;
    left: 2vw;
    width: 14vw;
    height: 14vw;
  }
}
.bl_prizebox_bonus {
  width: 24vw;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .bl_prizebox_bonus {
    width: 28vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_prizebox_bonus {
    width: 100%;
  }
}
.bl_prizebox_bonus_ttl {
  margin-top: 4vw;
  width: 100%;
  color: var(--white);
  font-size: var(--font-size-ttl--m);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_bonus_ttl {
    margin-top: 2vw;
  }
}
.bl_prizebox_bonus_add {
  display: inline-block;
  color: var(--white);
  width: 100%;
  text-align: center;
}
.bl_prizebox_bonus_add_num {
  display: inline-block;
  font-family: var(--font-family--en);
  font-weight: 700;
  font-size: 4vw;
  line-height: 1;
  vertical-align: baseline;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_bonus_add_num {
    font-size: 8vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_bonus_add_num {
    font-size: 12vw;
  }
}
.bl_prizebox_bonus_add_unit {
  display: inline-block;
  font-size: 2vw;
  line-height: 3.8vw;
  font-weight: 900;
  vertical-align: baseline;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_bonus_add_unit {
    font-size: 4vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_bonus_add_unit {
    font-size: 6vw;
  }
}
.bl_prizebox_bonus_total {
  width: calc(100% - 2vw);
  padding: 0.8vw 1vw 1.6vw;
  border-radius: var(--border-radius--s);
  background-color: var(--white);
  color: var(--decc-blue-900);
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: end;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_bonus_total {
    width: calc(100% - 4vw);
    padding: 2vw 2vw 4vw;
    margin-top: 4vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_bonus_total {
    margin-top: 6vw;
  }
}
.bl_prizebox_bonus_total_max {
  display: inline-block;
  font-size: 2vw;
  font-weight: 900;
  line-height: 1.2;
  text-align: left;
  background: linear-gradient(0deg, #008bd5 0%, #001655 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  padding-bottom: 0.3vw;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_bonus_total_max {
    font-size: 4vw;
    padding-bottom: 1vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_bonus_total_max {
    font-size: 6vw;
  }
}
.bl_prizebox_bonus_total_num {
  font-family: var(--font-family--en);
  font-size: 6vw;
  line-height: 1;
  font-weight: 700;
  background: linear-gradient(0deg, #008bd5 0%, #001655 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_bonus_total_num {
    font-size: 12vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_bonus_total_num {
    font-size: 18vw;
  }
}
.bl_prizebox_bonus_total_unit {
  line-height: auto;
  font-size: 2vw;
  font-weight: 900;
  vertical-align: baseline;
  background: linear-gradient(0deg, #008bd5 0%, #001655 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  padding-bottom: 0.2vw;
}
@media screen and (max-width: 768px) {
  .bl_prizebox_bonus_total_unit {
    font-size: 4vw;
    padding-bottom: 0.2vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizebox_bonus_total_unit {
    font-size: 8vw;
    padding-bottom: 0;
  }
}
.bl_prizeitem {
  position: relative;
}
.bl_prizeitem_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 2vw;
}
@media screen and (max-width: 768px) {
  .bl_prizeitem_wrap {
    flex-direction: column;
    gap: 4vw;
    margin-top: 4vw;
  }
}
.bl_prizeitem {
  width: calc(50% - 5vw);
  padding: 2vw;
  background-color: var(--decc-blue-200);
  border: solid 1px var(--decc-blue-250);
  border-radius: var(--border-radius--m);
  display: flex;
  gap: 2vw;
}
@media screen and (max-width: 768px) {
  .bl_prizeitem {
    width: calc(100% - 8vw);
    padding: 4vw;
  }
}
.bl_prizeitem_ph {
  width: 20vw;
  height: auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .bl_prizeitem_ph {
    width: 50vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizeitem_ph {
    position: absolute;
    width: 24vw;
    height: 24vw;
    display: block;
    top: -2vw;
  }
}
.bl_prizeitem_info {
  width: 100%;
}
.bl_prizeitem_info_dl {
  border: solid 1px var(--decc-blue-250);
  border-radius: var(--border-radius--s);
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-bottom: 0.4vw;
}
@media screen and (max-width: 768px) {
  .bl_prizeitem_info_dl {
    margin-bottom: 1vw;
  }
}
.bl_prizeitem_info_dt {
  padding: 0.8vw 1vw 1vw;
  background-color: var(--decc-blue-1100);
  width: 8vw;
  text-align: center;
  display: grid;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .bl_prizeitem_info_dt {
    width: 16vw;
    padding: 1vw 2vw 1.2vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizeitem_info_dt {
    width: 24vw;
    padding: 2vw 4vw 2.4vw;
  }
}
.bl_prizeitem_info_dt .el_txt {
  color: var(--white);
  margin: 0;
}
.bl_prizeitem_info_dd {
  padding: 0.8vw 1vw 1vw;
  margin-inline-start: 0;
  color: var(--decc-blue-1100);
  background-color: var(--white);
  width: calc(100% - 8vw);
  display: grid;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .bl_prizeitem_info_dd {
    width: calc(100% - 24vw);
    padding: 1vw 2vw 1.2vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizeitem_info_dd {
    padding: 2vw 4vw 2.4vw;
    width: calc(100% - 40vw);
  }
}
.bl_prizeitem_info_dd .el_txt {
  color: var(--decc-blue-1100);
  margin: 0;
  line-height: 1.2;
}
.bl_prizeitem .el_ttl__m {
  color: var(--decc-blue-1100);
  margin: 0 0 1vw;
}
@media screen and (max-width: 576px) {
  .bl_prizeitem .el_ttl__m {
    margin: 0 0 3vw 25vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_prizeitem .el_subttl {
    margin: 0 0 0.4vw 25vw;
  }
}
.bl_infolist {
  padding: 4vw;
  background-color: var(--white);
  border-radius: var(--border-radius--m);
  margin-bottom: 4vw;
}
@media screen and (max-width: 768px) {
  .bl_infolist {
    padding: 6vw 4vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_infolist {
    padding: 8vw 4vw;
  }
}
.bl_infolist_dl {
  display: flex;
  padding: 1.6vw 0 2.4vw;
  border-bottom: solid 1px var(--decc-blue-400);
}
@media screen and (max-width: 768px) {
  .bl_infolist_dl {
    display: block;
    padding: 4vw 0 8vw;
  }
}
.bl_infolist_dl:first-child {
  border-top: solid 1px var(--decc-blue-400);
}
.bl_infolist_dl_dt {
  width: 28vw;
  font-size: var(--font-size-txt--m);
  font-weight: bold;
  color: var(--decc-blue-1100);
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .bl_infolist_dl_dt {
    width: 100%;
    font-size: calc(var(--font-size-txt--m) * 1.2);
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_infolist_dl_dt {
    margin-bottom: 2.4vw;
  }
}
.bl_infolist_dl_dd {
  width: 100%;
  font-size: var(--font-size-txt--m);
  color: var(--decc-blue-1100);
  margin-inline-start: 0;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .bl_infolist_dl_dd {
    line-height: 1.6;
  }
}
.bl_infolist_dl_dd p a {
  text-decoration: underline;
}
.bl_infolist_dl_dd_ul {
  margin-top: 0.4vw;
}
@media screen and (max-width: 768px) {
  .bl_infolist_dl_dd_ul {
    margin-top: 0.8vw;
  }
}
.bl_infolist_dl_dd_ul_li {
  position: relative;
  padding-left: 1vw;
}
@media screen and (max-width: 768px) {
  .bl_infolist_dl_dd_ul_li {
    padding-left: 2vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_infolist_dl_dd_ul_li {
    padding-left: 3.2vw;
  }
}
@media screen and (max-width: 468px) {
  .bl_infolist_dl_dd_ul_li {
    padding-left: 3.6vw;
  }
}
.bl_infolist_dl_dd_ul_li:before {
  content: "";
  position: absolute;
  top: 1vw;
  left: 0;
  display: block;
  width: 0.4vw;
  height: 0.4vw;
  border-radius: 50%;
  background-color: var(--decc-blue-1100);
}
@media screen and (max-width: 1200px) {
  .bl_infolist_dl_dd_ul_li:before {
    width: 0.5vw;
    height: 0.5vw;
    top: 1.2vw;
  }
}
@media screen and (max-width: 1024px) {
  .bl_infolist_dl_dd_ul_li:before {
    width: 0.5vw;
    height: 0.5vw;
    top: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_infolist_dl_dd_ul_li:before {
    width: 0.8vw;
    height: 0.8vw;
    top: 1.8vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_infolist_dl_dd_ul_li:before {
    width: 1.2vw;
    height: 1.2vw;
    top: 1.6vw;
    left: 0.8vw;
  }
}
@media screen and (max-width: 468px) {
  .bl_infolist_dl_dd_ul_li:before {
    width: 1.6vw;
    height: 1.6vw;
    top: 2.4vw;
    left: 0.8vw;
  }
}
.bl_infolist_dl_dd_ol {
  margin-top: 0.4vw;
}
@media screen and (max-width: 768px) {
  .bl_infolist_dl_dd_ol {
    margin-top: 0.8vw;
  }
}
.bl_infolist_dl_dd_ol_li {
  position: relative;
  padding-left: calc(var(--font-size-txt--m) * 1.4);
  line-height: 1.6;
  margin-top: calc(var(--font-size-txt--m) * 0.2);
}
.bl_infolist_dl_dd_ol_li:before {
  content: "①";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.bl_infolist_dl_dd_ol_li:nth-child(1)::before {
  content: "❶";
}
.bl_infolist_dl_dd_ol_li:nth-child(2)::before {
  content: "❷";
}
.bl_infolist_dl_dd_ol_li:nth-child(3)::before {
  content: "❸";
}
.bl_infolist_dl_dd_ol_li:nth-child(4)::before {
  content: "❹";
}
.bl_infolist_dl_dd_ol_li:nth-child(5)::before {
  content: "❺";
}
.bl_infolist_dl_dd_ol_li:nth-child(6)::before {
  content: "❻";
}
.bl_infolist_dl_dd_ol_li:nth-child(7)::before {
  content: "❼";
}
.bl_infolist_dl_dd_ol_li:nth-child(8)::before {
  content: "❽";
}
.bl_infolist_dl_dd_ol_li:nth-child(9)::before {
  content: "❾";
}
.bl_infolist_dl_dd_ol_li:nth-child(10)::before {
  content: "❿";
}
.bl_infolist_dl_dd_ol_li:nth-child(11)::before {
  content: "⓫";
}
.bl_infolist_dl_dd_ol_li:nth-child(12)::before {
  content: "⓬";
}
.bl_infolist_dl_dd_ol_li:nth-child(13)::before {
  content: "⓭";
}
.bl_infolist_dl_dd_ol_li:nth-child(14)::before {
  content: "⓮";
}
.bl_infolist_dl_dd_ol_li:nth-child(15)::before {
  content: "⓯";
}
.bl_infolist_dl_dd_ol_li:nth-child(16)::before {
  content: "⓰";
}
.bl_infolist_dl_dd_ol_li:nth-child(17)::before {
  content: "⓱";
}
.bl_infolist_dl_dd_ol_li:nth-child(18)::before {
  content: "⓲";
}
.bl_infolist_dl_dd_ol_li:nth-child(19)::before {
  content: "⓳";
}
.bl_infolist_dl_dd_ol_li:nth-child(20)::before {
  content: "⓴";
}
.bl_infolist:last-child {
  margin-bottom: 0;
}
.bl_slideshow {
  position: relative;
  width: 100vw;
  margin-left: -10vw;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .bl_slideshow {
    margin-left: -4vw;
  }
}
.bl_slideshow_in {
  display: flex;
  flex-wrap: nowrap;
  gap: 2vw;
}
.bl_slideshow_item {
  position: relative;
  flex-shrink: 0;
  width: 30vw;
  height: 15vw;
  border-radius: var(--border-radius--m);
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .bl_slideshow_item {
    width: 40vw;
    height: 20vw;
  }
}
@media screen and (max-width: 1024px) {
  .bl_slideshow_item {
    width: 50vw;
    height: 25vw;
  }
}
@media screen and (max-width: 768px) {
  .bl_slideshow_item {
    width: 60vw;
    height: 30vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_slideshow_item {
    width: 70vw;
    height: 35vw;
  }
}
@media screen and (max-width: 576px) {
  .bl_slideshow_item {
    width: 80vw;
    height: 40vw;
  }
}
.bl_slideshow_item_caption {
  position: absolute;
  bottom: 1vw;
  left: 1vw;
  z-index: 2;
  display: inline-block;
  font-size: var(--font-size-txt--m);
  color: var(--white);
  padding: 0.4vw 0.8vw;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: var(--border-radius--s);
}

/*----------------------------------------*/
/* Layouts */
/*----------------------------------------*/
.ly_header {
  position: absolute;
  display: block;
  width: 100%;
  z-index: 1000;
  padding-top: 4vw;
}
@media screen and (max-width: 576px) {
  .ly_header {
    padding-top: 5vw;
  }
}
.ly_header__fixed {
  position: fixed;
}
.ly_header_in {
  max-width: 92vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .ly_header_in {
    max-width: 92vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_header_in {
    max-width: 90vw;
    align-items: start;
  }
}
.ly_hero {
  position: relative;
  display: block;
  background: var(--white);
  width: 100%;
  border-bottom: solid 1px var(--decc-blue-900);
  background-color: var(--decc-blue-100);
  aspect-ratio: 2/1;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .ly_hero {
    aspect-ratio: auto;
  }
}
.ly_hero_in {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 2/1;
}
@media screen and (max-width: 1024px) {
  .ly_hero_in {
    aspect-ratio: 3/2;
  }
}
@media screen and (max-width: 768px) {
  .ly_hero_in {
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 576px) {
  .ly_hero_in {
    aspect-ratio: 3/5;
  }
}
.ly_hero_ttl {
  position: absolute;
  top: 20vw;
  left: 4vw;
  display: inline-block;
  font-size: var(--font-size-ttl--xl);
  font-weight: 500;
  color: var(--decc-blue-900);
  line-height: 2;
  z-index: 2;
}
@media screen and (max-width: 1600px) {
  .ly_hero_ttl {
    top: 18vw;
  }
}
@media screen and (max-width: 1200px) {
  .ly_hero_ttl {
    top: 16vw;
  }
}
@media screen and (max-width: 1024px) {
  .ly_hero_ttl {
    top: auto;
    bottom: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_hero_ttl {
    font-size: 4.8vw;
    bottom: 4vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_hero_ttl {
    font-size: 7vw;
    top: 30vw;
  }
}
.ly_hero_ttl span {
  background-color: var(--white);
  padding: 0.2vw 1vw 0.6vw;
}
@media screen and (max-width: 768px) {
  .ly_hero_ttl span {
    padding: 0.4vw 1.6vw 1.2vw;
  }
}
.ly_hero_ph {
  position: absolute;
  display: block;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 1;
}
.ly_hero_ph source, .ly_hero_ph img {
  width: 100%;
  display: block;
}
.ly_hero .bl_entrybanner {
  position: absolute;
  left: 4vw;
  bottom: 4vw;
}
@media screen and (max-width: 1024px) {
  .ly_hero .bl_entrybanner {
    left: auto;
    right: 4vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_hero .bl_entrybanner {
    right: 5vw;
    bottom: 5vw;
  }
}
.ly_hero .bl_menu {
  position: absolute;
  width: 20vw;
  right: 4vw;
  bottom: 4vw;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .ly_hero .bl_menu {
    position: relative;
    right: auto;
    bottom: auto;
    background-color: var(--white);
    width: calc(100% - 10vw);
    padding: 2vw 5vw 5vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_hero .bl_menu {
    padding: 4vw 5vw 10vw;
  }
}
.ly_cont {
  width: calc(100% - 20vw);
  padding: 10vw;
}
@media screen and (max-width: 1200px) {
  .ly_cont {
    width: calc(100% - 8vw);
    padding: 8vw 4vw;
  }
}
@media screen and (max-width: 1024px) {
  .ly_cont {
    padding: 10vw 4vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_cont {
    padding: 12vw 4vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_cont {
    padding: 16vw 4vw;
  }
}
.ly_cont__bg_blue {
  background-color: var(--decc-blue-200);
}
.ly_cont__bg_gray {
  background-color: var(--decc-gray-100);
}
.ly_cont_readbox {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2vw;
}
@media screen and (max-width: 1600px) {
  .ly_cont_readbox {
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .ly_cont_readbox {
    margin-bottom: 4vw;
  }
}
.ly_cont_ttl {
  position: relative;
  display: block;
  padding: 0 10vw 0 3.4vw;
  margin-bottom: 2vw;
}
@media screen and (max-width: 1024px) {
  .ly_cont_ttl {
    padding: 0 12vw 0 6vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_cont_ttl {
    padding: 0 16vw 0 6vw;
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_ttl {
    padding: 0 20vw 0 12vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_cont_ttl {
    padding: 0 22vw 0 12vw;
  }
}
.ly_cont_ttl:not(:has(.ly_cont_ttl_icon)) {
  padding-right: 0;
}
.ly_cont_ttl_num {
  display: block;
  width: 2.4vw;
  height: 2.4vw;
  background-color: var(--decc-blue-900);
  font-size: 1.2vw;
  font-weight: 500;
  color: var(--white);
  line-height: 2.4vw;
  text-align: center;
  position: absolute;
  top: calc(50% - 1.7vw);
  left: 0;
}
@media screen and (max-width: 1024px) {
  .ly_cont_ttl_num {
    width: 4vw;
    height: 4vw;
    font-size: 2vw;
    line-height: 4vw;
    top: calc(50% - 2.5vw);
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_ttl_num {
    width: 8vw;
    height: 8vw;
    font-size: 4vw;
    line-height: 8vw;
    top: calc(50% - 5vw);
  }
}
.ly_cont_ttl_sub {
  display: block;
  font-size: var(--font-size-ttl--m);
  font-weight: 700;
  color: var(--decc-blue-1100);
  line-height: 1;
  margin-bottom: 0.2vw;
}
@media screen and (max-width: 576px) {
  .ly_cont_ttl_sub {
    margin-bottom: 0.8vw;
  }
}
.ly_cont_ttl_main {
  font-family: var(--font-family--en);
  display: block;
  font-size: var(--font-size-ttl--xl--en);
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(135deg, #008bd5 0%, #001655 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  padding-bottom: 1vw;
}
@media screen and (max-width: 576px) {
  .ly_cont_ttl_main {
    padding-bottom: 2vw;
  }
}
.ly_cont_ttl_icon {
  position: absolute;
  width: 8vw;
  height: 8vw;
  right: 1vw;
  top: -1vw;
}
@media screen and (max-width: 1600px) {
  .ly_cont_ttl_icon {
    width: 10vw;
    height: 10vw;
    right: -1vw;
    top: -2vw;
  }
}
@media screen and (max-width: 1024px) {
  .ly_cont_ttl_icon {
    width: 12vw;
    height: 12vw;
    top: -2vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_cont_ttl_icon {
    width: 16vw;
    height: 16vw;
    top: -2vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_ttl_icon {
    width: 20vw;
    height: 20vw;
    top: -3vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_cont_ttl_icon {
    width: 24vw;
    height: 24vw;
  }
}
.ly_cont_flexrow {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2vw;
}
@media screen and (max-width: 768px) {
  .ly_cont_flexrow {
    flex-direction: column;
    gap: 4vw;
  }
}
.ly_cont_flexrow_child {
  position: relative;
  width: 25vw;
  padding-top: 4vw;
  background-color: var(--white);
  border-radius: var(--border-radius--m);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0.4vw 1vw rgba(70, 94, 124, 0.5);
  transition: var(--transition-time--m);
}
@media screen and (max-width: 1200px) {
  .ly_cont_flexrow_child {
    width: 30vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_cont_flexrow_child {
    width: calc(100% - 16vw);
    height: 36vw;
    padding: 4vw 8vw;
    align-items: start;
    justify-content: center;
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_flexrow_child {
    width: calc(100% - 12vw);
    padding: 4vw 6vw;
    height: 42vw;
  }
}
@media (hover: hover) {
  .ly_cont_flexrow_child:hover {
    opacity: 1;
    box-shadow: 0 0.1vw 0.1vw rgba(70, 94, 124, 0.5);
    transition: var(--transition-time--m);
  }
}
.ly_cont_flexrow_child_ph {
  width: 80%;
}
@media screen and (max-width: 768px) {
  .ly_cont_flexrow_child_ph {
    width: 32vw;
    position: absolute;
    top: 10vw;
    right: 8vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_flexrow_child_ph {
    width: 36vw;
    top: 12vw;
    right: 4vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_cont_flexrow_child_ph {
    right: 1vw;
  }
}
.ly_cont_flexrow_child .el_ttl__m {
  font-size: var(--font-size-ttl--m);
  font-weight: 700;
  color: var(--decc-blue-1100);
  margin: 0 0 1vw;
}
@media screen and (max-width: 768px) {
  .ly_cont_flexrow_child .el_ttl__m {
    width: 100%;
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_flexrow_child .el_ttl__m {
    font-size: 5vw;
  }
}
.ly_cont_flexrow_child .el_txt {
  position: relative;
  flex-grow: 1;
  color: var(--decc-blue-1100);
  margin-bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .ly_cont_flexrow_child .el_txt__center {
    text-align: left;
    width: 100%;
    flex-grow: 0;
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_flexrow_child .el_txt__center {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_cont_flexrow_child .el_txt__center {
    font-size: 3.2vw;
  }
}
.ly_cont_flexrow_child .el_btn__m {
  margin: 1vw 0 2vw;
}
@media screen and (max-width: 768px) {
  .ly_cont_flexrow_child .el_btn__m {
    margin: 2vw 0 0;
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_flexrow_child .el_btn__m {
    font-size: 2.8vw;
    line-height: 8vw;
    height: 8vw;
    border-radius: 4vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_cont_flexrow_child .el_btn__m {
    font-size: 3.2vw;
  }
}
@media (hover: hover) {
  .ly_cont_flexrow_child .el_btn__m:hover {
    box-shadow: 0 0.4vw 1vw rgba(70, 94, 124, 0.5);
  }
}
.ly_cont_flexrow_child__blue {
  background-color: var(--decc-blue-900);
  background: linear-gradient(60deg, #0468ba 0%, #008bd5 100%);
}
.ly_cont_flexrow_child__blue .bl_schedulebox {
  color: var(--white);
}
.ly_cont_flexrow_child__blue .bl_schedulebox .bl_schedulebox_date, .ly_cont_flexrow_child__blue .bl_schedulebox .bl_schedulebox_year, .ly_cont_flexrow_child__blue .bl_schedulebox .bl_schedulebox_dow {
  color: var(--white);
}
.ly_cont_flexrow_child__blue .el_ttl__m, .ly_cont_flexrow_child__blue .el_txt {
  color: var(--white);
}
.ly_cont_flexrow_child__blue .el_btn__m {
  color: var(--decc-blue-900);
  background-color: var(--white);
  border-color: var(--decc-blue-900);
}
@media (hover: hover) {
  .ly_cont_flexrow_child__blue .el_btn__m:hover {
    color: var(--white);
    background-color: var(--decc-blue-900);
    border-color: var(--white);
    box-shadow: 0 0.4vw 1vw rgba(70, 94, 124, 0.5);
  }
}
.ly_cont_flexrow_child__article {
  width: 23vw;
  padding: 1vw;
}
@media screen and (max-width: 1200px) {
  .ly_cont_flexrow_child__article {
    width: 28vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_cont_flexrow_child__article {
    width: calc(100% - 4vw);
    padding: 2vw;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_cont_flexrow_child__article {
    width: calc(100% - 8vw);
    padding: 4vw;
    flex-direction: column;
    gap: 2vw;
  }
}
.ly_cont_flexrow_child__article .ly_cont_flexrow_child_ph {
  display: block;
  width: 100%;
  border-radius: var(--border-radius--s);
  overflow: hidden;
  margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
  .ly_cont_flexrow_child__article .ly_cont_flexrow_child_ph {
    width: 32vw;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_flexrow_child__article .ly_cont_flexrow_child_ph {
    width: 40vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_cont_flexrow_child__article .ly_cont_flexrow_child_ph {
    width: 100%;
  }
}
.ly_cont_flexrow_child__article .el_txt {
  font-weight: 700;
  line-height: 1.6;
  margin: 0 1vw 1vw;
}
@media screen and (max-width: 768px) {
  .ly_cont_flexrow_child__article .el_txt {
    width: calc(100% - 34vw);
  }
}
@media screen and (max-width: 576px) {
  .ly_cont_flexrow_child__article .el_txt {
    width: calc(100% - 42vw);
  }
}
@media screen and (max-width: 468px) {
  .ly_cont_flexrow_child__article .el_txt {
    width: 100%;
  }
}
.ly_cont_flexrow:has(.ly_cont_flexrow_child__article) {
  margin-bottom: 0;
}
.ly_footer {
  padding: 6vw 10vw;
}
@media screen and (max-width: 1200px) {
  .ly_footer {
    padding: 8vw 4vw;
  }
}
@media screen and (max-width: 1024px) {
  .ly_footer {
    padding: 12vw 4vw;
  }
}
.ly_footer_logo {
  display: block;
  width: 12vw;
  margin-bottom: 2vw;
  transition: 0.3s;
}
@media screen and (max-width: 1600px) {
  .ly_footer_logo {
    width: 14vw;
  }
}
@media screen and (max-width: 1200px) {
  .ly_footer_logo {
    width: 16vw;
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 1024px) {
  .ly_footer_logo {
    width: 18vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer_logo {
    width: 24vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_footer_logo {
    width: 32vw;
    margin-bottom: 0;
  }
  .ly_footer_logo + .el_ttl__m {
    margin-top: 6vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_footer_logo {
    width: 40vw;
  }
}
@media (hover: hover) {
  .ly_footer_logo:hover {
    opacity: 0.5;
    transition: 0.3s;
  }
}
.ly_footer__disco .el_ttl__m, .ly_footer__disco .el_txt {
  color: var(--decc-gray-800);
  margin-bottom: 1.4vw;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1600px) {
  .ly_footer__disco .el_ttl__m, .ly_footer__disco .el_txt {
    margin-bottom: 1.2vw;
  }
}
@media screen and (max-width: 1200px) {
  .ly_footer__disco .el_ttl__m, .ly_footer__disco .el_txt {
    margin-bottom: 1.4vw;
  }
}
@media screen and (max-width: 1024px) {
  .ly_footer__disco .el_ttl__m, .ly_footer__disco .el_txt {
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer__disco .el_ttl__m, .ly_footer__disco .el_txt {
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_footer__disco .el_ttl__m, .ly_footer__disco .el_txt {
    margin-bottom: 4vw;
  }
}
.ly_footer__disco .el_ttl__m {
  line-height: 1.6;
}
@media screen and (max-width: 468px) {
  .ly_footer__disco .el_ttl__m {
    font-size: calc(var(--font-size-ttl--m) * 0.9);
  }
}
.ly_footer__disco .el_ttl__m__mtop_l {
  margin-top: 8vw;
}
@media screen and (max-width: 468px) {
  .ly_footer__disco .el_txt {
    font-size: calc(var(--font-size-txt--m) * 0.9);
    margin-bottom: 3.2vw;
  }
}
.ly_footer__disco .el_txt_kerning {
  letter-spacing: 0.04em;
}
.ly_footer__disco .el_btn__s {
  color: var(--white);
  background-color: var(--decc-dark-blue-900);
  border-color: var(--decc-dark-blue-900);
  border-radius: 0;
  padding: 0.4vw 4vw;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .ly_footer__disco .el_btn__s {
    margin-bottom: 2vw;
    padding: 1vw 6vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer__disco .el_btn__s {
    padding: 2vw 8vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_footer__disco .el_btn__s {
    position: relative;
    padding: 4vw 8vw;
    width: calc(100% - 16vw);
    text-align: center;
    z-index: 2;
  }
}
@media (hover: hover) {
  .ly_footer__disco .el_btn__s:hover {
    color: var(--decc-blue-100);
    background-color: var(--decc-blue-400);
    border-color: var(--decc-blue-400);
    transition: 0.3s;
  }
}
.ly_footer_in__flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4vw 0;
}
.ly_footer_in__flex .el_interviewbox {
  width: calc(25% - 1vw);
  background-color: var(--decc-gray-100);
}
@media screen and (max-width: 768px) {
  .ly_footer_in__flex .el_interviewbox {
    width: calc(50% - 2vw);
  }
}
@media (hover: hover) {
  .ly_footer_in__flex .el_interviewbox {
    transition: 0.3s;
  }
  .ly_footer_in__flex .el_interviewbox:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
}
.ly_footer_in__flex .el_interviewbox_in {
  padding: 1vw;
}
@media screen and (max-width: 1200px) {
  .ly_footer_in__flex .el_interviewbox_in {
    padding: 1.4vw;
  }
}
@media screen and (max-width: 1024px) {
  .ly_footer_in__flex .el_interviewbox_in {
    padding: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer_in__flex .el_interviewbox_in {
    padding: 3vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_footer_in__flex .el_interviewbox_in {
    padding: 4vw;
  }
}
.ly_footer_in__flex .el_interviewbox_ph {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  background-color: #ccc;
}
.ly_footer_in__flex .el_interviewbox_ttl {
  color: var(--decc-gray-800);
  font-size: var(--font-size-txt--m);
  font-weight: 700;
  margin-bottom: 1vw;
}
@media screen and (max-width: 576px) {
  .ly_footer_in__flex .el_interviewbox_ttl {
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_footer_in__flex .el_interviewbox_ttl {
    margin-bottom: 2vw;
  }
}
.ly_footer_in__flex .el_interviewbox_txt {
  color: var(--decc-gray-800);
  font-size: var(--font-size-txt--s);
  font-weight: 500;
  margin-bottom: 1vw;
}
@media screen and (max-width: 576px) {
  .ly_footer_in__flex .el_interviewbox_txt {
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_footer_in__flex .el_interviewbox_txt {
    font-size: calc(var(--font-size-txt--m) * 0.9);
    margin-bottom: 3vw;
  }
}
.ly_footer_in__flex .el_interviewbox_tagbox {
  display: flex;
  gap: 0.4vw;
}
@media screen and (max-width: 468px) {
  .ly_footer_in__flex .el_interviewbox_tagbox {
    gap: 1vw;
  }
}
.ly_footer_in__flex .el_interviewbox_tagbox_item {
  color: #053783;
  font-size: var(--font-size-txt--s);
  line-height: 1;
  padding: 0.4vw 0.8vw 0.5vw;
  background-color: var(--white);
  border: solid 1px #053783;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .ly_footer_in__flex .el_interviewbox_tagbox_item {
    padding: 0.6vw 1vw 0.5vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer_in__flex .el_interviewbox_tagbox_item {
    padding: 0.8vw 1.8vw 1vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_footer_in__flex .el_interviewbox_tagbox_item {
    padding: 1vw 2vw 1.2vw;
  }
}
@media screen and (max-width: 468px) {
  .ly_footer_in__flex .el_interviewbox_tagbox_item {
    font-size: 3vw;
    padding: 1vw 1vw 1.2vw;
  }
}
.ly_footer_in__flex .el_interviewbox_tagbox_item__gray {
  color: var(--decc-gray-800);
  border-color: var(--decc-gray-800);
}
.ly_footer_in__flex .el_interviewbox_tagbox_item__red {
  color: #cc0000;
  border-color: #cc0000;
}
.ly_footer_in__bannerbox {
  margin-top: 8vw;
  justify-content: left;
  gap: 1vw;
}
@media screen and (max-width: 1024px) {
  .ly_footer_in__bannerbox {
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer_in__bannerbox {
    margin-top: 15vw;
    gap: 4vw;
    flex-direction: column;
  }
}
.ly_footer_in .el_recruitbanner {
  position: relative;
  display: block;
  width: calc(33.4% - 1vw);
}
@media screen and (max-width: 1024px) {
  .ly_footer_in .el_recruitbanner {
    width: calc(50% - 0.6vw);
  }
}
@media screen and (max-width: 768px) {
  .ly_footer_in .el_recruitbanner {
    width: 60%;
  }
}
@media screen and (max-width: 576px) {
  .ly_footer_in .el_recruitbanner {
    width: 100%;
  }
}
@media (hover: hover) {
  .ly_footer_in .el_recruitbanner {
    transition: 0.3s;
  }
  .ly_footer_in .el_recruitbanner:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
}
.ly_footer_in__interview {
  margin-top: 10vw;
}
.ly_footer_in_item {
  position: relative;
  display: block;
  padding: 2vw 0;
}
@media screen and (max-width: 768px) {
  .ly_footer_in_item {
    width: 100%;
    padding: 4vw 0;
  }
}
.ly_footer_in_item__pic {
  position: relative;
}
.ly_footer_in_item__pic .el_picture {
  position: absolute;
  top: 2vw;
  right: -10vw;
  width: 54vw;
}
@media screen and (max-width: 1200px) {
  .ly_footer_in_item__pic .el_picture {
    top: 6vw;
    right: -4vw;
    width: 58vw;
  }
}
@media screen and (max-width: 1024px) {
  .ly_footer_in_item__pic .el_picture {
    top: 8vw;
    right: -4vw;
    width: 50vw;
  }
}
@media screen and (max-width: 768px) {
  .ly_footer_in_item__pic .el_picture {
    position: relative;
    top: 0;
    right: 0;
    margin: -16vw 0 10vw -4vw;
    width: 100vw;
  }
}
.ly_footer_in_item__bg_gray {
  width: calc(50% - 6vw);
  padding: 2vw;
  background-color: var(--decc-gray-100);
  border: solid 1px var(--decc-gray-200);
}
@media screen and (max-width: 768px) {
  .ly_footer_in_item__bg_gray {
    width: calc(100% - 8vw);
    padding: 4vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_footer_in_item__bg_gray {
    padding: 4vw;
  }
}
.ly_footer_in_item_recruit_ph {
  position: absolute;
  width: 16vw;
  right: 1vw;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .ly_footer_in_item_recruit_ph {
    width: 40vw;
    right: 7vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_footer_in_item_recruit_ph {
    width: 50vw;
    bottom: 14vw;
    right: calc(50% - 25vw);
    z-index: 1;
  }
}
.ly_footer_copyright {
  margin-top: 4vw;
}
@media screen and (max-width: 768px) {
  .ly_footer_copyright {
    margin-top: 12vw;
  }
}
@media screen and (max-width: 576px) {
  .ly_footer_copyright {
    margin-top: 16vw;
  }
}
.ly_footer_copyright .el_txt__s {
  color: var(--decc-gray-700);
  text-align: left;
}/*# sourceMappingURL=style.css.map */