.u-top-newsPanel .m-panel__title{
  font-size:var(--FONT_SIZE_16);
}
.u-top-note{
  display:grid;
  grid-area:note;
  grid-template-columns:1fr minmax(var(--CONTENT_WIDTH_SP), var(--CONTENT_WIDTH_WIDE_1_PC)) 1fr;
  width:100%;
}

.u-top-note__outer{
  display:grid;
  gap:0 var(--OUTSIDE_GUTTER_SP);
  grid-area:note;
  grid-column:1/4;
  grid-template-columns:1fr minmax(var(--CONTENT_WIDTH_SP), var(--CONTENT_WIDTH_WIDE_1_PC)) 1fr;
  padding-block:var(--SIZE_48);
}

.u-top-note__inner{
  background-color:var(--COLOR_BASE_WHITE);
  border-radius:var(--SIZE_12);
  display:grid;
  gap:var(--SIZE_24);
  grid-column:2/3;
  padding:var(--SIZE_24);
}

.u-top-note__head > :first-child,
.u-top-note__body > :first-child{
  margin-top:0;
}
.u-top-note__head > :last-child,
.u-top-note__body > :last-child{
  margin-bottom:0;
}

.u-top-note__heading{
  font-family:var(--FONT_FAMILY_BOLD);
  font-size:var(--FONT_SIZE_20);
  font-weight:var(--FONT_WEIGHT_BOLD);
  line-height:1.5;
}

.u-top-note__text > strong{
  text-decoration:none;
}

.u-top-note__published{
  display:inline-flex;
  font-size:var(--FONT_SIZE_12);
  gap:0.5em;
  margin-top:var(--SIZE_12);
}
.u-top-mainVisual{
  --local-base-gap:var(--SIZE_32);
  display:grid;
  grid-column:1/4;
  grid-template:"item1 item1 item1" "  .     .   ." var(--local-base-gap) "  .   item2 ." "  .     .   ." var(--local-base-gap) "  .   item3 ." "  .     .   ." var(--local-base-gap) "  .   item4 ." "  .     .   ." var(--SIZE_48) "  .   item5 ."/var(--OUTSIDE_GUTTER_SP) minmax(var(--CONTENT_WIDTH_SP), var(--CONTENT_WIDTH_PC)) var(--OUTSIDE_GUTTER_SP);
}

.u-top-mainVisual__item:nth-child(1){
  grid-area:item1;
}
.u-top-mainVisual__item:nth-child(2){
  grid-area:item2;
}
.u-top-mainVisual__item:nth-child(3){
  grid-area:item3;
}
.u-top-mainVisual__item:nth-child(4){
  grid-area:item4;
}
.u-top-mainVisual__item:nth-child(5){
  grid-area:item5;
}
.u-top-mainVisual__item > :first-child{
  margin-top:0;
}
.u-top-mainVisual__item > :last-child{
  margin-bottom:0;
}
.u-top-panel{
  height:100%;
}

.u-top-panel__link{
  border-radius:var(--SIZE_6);
  display:grid;
  height:100%;
  overflow:clip;
  text-decoration:none;
}

.u-top-mainVisual__item:nth-child(1) .u-top-panel__link{
  border-radius:0;
  min-height:calc(var(--SPACING) * 125);
}

.u-top-panel__content{
  --local-foreground:var(--COLOR_BASE_WHITE);
  align-self:end;
  background-color:var(--local-background);
  color:var(--local-foreground);
  display:grid;
  font-family:var(--FONT_FAMILY_BOLD);
  font-weight:var(--FONT_WEIGHT_BOLD);
  gap:var(--SIZE_4);
  grid-area:1/1;
  padding:var(--SIZE_16) var(--SIZE_32) var(--SIZE_16) var(--SIZE_20);
  position:relative;
  z-index:var(--Z_INDEX_DEFAULT);
}
.u-top-panel__content::after{
  aspect-ratio:1/1;
  background-color:currentColor;
  content:"";
  display:block;
  mask-image:url("/static/assets/images/common/icon_arrow_right_bold.svg");
  mask-repeat:no-repeat;
  mask-size:cover;
  position:absolute;
  right:var(--SIZE_16);
  top:50%;
  transition:right var(--TRANSITION);
  translate:0 -50%;
  width:var(--SIZE_16);
}

.u-top-panel--front .u-top-panel__content{
  --local-background:rgba(10, 70, 200, 0.8);
  backdrop-filter:blur(8px);
}

.u-top-panel--middle .u-top-panel__content{
  --local-background:rgba(0, 25, 135, 0.8);
  backdrop-filter:blur(4px);
}

.u-top-panel--back .u-top-panel__content{
  --local-foreground:var(--COLOR_BASE_BLACK);
  --local-background:rgba(50, 215, 255, 0.8);
  backdrop-filter:blur(8px) brightness(150%);
}

.u-top-panel--global .u-top-panel__content{
  --local-foreground:var(--COLOR_BASE_BLACK);
  --local-background:rgba(190, 215, 240, 0.8);
  backdrop-filter:blur(4px);
}

.u-top-panel__subTitle{
  font-size:var(--FONT_SIZE_10);
  line-height:1.5;
}

.u-top-panel__title{
  font-size:var(--FONT_SIZE_14);
}

.u-top-panel__media{
  grid-area:1/1;
  overflow:clip;
}

.u-top-panel__mediaItem{
  display:block;
  filter:grayscale(100%);
  height:100%;
  object-fit:cover;
  transition:scale 5s cubic-bezier(0, 0.65, 0.45, 1), filter var(--TRANSITION);
  width:100%;
}
.u-top-content{
  display:grid;
  gap:0 var(--OUTSIDE_GUTTER_SP);
  grid-column:1/4;
  grid-template-columns:1fr minmax(var(--CONTENT_WIDTH_SP), var(--CONTENT_WIDTH_WIDE_1_PC)) 1fr;
}

.u-top-content__outer{
  display:grid;
  gap:0 var(--OUTSIDE_GUTTER_SP);
  grid-column:1/4;
  grid-template-columns:1fr minmax(var(--CONTENT_WIDTH_SP), var(--CONTENT_WIDTH_WIDE_1_PC)) 1fr;
}

.u-top-content__inner{
  grid-column:2/3;
  padding-top:calc(var(--SPACING) * 35);
}

.u-top-content__outer:last-child .u-top-content__inner{
  padding-bottom:calc(var(--SPACING) * 35);
}
.u-top-text-lead__item{
  display:block;
  font-family:var(--FONT_FAMILY_BOLD);
  font-size:var(--FONT_SIZE_22);
  font-weight:var(--FONT_WEIGHT_BOLD);
  letter-spacing:0.16em;
}
@media only screen and (width < 1000px){
  .u-top-button-list.m-button-list .m-button-list__item{
    display:flex;
    justify-content:center;
  }
  .u-top-button-list.m-button-list .m-button{
    min-width:calc(var(--SPACING) * 70);
    width:auto;
  }
  .u-top-heading-type2 .m-heading-type2__heading{
    font-size:var(--FONT_SIZE_26);
  }
  .u-top-newsCategory.m-button-list{
    gap:var(--SIZE_8);
  }
  .u-top-newsCategory.m-button-list .m-button{
    padding-inline:var(--SIZE_30);
  }
  .u-top-newsCategory.m-button-list .m-button::after{
    right:var(--SIZE_10);
  }
  .u-top-panel{
    min-height:calc(var(--SPACING) * 70);
  }
}
@media only screen and (any-hover: hover){
  .u-top-panel__link:hover .u-top-panel__content::after, .u-top-panel__link:focus-visible .u-top-panel__content::after{
    right:var(--SIZE_8);
  }
  .u-top-panel__link:hover .u-top-panel__mediaItem, .u-top-panel__link:focus-visible .u-top-panel__mediaItem{
    filter:grayscale(0);
    scale:1.03;
  }
}
@media print, screen and (width >= 1000px){
  .u-top-heading-type2 .m-heading-type2__heading{
    font-size:var(--FONT_SIZE_36);
  }
  .u-top-newsCategory.m-button-list{
    gap:var(--SIZE_16);
  }
  .u-top-recruit.m-layout{
    gap:var(--SIZE_80);
    grid-template-columns:minmax(0, 1fr) calc(600 / var(--CONTENT_WIDTH_PC_RAW) * 100%);
  }
  .u-top-note__outer{
    gap:0 var(--OUTSIDE_GUTTER_PC);
    padding-block:var(--SIZE_80);
  }
  .u-top-note__inner{
    gap:var(--SIZE_32);
    grid-template-columns:minmax(0, 1fr) calc(710 / var(--CONTENT_WIDTH_PC_RAW) * 100%);
    padding:var(--SIZE_60);
  }
  .u-top-note__heading{
    font-size:var(--FONT_SIZE_22);
  }
  .u-top-mainVisual{
    --local-base-gap:var(--SIZE_80);
    --local-grid-left-width:minmax(0, calc(var(--SPACING) * 172.5));
    --local-grid-right-width:minmax(0, calc(var(--SPACING) * 107.5));
    grid-template:"item1 item1 .   .     .  " calc(var(--SPACING) * 28.5) "item1 item1 . item2   .  " "item1 item1 .   .     .  " var(--local-base-gap) "item1 item1 . item3 item3" "  .     .   . item3 item3" var(--local-base-gap) "  .   item4 . item3 item3" "  .   item4 .   .     .  " calc(var(--SPACING) * 24) "  .   item4 . item5   .  " "  .   item4 .   .     .  "/minmax(var(--OUTSIDE_GUTTER_PC), 1fr) var(--local-grid-left-width) var(--local-base-gap) var(--local-grid-right-width) minmax(var(--OUTSIDE_GUTTER_PC), 1fr);
  }
  .u-top-mainVisual__item:nth-child(1) .u-top-panel__link{
    border-radius:0 0 var(--SIZE_6) 0;
    min-height:initial;
  }
  .u-top-mainVisual__item:nth-child(3) .u-top-panel__link{
    border-radius:var(--SIZE_6) 0 0 var(--SIZE_6);
  }
  .u-top-mainVisual__item:nth-child(4){
    padding-left:var(--SIZE_42);
  }
  .u-top-panel__content{
    border-radius:0 var(--SIZE_6) 0 0;
    margin-right:var(--SIZE_24);
    max-width:408px;
    padding:var(--SIZE_24) var(--SIZE_40) var(--SIZE_24) var(--SIZE_24);
  }
  .u-top-mainVisual__item:is(:nth-child(1), :nth-child(4)) .u-top-panel__content{
    border-radius:var(--SIZE_6) 0 0 0;
    justify-self:end;
    margin:0 0 0 var(--SIZE_24);
  }
  .u-top-panel__subTitle{
    font-size:var(--FONT_SIZE_11);
  }
  .u-top-panel__title{
    font-size:var(--FONT_SIZE_16);
    line-height:1.5;
  }
  .u-top-content,
  .u-top-content__outer{
    gap:0 var(--OUTSIDE_GUTTER_PC);
  }
  .u-top-content__inner > *:not(.u-top-services){
    margin-inline:auto;
    max-width:calc(var(--SPACING) * 270);
  }
  .u-top-services{
    background-color:var(--COLOR_BASE_WHITE);
    border-radius:var(--SIZE_10);
    margin-top:var(--SIZE_MODULE_MARGIN);
  }
  .u-top-services__inner{
    padding:var(--SIZE_60);
  }
  .u-top-services__inner > :first-child{
    margin-top:0;
  }
  .u-top-services__inner > :last-child{
    margin-bottom:0;
  }
  .u-top-text-lead__item{
    font-size:var(--FONT_SIZE_26);
  }
}
@media print, screen and (width >= 1366px){
  .u-top-mainVisual{
    --local-max-width-raw:1800;
    --local-grid-left-width:minmax(689px, calc(908 / var(--local-max-width-raw) * 100%));
    --local-grid-right-width:minmax(430px, calc(576 / var(--local-max-width-raw) * 100%));
    margin-inline:auto;
    max-width:1800px;
  }
}