@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Shippori+Mincho&display=swap");

article, section, header, footer, nav, menu, aside, figure, figcaption, main {

  display: block;

  padding: 0;

  margin: 0;

}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

  margin: 0;

  padding: 0;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



fieldset, img {

  border: 0;

}



img {

  vertical-align: top;

}



address, caption, cite, code, dfn, em, strong, th, var, u {

  font-style: normal;

  font-weight: normal;

  text-decoration: none;

}



a {

  vertical-align: baseline;

}



ol, ul {

  list-style: none;

}



caption, th {

  text-align: left;

}



h1, h2, h3, h4, h5, h6 {

  font-size: 100%;

  font-weight: normal;

  vertical-align: bottom;

}



q:before, q:after {

  content: "";

}



abbr, acronym {

  border: 0;

}



input[type=submit],

input[type=button] {

  border-radius: 0;

  -webkit-box-sizing: content-box;

  -webkit-appearance: button;

  -moz-appearance: button;

       appearance: button;

  border: none;

  cursor: pointer;

}

input[type=submit]::-webkit-search-decoration,

input[type=button]::-webkit-search-decoration {

  display: none;

}

input[type=submit]::focus,

input[type=button]::focus {

  outline-offset: -2px;

}



button {

  background-color: transparent;

  border: none;

  cursor: pointer;

  outline: none;

  padding: 0;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

}



* {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  min-width: 0;

  min-height: 0;

}



.st-Breadcrumb ol, .spFlex {

  display: inline-block;

}

.st-Breadcrumb ol, .spFlex {

  display: block;

}

.st-Breadcrumb ol:after, .spFlex:after {

  content: "";

  display: block;

  clear: both;

  height: 0;

}



@font-face {

  font-family: "icon";

  src: url("../fonts/icon.eot");

  src: url("../fonts/icon.eot?#iefix") format("eot"), url("../fonts/icon.woff") format("woff"), url("../fonts/icon.ttf") format("truetype"), url("../fonts/icon.svg#icon") format("svg");

  font-weight: normal;

  font-style: normal;

}

[class^=ico-]:before, [class*=" ico-"]:before {

  display: inline-block;

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.ico-lg {

  font-size: 1.3333333333em;

  line-height: 0.75em;

  vertical-align: -15%;

}



.ico-2x {

  font-size: 2em;

}



.ico-3x {

  font-size: 3em;

}



.ico-4x {

  font-size: 4em;

}



.ico-5x {

  font-size: 5em;

}



.ico-fw {

  width: 1.2857142857em;

  text-align: center;

}



.ico-000_arw-lt:before {

  content: "\ea01";

} /**/

.ico-001_minus:before {

  content: "\ea02";

} /**/

.ico-002_plus:before {

  content: "\ea03";

} /**/

.ico-003_saerch:before {

  content: "\ea04";

} /**/

.ico-004_global:before {

  content: "\ea05";

} /**/

.ico-005_square:before {

  content: "\ea06";

} /**/

.ico-006_arw-up:before {

  content: "\ea07";

} /**/

.ico-007_cross:before {

  content: "\ea08";

} /**/

.ico-008_rss:before {

  content: "\ea09";

} /**/

/**/

[class^=af-ico-]:after, [class*=" af-ico-"]:after {

  display: inline-block;

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.ico-lg {

  font-size: 1.3333333333em;

  line-height: 0.75em;

  vertical-align: -15%;

}



.af-ico-2x {

  font-size: 2em;

}



.af-ico-3x {

  font-size: 3em;

}



.af-ico-4x {

  font-size: 4em;

}



.af-ico-5x {

  font-size: 5em;

}



.af-ico-fw {

  width: 1.2857142857em;

  text-align: center;

}



.af-ico-000_arw-lt:after {

  content: "\ea01";

} /**/

.af-ico-001_minus:after {

  content: "\ea02";

} /**/

.af-ico-002_plus:after {

  content: "\ea03";

} /**/

.af-ico-003_saerch:after {

  content: "\ea04";

} /**/

.af-ico-004_global:after {

  content: "\ea05";

} /**/

.af-ico-005_square:after {

  content: "\ea06";

} /**/

.af-ico-006_arw-up:after {

  content: "\ea07";

} /**/

.af-ico-007_cross:after {

  content: "\ea08";

} /**/

.af-ico-008_rss:after {

  content: "\ea09";

} /**/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,

.fancybox-skin,

.fancybox-outer,

.fancybox-inner,

.fancybox-image,

.fancybox-wrap iframe,

.fancybox-wrap object,

.fancybox-nav,

.fancybox-nav span,

.fancybox-tmp {

  padding: 0;

  margin: 0;

  border: 0;

  outline: none;

  vertical-align: top;

}



.fancybox-wrap {

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  z-index: 8020;

}



.fancybox-skin {

  position: relative;

  color: #444;

  text-shadow: none;

}



.fancybox-opened {

  z-index: 8030;

}



.fancybox-outer, .fancybox-inner {

  position: relative;

}



.fancybox-inner {

  overflow: hidden;

}



.fancybox-type-iframe .fancybox-inner {

  -webkit-overflow-scrolling: touch;

}



.fancybox-error {

  color: #444;

  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

  margin: 0;

  padding: 15px;

  white-space: nowrap;

}



.fancybox-image, .fancybox-iframe {

  display: block;

  width: 100%;

  height: 100%;

}



.fancybox-image {

  max-width: 100%;

  max-height: 100%;

}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

  background-image: url(/jp/img/common/fancybox_sprite.png);

}



#fancybox-loading {

  position: fixed;

  top: 50%;

  left: 50%;

  margin-top: -22px;

  margin-left: -22px;

  background-position: 0 -108px;

  opacity: 0.8;

  cursor: pointer;

  z-index: 8060;

}



#fancybox-loading div {

  width: 44px;

  height: 44px;

  background: url(/jp/img/common/fancybox_loading.gif) center center no-repeat;

}



.fancybox-close {

  position: absolute;

  top: -18px;

  right: -18px;

  width: 36px;

  height: 36px;

  cursor: pointer;

  z-index: 8040;

}



.fancybox-nav {

  position: absolute;

  top: 0;

  width: 40%;

  height: 100%;

  cursor: pointer;

  text-decoration: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  z-index: 8040;

}



.fancybox-prev {

  left: 0;

}



.fancybox-next {

  right: 0;

}



.fancybox-nav span {

  position: absolute;

  top: 50%;

  width: 36px;

  height: 34px;

  margin-top: -18px;

  cursor: pointer;

  z-index: 8040;

  visibility: hidden;

}



.fancybox-prev span {

  left: 10px;

  background-position: 0 -36px;

}



.fancybox-next span {

  right: 10px;

  background-position: 0 -72px;

}



.fancybox-nav:hover span {

  visibility: visible;

}



.fancybox-tmp {

  position: absolute;

  top: -99999px;

  left: -99999px;

  max-width: 99999px;

  max-height: 99999px;

  overflow: visible !important;

}



/* Overlay helper */

.fancybox-lock {

  overflow: visible !important;

  width: auto;

}



.fancybox-lock body {

  overflow: hidden !important;

}



.fancybox-lock-test {

  overflow-y: hidden !important;

}



.fancybox-overlay {

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

  display: none;

  z-index: 8010;

  background: url(/jp/img/common/fancybox_overlay.png);

}



.fancybox-overlay-fixed {

  position: fixed;

  bottom: 0;

  right: 0;

}



.fancybox-lock .fancybox-overlay {

  overflow: auto;

  overflow-y: scroll;

}



/* Title helper */

.fancybox-title {

  visibility: hidden;

  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;

  position: relative;

  text-shadow: none;

  z-index: 8050;

}



.fancybox-opened .fancybox-title {

  visibility: visible;

}



.fancybox-title-float-wrap {

  position: absolute;

  bottom: 0;

  right: 50%;

  margin-bottom: -35px;

  z-index: 8050;

  text-align: center;

}



.fancybox-title-float-wrap .child {

  display: inline-block;

  margin-right: -100%;

  padding: 2px 20px;

  background: transparent; /* Fallback for web browsers that doesn't support RGBa */

  background: rgba(0, 0, 0, 0.8);

  border-radius: 15px;

  text-shadow: 0 1px 2px #222;

  color: #FFF;

  font-weight: bold;

  line-height: 24px;

  white-space: nowrap;

}



.fancybox-title-outside-wrap {

  position: relative;

  margin-top: 10px;

  color: #fff;

}



.fancybox-title-inside-wrap {

  padding-top: 10px;

}



.fancybox-title-over-wrap {

  position: absolute;

  bottom: 0;

  left: 0;

  color: #fff;

  padding: 10px;

  background: #000;

  background: rgba(0, 0, 0, 0.8);

}



/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

    background-image: url(/jp/img/common/fancybox_sprite@2x.png);

    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/

  }

  #fancybox-loading div {

    background-image: url(/jp/img/common/fancybox_loading@2x.gif);

    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/

  }

}

a {

  color: #0E1E49;

}

a.pdf:after, a.xls:after, a.doc:after, a.blank:after {

  display: inline-block;

  padding: 0 4px;

  vertical-align: middle;

  text-decoration: none;

}

a.pdf:after {

  content: url("../img/common/ico-pdf.png");

  display: inline-block;

}

a.xls:after {

  content: url("../img/common/ico-excel.png");

  display: inline-block;

}

a.doc:after {

  content: url("../img/common/ico-word.png");

  display: inline-block;

}

a.blank:after {

  content: url("../img/common/ico-blank.png");

  display: inline-block;

  margin-top: -5px;

  padding-right: 0.5em;

}

a {

  -webkit-transition: color 0.4s;

  transition: color 0.4s;

  position: relative;

}

a:hover {

  color: #0464FD;

}

a::after {

  text-decoration: none !important;

}

a.tel-disable {

  color: #282828;

  cursor: default;

  text-decoration: none !important;

}

a.tel-disable:hover {

  cursor: default;

  color: #282828;

  text-decoration: none;

}

a.noIcon:after {

  display: none !important;

}



a[href^="tel:"] {

  text-decoration: underline;

}



a[target=_blank]:not(.btn, a[href$=".pdf"]):after {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea27";

  display: inline-block;

  padding-left: 0.5rem;

  padding-right: 0.5em;

  font-size: 16px;

  font-size: 1rem;

}



a[href$=".pdf"]:after {

  content: url("../img/common/ico-pdf.png");

  display: inline-block;

  padding-left: 0.5rem;

}



a[href$=".xls"]:after, a[href$=".xlsx"]:after {

  content: url("/img/common/ico-excel.png");

  display: inline-block;

  padding-left: 0.5rem;

}



a[href$=".doc"]:after, a[href$=".docx"]:after {

  content: url("../img/common/ico-word.png");

  display: inline-block;

  padding-left: 0.5rem;

}



a[href$=".ppt"]:after, a[href$=".pptx"]:after {

  content: url("../img/common/ico-ppt.png");

  display: inline-block;

  padding-left: 0.5rem;

}



.st-Hero {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  margin-top: 0 !important;

  z-index: 0;

  overflow: hidden;

}

.st-Hero.yc {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  height: 721px;

}

.st-Hero_Img {

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: bottom;

     object-position: bottom;

  width: 100%;

  height: 100%;

}

.yc .st-Hero_Img {

  opacity: 0.5;

}

.st-Hero_Img.index {

  opacity: 1;

  -o-object-position: top;

     object-position: top;

}

.st-Hero_Main {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  max-width: 100%;

  margin: 0 auto;

  padding: 0 0 0 48px;

  position: relative;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

.st-Hero_Main.index {

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}

@media only screen and (max-width: 991px) {

  .st-Hero_Main {

    padding: 0 48px;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

  }

}

@media only screen and (max-width: 767px) {

  .st-Hero_Main {

    padding: 0 24px;

  }

}

.st-Hero_Main-Cnt.yc {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 calc(100% - 252px);

          flex: 0 1 calc(100% - 252px);

}

@media only screen and (max-width: 991px) {

  .st-Hero_Main-Cnt.yc {

    -webkit-box-flex: 1;

        -ms-flex: 1 1 100%;

            flex: 1 1 100%;

  }

}

.index .st-Hero_Main-Cnt {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 auto;

          flex: 1 1 auto;

  min-width: 0;

  width: 100%;

  height: 721px;

  color: #fff;

  padding-top: 230px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media only screen and (max-width: 767px) {

  .index .st-Hero_Main-Cnt {

    margin-left: 0;

    padding-top: 180px;

  }

}

@media only screen and (max-width: 767px) {

  .index .st-Hero_Main-Cnt h1 {

    font-size: 37px;

    font-size: 2.3125rem;

  }

}

.st-Hero_indexCnt {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  position: relative;

  bottom: 48px;

  width: 100%;

  min-width: 0;

}

@media only screen and (max-width: 991px) {

  .st-Hero_indexCnt {

    -webkit-column-gap: 48px;

       -moz-column-gap: 48px;

            column-gap: 48px;

  }

}

@media only screen and (max-width: 767px) {

  .st-Hero_indexCnt {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    bottom: 48px;

  }

}

.st-Hero_indexCnt-Sub {

  font-size: 25px;

  font-size: 1.5625rem;

}

@media only screen and (max-width: 991px) {

  .st-Hero_indexCnt-Sub {

    font-size: 20px;

    font-size: 1.25rem;

  }

}

@media only screen and (max-width: 767px) {

  .st-Hero_indexCnt-Sub {

    font-size: 15px;

    font-size: 0.9375rem;

  }

}

.st-Hero_indexCnt-Main {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 calc(100% - 252px);

          flex: 0 1 calc(100% - 252px);

  min-width: 0;

  container-type: inline-size;

}

@media only screen and (max-width: 767px) {

  .st-Hero_indexCnt-Main {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: 100%;

  }

}

.st-Hero_indexCnt-Main .Lead_Main {

  letter-spacing: 5%;

  font-family: "Shippori Mincho", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

  line-height: 140%;

  white-space: nowrap;

  font-size: clamp(1.25rem, 7cqi, 3.5rem);

}

.st-Hero_indexCnt-Main .Lead_Sub {

  margin-top: 24px;

  font-size: 24px;

  font-size: 1.5rem;

  line-height: 160%;

  letter-spacing: 15%;

}

.st-Hero_indexCnt-Main .Lead_Sub-Txt {

  margin-top: 3rem;

}

@media only screen and (max-width: 767px) {

  .st-Hero_indexCnt-Main .Lead_Sub-Txt {

    margin-top: 2rem;

  }

}

.st-Hero_indexCnt-Main .Lead_Sub-Txt:first-child {

  margin-top: 0;

}

@media only screen and (max-width: 991px) {

  .st-Hero_indexCnt-Main .Lead_Sub {

    font-size: 18px;

    font-size: 1.125rem;

  }

}

@media only screen and (max-width: 767px) {

  .st-Hero_indexCnt-Main .Lead_Sub {

    font-size: 15px;

    font-size: 0.9375rem;

    margin-top: 24px;

  }

}



.nowrap {

  white-space: nowrap;

}



table {

  width: 100%;

  margin: 2rem auto;

}

table figure {

  margin-top: 0 !important;

}

table.auto {

  width: auto;

  margin: 2rem 1rem 2rem 0;

}

@media only screen and (max-width: 767px) {

  table {

    width: calc(100% - 1rem);

  }

}

h2 + table, h3 + table, h4 + table, h4 + .swipe table {

  margin-top: 1.2rem;

}

@media only screen and (max-width: 767px) {

  table.block th, table.block td {

    display: block;

  }

}

table.narrow th, table.narrow td {

  padding: 5px;

}

table.rate th, table.rate td {

  width: 12.5%;

}

table.vTop th, table.vTop td {

  vertical-align: top;

}

table.thesis thead {

  background-color: transparent;

}

table.thesis thead th {

  color: #282828;

  border-bottom: 1px solid #cdcdcd;

}

table.thesis td {

  padding: 40px 16px;

  border: none;

}

table.mc-dataTable th, table.mc-dataTable td {

  border-top: none;

  border-left: none;

  border-right: none;

  padding: 1rem 0.5rem;

}

@media only screen and (max-width: 767px) {

  table.mc-dataTable th, table.mc-dataTable td {

    display: block;

    width: 100%;

  }

}

table.mc-dataTable th {

  font-size: 18px;

  font-size: 1.125rem;

  color: #0E1E49;

}

@media only screen and (max-width: 767px) {

  table.mc-dataTable th {

    border-bottom: 0;

  }

}

table.brd tbody td, table.brd tbody th {

  border: 1px solid #e8e8e8;

}

table.exp tbody > tr:nth-of-type(2n) {

  background-color: #f4f4f4;

}

table.exp tbody th, table.exp tbody td {

  border: 0;

}

table th, table td {

  line-height: 1.5;

}

@media only screen and (max-width: 767px) {

  table th, table td {

    line-height: 1.3;

  }

}

table thead {

  background: #C0153C;

}

table thead tr th, table thead tr td {

  padding: 16px 10px;

  text-align: center;

  color: #fff;

}

@media only screen and (max-width: 767px) {

  table thead tr th, table thead tr td {

    padding: 10px 5px;

  }

}

table thead tr th {

  text-align: left;

  font-weight: 400;

}

table tfoot {

  background: #d5e4ea;

}

table tfoot tr th, table tfoot tr td {

  border-right: 1px solid #ECECEC;

  border-bottom: 1px solid #ECECEC;

  padding: 14px 10px;

  text-align: center;

  font-weight: bold;

}

@media only screen and (max-width: 767px) {

  table tfoot tr th, table tfoot tr td {

    padding: 10px 5px;

  }

}

table tbody {

  background: #fff;

}

table tbody tr th.blue {

  color: #fff;

  background-color: #C0153C;

}

table tbody tr th {

  font-weight: 400;

  background-color: #F4F4F4;

}

table tbody tr th, table tbody tr td {

  padding: 14px 10px;

  font-size: 15px;

  font-size: 0.9375rem;

  border: 1px solid #e8e8e8;

}

table tbody tr th.esp, table tbody tr td.esp {

  background-color: #FFF2CC;

}

table tbody tr th.gray, table tbody tr td.gray {

  background-color: #f4f4f4;

}

@media only screen and (max-width: 767px) {

  table tbody tr th, table tbody tr td {

    padding: 8px 5px;

  }

}

table tbody tr th > *:first-child, table tbody tr td > *:first-child {

  margin-top: 0;

}

table tbody tr th > *:last-child, table tbody tr td > *:last-child {

  margin-bottom: 0;

}

table caption {

  font-weight: bold;

  font-size: 17px;

  font-size: 1.0625rem;

  margin-bottom: 0.7em;

}

table + table, table + div.swipe {

  margin-top: 3em;

}

table + p.note,

table + ul.notes {

  margin-top: -1.2em;

}



td.empty {

  background-image: linear-gradient(to left top, transparent calc(50% - 0.5px), #e8e8e8 50%, #e8e8e8 calc(50% + 0.5px), transparent calc(50% + 1px)) !important;

}



.spMenu {

  display: none;

}

@media only screen and (max-width: 767px) {

  .spMenu {

    display: block;

    margin-top: 60px;

    width: 100%;

    position: relative;

  }

  .tp-Main .spMenu {

    width: 90%;

  }

}



.btnTtl {

  font-size: 16px;

  font-size: 1rem;

  width: 100%;

  text-align: left;

  padding: 8px 0 16px;

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  border-bottom: 1px solid #C0153C;

}

.btnTtl::after {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea01";

}



.spMenu_Btn {

  width: 100%;

  display: block;

  padding: 16px;

  text-decoration: none;

  color: #0464FD;

  border-bottom: 1px solid #EFF3F6;

  background-color: #F4F4F4;

}



.btnWrap {

  position: absolute;

  left: 0;

  top: 49px;

  width: 100%;

  overflow: hidden;

  interpolate-size: allow-keywords; /* auto や fit-content を補間可能にする */

  -webkit-transition: height 0.4s ease;

  transition: height 0.4s ease;

  height: 0;

  z-index: 20;

}

.btnWrap.open {

  height: auto;

}



.st-LocalNav {

  -webkit-box-ordinal-group: 1;

      -ms-flex-order: 0;

          order: 0;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 252px;

          flex: 0 0 252px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  z-index: 10;

  position: sticky;

  bottom: 48px;

  -ms-flex-item-align: end;

      align-self: flex-end;

  height: -webkit-max-content;

  height: -moz-max-content;

  height: max-content;

}

@media only screen and (max-width: 991px) {

  .st-LocalNav {

    display: none;

  }

}

.st-LocalNav_Inner {

  width: 100%;

}



.st_Anchor {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  row-gap: 1rem;

  position: relative;

}

@media only screen and (max-width: 767px) {

  .st_Anchor {

    display: none;

  }

}

.st_Anchor_Link {

  font-size: 15px;

  font-size: 0.9375rem;

  color: #fff;

  font-weight: 600;

  text-decoration: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  max-width: 170px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-column-gap: 0.5rem;

     -moz-column-gap: 0.5rem;

          column-gap: 0.5rem;

  position: relative;

  border-bottom-color: transparent;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}

.offW .st_Anchor_Link {

  color: #6e6e6e;

}

.offW .st_Anchor_Link:hover {

  color: #C0153C !important;

  border-bottom: 1px dotted #C0153C;

}

.offW .st_Anchor_Link:hover::after {

  background-color: #C0153C;

}

.trp .st_Anchor_Link {

  color: #fff;

}

.trp .st_Anchor_Link:hover {

  color: #fff;

}

.trp .st_Anchor_Link:hover::after {

  background-color: #fff;

}

.trp .st_Anchor_Link::after {

  background-color: #fff;

}

.st_Anchor_Link::after {

  width: 6px;

  height: 1px;

  content: "";

  background-color: #fff;

  display: block;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}

.st_Anchor_Link:hover {

  color: #C0153C;

  border-bottom: 1px dotted #C0153C;

}

.st_Anchor_Link:hover::after {

  background-color: #C0153C;

}

.st_Anchor_Link.act {

  color: #C0153C;

}

.offW .st_Anchor_Link.act {

  color: #C0153C;

}

.st_Anchor_Link.act {

  border-bottom: 1px solid #C0153C;

}

.offW .st_Anchor_Link.act {

  border-bottom: 1px solid #C0153C;

}

.st_Anchor_Link.act::after {

  height: 6px;

  background-color: #C0153C;

}

.offW .st_Anchor_Link.act::after {

  background-color: #C0153C;

}

.st_Anchor .mark::before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea01";

  font-size: 12px;

  font-size: 0.75rem;

}



em {

  color: #C0153C;

  font-weight: 500;

}



:root {

  interpolate-size: allow-keywords;

}



body {

  width: 100%;

  *font-size: small;

  *font: x-small;

  -webkit-text-size-adjust: 100%;

  line-height: 1.65;

  font-size: 16px;

  font-size: 100%;

  position: relative;

  color: #282828;

  font-family: "Instrument Sans", "Gen Interface JP", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

@media only screen and (max-width: 767px) {

  body {

    min-width: 320px;

    padding-bottom: 0;

  }

}



@media print {

  body {

    -webkit-print-color-adjust: exact;

    width: 1100px;

    transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -webkit-transform-origin: 0 0;

            transform-origin: 0 0;

  }

}

video {

  width: 100%;

}



hr {

  border: 1px solid #e8e8e8;

}



.pcOnly {

  display: block;

}

@media only screen and (max-width: 767px) {

  .pcOnly {

    display: none !important;

  }

}

@media only screen and (max-width: 991px) {

  .pcOnly {

    display: none !important;

  }

}



.tabletOnly {

  display: none;

}

@media only screen and (max-width: 991px) {

  .tabletOnly {

    display: block !important;

  }

}

@media only screen and (max-width: 767px) {

  .tabletOnly {

    display: none !important;

  }

}



.spOnly {

  display: none;

}

@media only screen and (max-width: 991px) {

  .spOnly {

    display: none !important;

  }

}

@media only screen and (max-width: 767px) {

  .spOnly {

    display: block !important;

  }

}



.wid_m {

  max-width: 1020px;

}

@media only screen and (max-width: 991px) {

  .wid_m {

    max-width: 92%;

  }

}



ul,

ol {

  list-style-type: none;

}



img {

  width: auto;

  max-width: 100%;

  min-width: 0;

  height: auto;

}



@media only screen and (max-width: 767px) {

  section > p {

    padding-right: 1rem;

  }

}



figure {

  margin-top: 4rem;

}

figure figcaption {

  margin-top: 0.5rem;

  font-size: 15px;

  font-size: 0.9375rem;

}



@media only screen and (max-width: 767px) {

  colgroup {

    display: none !important;

  }

}



.uLine {

  text-decoration: underline;

}



.txtR {

  text-align: right !important;

}



.txtC {

  text-align: center !important;

}



.txtL {

  text-align: left !important;

}



strong,

.strong {

  font-weight: 700;

}



.att {

  color: #AB0F0F;

}



em {

  font-weight: bold;

}



.mainColor {

  color: #C0153C;

}



.clr_c9 {

  color: #c9c9c9;

}



.bg-w_gary {

  background-color: #eef2fb;

}



.orange {

  color: #ec6d27;

}



.indent1 {

  text-indent: -1rem;

  padding-left: 1rem;

}



.indent2 {

  text-indent: -2em;

  padding-left: 2em;

}



.indent3 {

  text-indent: -3em;

  padding-left: 3em;

}



.disNone {

  display: none !important;

}



.big {

  font-size: 18px;

  font-size: 1.125rem;

}



.fontXL {

  font-size: 22px;

  font-size: 1.375rem;

}



.breakAll {

  word-break: break-all;

}



.hidden {

  overflow: hidden;

}

.hidden *:first-child {

  margin-top: 0 !important;

}



.ai_center {

  -webkit-box-align: center !important;

      -ms-flex-align: center !important;

          align-items: center !important;

}



.ai_f-start {

  -webkit-box-align: start !important;

      -ms-flex-align: start !important;

          align-items: flex-start !important;

}



.ai_f-end {

  -webkit-box-align: end !important;

      -ms-flex-align: end !important;

          align-items: flex-end !important;

}



.spFull {

  max-width: 80%;

}

@media only screen and (max-width: 414px) {

  .spFull {

    max-width: 100%;

  }

}



.mc-LinkArr::after {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea01";

  font-size: 32px;

  font-size: 2rem;

}

@media only screen and (max-width: 767px) {

  .mc-LinkArr::after {

    font-size: 12px;

    font-size: 0.75rem;

  }

}



.mc-ContLead {

  font-size: 15px;

  font-size: 0.9375rem;

  margin-top: 150px !important;

}

@media only screen and (max-width: 767px) {

  .mc-ContLead {

    margin-top: 120px !important;

  }

}



.mc-movie {

  margin-top: 152px;

  overflow: hidden;

  width: calc(100% + 348px);

  margin-left: -300px;

}

@media only screen and (max-width: 991px) {

  .mc-movie {

    margin-left: -48px;

    margin-top: 120px;

    width: 100%;

    width: calc(100% + 96px);

  }

}

@media only screen and (max-width: 767px) {

  .mc-movie {

    margin-left: -24px;

    margin-top: 120px;

    width: 100%;

    width: calc(100% + 48px);

  }

}

.mc-movie_Inner {

  position: relative;

  margin: 0;

  overflow: hidden;

  height: 457px;

}

@media only screen and (max-width: 767px) {

  .mc-movie_Inner {

    height: 400px;

  }

}

@media only screen and (max-width: 767px) {

  .mc-movie_Inner video {

    width: auto;

    height: 400px;

  }

}



.st-Contents {

  margin-top: 0px;

  padding: 0 0 150px;

}

.st-Contents.blk {

  background-color: #282828;

  color: #fff;

}

.st-Contents.offW {

  background-color: #EFF3F6;

}



.st-Breadcrumb {

  top: 128px;

  left: 64px;

  position: absolute;

  z-index: 3;

}

@media only screen and (max-width: 767px) {

  .st-Breadcrumb {

    top: 116px;

    left: 24px;

    max-width: 90%;

    overflow-x: auto;

    white-space: nowrap;

    padding: 10px 0;

    margin-left: auto;

    margin-right: auto;

  }

}

.st-Breadcrumb ol {

  width: 100%;

  list-style: none;

  margin: 0 auto;

  max-width: 1360px;

  padding: 0 20px 0 0;

}

@media only screen and (max-width: 767px) {

  .st-Breadcrumb ol {

    overflow-y: hidden;

    max-width: 100%;

    padding: 0;

  }

}

.st-Breadcrumb ol li {

  float: left;

  font-size: 13px;

  font-size: 0.8125rem;

  position: relative;

  padding-left: 0.5rem;

  color: #9e9e9e;

}

@media only screen and (max-width: 767px) {

  .st-Breadcrumb ol li {

    float: none;

    display: inline;

  }

}

.st-Breadcrumb ol li:first-child {

  padding-left: 0;

}

.st-Breadcrumb ol li:after {

  content: "/";

  font-size: 10px;

  font-size: 0.625rem;

  padding-left: 0.5rem;

}

.st-Breadcrumb ol li:last-child:after {

  display: none;

}

.st-Breadcrumb_Link {

  color: #fff;

  text-decoration: none;

  border-bottom: 1px dashed transparent;

}

.st-Breadcrumb_Link:hover {

  border-bottom: 1px dashed #fff;

  color: #fff;

}

.trg .st-Breadcrumb_Link {

  color: #fff;

}



.st_Cnt {

  max-width: 1240px;

  padding: 0 20px;

  margin: 0 auto;

}

@media only screen and (max-width: 767px) {

  .st_Cnt {

    padding: 0;

  }

}

.st_Cnt_Inner {

  background-color: #fff;

  padding: 30px 20px;

}

@media only screen and (max-width: 767px) {

  .st_Cnt_Inner {

    padding: 20px 10px;

  }

}

.st_Cnt_Inner > *:first-child {

  margin-top: 0;

}



.st-Main {

  max-width: 100%;

  position: relative;

  z-index: 1;

}

.st-Main_Head {

  margin-top: 0 !important;

}

.st-Main_Inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  margin: 0 auto;

  padding: 0 0 0 48px;

  margin-top: 0 !important;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  position: relative;

}

@media only screen and (max-width: 991px) {

  .st-Main_Inner {

    padding: 0 48px;

  }

}

@media only screen and (max-width: 767px) {

  .st-Main_Inner {

    padding: 0 24px;

  }

}

@media only screen and (max-width: 991px) {

  .st-Main {

    max-width: 100%;

    padding: 0;

  }

}

@media only screen and (max-width: 767px) {

  .st-Main {

    overflow-x: clip;

  }

}

.st-Main .st-MainCnt {

  position: relative;

  z-index: 3;

  -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

          order: 1;

  padding-right: 48px;

  -webkit-box-flex: 0;

      -ms-flex: 0 1 calc(100% - 252px);

          flex: 0 1 calc(100% - 252px);

}

@media only screen and (max-width: 991px) {

  .st-Main .st-MainCnt {

    -webkit-box-flex: 1;

        -ms-flex: 1 1 auto;

            flex: 1 1 auto;

    width: 100%;

    min-width: 0;

    max-width: 100%;

    padding-right: 0;

  }

}

@media only screen and (max-width: 414px) {

  .st-Main .st-MainCnt {

    max-width: 100%;

  }

}

.st-Main .st-MainCnt_Inner > section {

  margin-top: 150px;

}

@media only screen and (max-width: 767px) {

  .st-Main .st-MainCnt_Inner > section {

    margin-top: 120px;

  }

}

.st-Main h1 {

  font-size: 64px;

  font-size: 4rem;

  font-weight: 400;

  line-height: 1.4;

  letter-spacing: 5%;

}

.st-Main h1.en {

  font-size: 96px;

  font-size: 6rem;

}

@media only screen and (max-width: 767px) {

  .st-Main h1.en {

    font-size: 48px;

    font-size: 3rem;

  }

}

.st-Main h1.MainCnt {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

@media only screen and (max-width: 767px) {

  .st-Main h1.MainCnt {

    row-gap: 8px;

  }

}

.st-Main h1.MainCnt .h1_Ttl {

  color: #6e6e6e;

}

.st-Main h1 .h1_Ttl {

  font-size: 24px;

  font-size: 1.5rem;

  -webkit-transition: font-size 0.3s ease-in-out;

  transition: font-size 0.3s ease-in-out;

}

@media only screen and (max-width: 767px) {

  .st-Main h1 .h1_Ttl {

    font-size: 15px;

    font-size: 0.9375rem;

  }

}

.st-Main h1 .h1_Main {

  font-size: 64px;

  font-size: 4rem;

  line-height: 1.3;

  letter-spacing: 3%;

  -webkit-transition: font-size 0.3s ease-in-out;

  transition: font-size 0.3s ease-in-out;

}

@media only screen and (max-width: 767px) {

  .st-Main h1 .h1_Main {

    font-size: 37px;

    font-size: 2.3125rem;

  }

}

.st-Main h1 .h1_Sub {

  font-size: 15px;

  font-size: 0.9375rem;

}

@media only screen and (max-width: 767px) {

  .st-Main h1 .h1_Sub {

    font-size: 17px;

    font-size: 1.0625rem;

    margin-bottom: 1rem;

  }

}

.st-Main h1 .h1_Sub-Txt {

  font-size: 15px;

  font-size: 0.9375rem;

  margin-top: 1rem;

}

.st-Main h1.yc {

  height: 721px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: end;

  padding-bottom: 48px;

}

.st-Main h1.yc .h1_Ttl {

  font-size: clamp(0.9375rem, 1.6666666667vw, 1.5rem);

}

.st-Main h1.yc .h1_Main {

  font-size: clamp(2.3125rem, 4.4444444444vw, 4rem);

}

.st-Main h2 {

  font-size: 37px;

  font-size: 2.3125rem;

  margin: 7.5rem 0 4rem;

  line-height: 1.4;

  letter-spacing: 5%;

}

.st-Main h2.en {

  font-size: 48px;

  font-size: 3rem;

}

@media only screen and (max-width: 767px) {

  .st-Main h2 {

    font-size: 24px;

    font-size: 1.5rem;

    padding-right: 1rem;

  }

}

.st-Main h3 {

  font-size: 25px;

  font-size: 1.5625rem;

  position: relative;

  margin: 4rem 0 1.5rem;

  font-weight: 400;

  line-height: 1.4;

}

.st-Main h3.en {

  font-size: 24px;

  font-size: 1.5rem;

}

@media only screen and (max-width: 767px) {

  .st-Main h3 {

    font-size: 24px;

    font-size: 1.5rem;

  }

}

.st-Main h3.brd {

  border-bottom: 1px solid #EFF3F6;

  font-size: 30px;

  font-size: 1.875rem;

  margin-bottom: 2rem;

}

@media only screen and (max-width: 767px) {

  .st-Main h3.brd {

    font-size: 20px;

    font-size: 1.25rem;

  }

}

.st-Main h4 {

  margin-top: 2rem;

  position: relative;

  font-size: 16px;

  font-size: 1rem;

  letter-spacing: 5%;

  line-height: 1.4;

  margin-bottom: 1rem;

  font-weight: 600;

}

.st-Main h5 {

  margin-top: 1.5rem;

  margin-bottom: 1rem;

  font-size: 18px;

  font-size: 1.125rem;

  color: #0E1E49;

}

.st-Main h1 + h2,

.st-Main h2 + h3,

.st-Main h3 + h4,

.st-Main > section:first-of-type,

.st-Main > div:first-of-type {

  margin-top: 1rem;

}

.st-Main > section,

.st-Main > div {

  margin-top: 4rem;

}

.st-Main > section > *:first-child,

.st-Main > div > *:first-child {

  margin-top: 0;

}

.st-Main p {

  margin-top: 1.5rem;

}

.st-Main p.lead {

  font-size: 20px;

  font-size: 1.25rem;

}

.st-Main p.mc-notice {

  border-top: 1px solid #ccc;

  padding: 1rem;

  margin-top: 4rem;

}

.st-Main p.division {

  border-bottom: 1px dotted #ECECEC;

  padding-bottom: 1rem;

}

.st-Main p.division:last-child {

  border-bottom: none;

  padding-bottom: 0;

}

.st-Main h1 + p,

.st-Main h2 + p,

.st-Main h3 + p,

.st-Main h4 + p,

.st-Main h5 + p {

  margin-top: 0.25rem;

}

.st-Main ol:not([class]) {

  padding: 0 15px;

  margin-top: 1rem;

  counter-reset: num;

}

.st-Main ol:not([class]) > li {

  position: relative;

  padding: 0 0 0 1.5em;

  margin-bottom: 0.25rem;

}

.st-Main ol:not([class]) > li:before {

  font-family: "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", ‘游ゴシック体’, ‘Yu Gothic’, ‘YuGothic’, Meiryo, メイリオ, sans-serif;

  counter-increment: num;

  content: counter(num) ".";

  position: absolute;

  top: 2px;

  left: 0px;

  font-weight: 700;

}

.st-Main ol:not([class]) > li ol > li {

  padding: 0 0 0 27px;

}

.st-Main ol:not([class]) > li ol > li:before {

  left: 2px;

  font-size: 13px;

  content: counters(num, "-") ".";

}

.st-Main ol:not([class]) > li ol.with_Number > li {

  margin: 10px 0;

  padding: 0;

  text-indent: -1rem;

  padding-left: 1rem;

}

.st-Main ol:not([class]) > li ol.with_Number > li:before {

  display: none;

}

.st-Main ol:not([class]) > li > ul {

  counter-reset: num;

  margin: 5px auto;

}

.st-Main ol:not([class]) > li > ul li:before {

  content: "";

  display: inline-block;

  width: 6px;

  height: 6px;

  position: absolute;

  left: 0;

  top: 10px;

  background: #c2cfe4;

  border-radius: 6px;

}

.st-Main ol {

  margin-top: 1rem;

}

.st-Main ol.none {

  padding: 0 15px;

}

.st-Main ol.none li {

  margin-bottom: 0.25rem;

}

.st-Main ol.none li::before {

  display: none;

}

.st-Main ul {

  margin: 1rem 0 2rem;

}

.st-Main ul:not([class]), .st-Main ul.mc-GroupList_List {

  padding: 0 15px;

}

.st-Main ul:not([class]) li, .st-Main ul.mc-GroupList_List li {

  position: relative;

  padding-left: 0.8rem;

  margin-bottom: 0.25rem;

}

.st-Main ul:not([class]) li:before, .st-Main ul.mc-GroupList_List li:before {

  background-color: #282828;

  content: "";

  display: inline-block;

  width: 4px;

  height: 4px;

  border-radius: 2px;

  position: absolute;

  top: 12px;

  left: 0;

  line-height: 1;

}

.st-Main ul:not([class]) li ul, .st-Main ul.mc-GroupList_List li ul {

  margin: 0;

}

.st-Main ul.linkStyle {

  padding: 0 15px;

}

.st-Main ul.linkStyle li {

  margin-bottom: 0.5rem;

}

.st-Main ul.linkStyle li a {

  position: relative;

  padding-left: 1.5rem;

  display: inline-block;

}

.st-Main ul.linkStyle li a:before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  overflow: hidden;

  display: inline-block;

  content: "\ea02";

  font-size: 5px;

  font-size: 0.3125rem;

  position: absolute;

  text-decoration: none;

  top: 14px;

  left: 0;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

  width: 15px;

  height: 15px;

  line-height: 15px;

  background-color: #C0153C;

  color: #fff;

  padding: 1px;

}

.st-Main ul.boxstyle {

  font-size: 17px;

  font-size: 1.0625rem;

}

@media only screen and (max-width: 767px) {

  .st-Main ul.boxstyle {

    margin-top: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    row-gap: 24px;

  }

}

.st-Main ul.boxstyle li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-column-gap: 1rem;

     -moz-column-gap: 1rem;

          column-gap: 1rem;

}

@media only screen and (max-width: 767px) {

  .st-Main ul.boxstyle li {

    line-height: 1.4;

  }

}

.st-Main ul.boxstyle li::before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea06";

  color: #9e9e9e;

  position: relative;

  top: 5px;

}

.st-Main ul.indent_1 {

  text-indent: -1rem;

  padding-left: 1rem;

}

@media only screen and (max-width: 767px) {

  .st-Main section > figure {

    padding-right: 1rem;

  }

}



.mc-SearchWin_Item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media only screen and (max-width: 991px) {

  .mc-SearchWin_Item {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

.mc-SearchWin_Item > dt {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

          flex: 0 0 25%;

}

.mc-SearchWin_Item > dd {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 70%;

          flex: 0 0 70%;

}

@media only screen and (max-width: 767px) {

  .mc-SearchWin_Item > dd {

    margin-top: 16px;

  }

}



.mc-SearcBox {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  border: 1px solid #C0153C;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.mc-SearcBox > input {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 calc(100% - 170px);

          flex: 0 0 calc(100% - 170px);

  display: block;

  border: transparent;

  padding: 24px;

}

@media only screen and (max-width: 767px) {

  .mc-SearcBox > input {

    padding: 8px;

    -webkit-box-flex: 0;

        -ms-flex: 0 1 70%;

            flex: 0 1 70%;

  }

}

.mc-SearcBox > button {

  background-color: #C0153C;

  color: #fff;

  width: 170px;

  height: 70px;

  font-size: 16px;

  font-size: 1rem;

}

@media only screen and (max-width: 767px) {

  .mc-SearcBox > button {

    -webkit-box-flex: 0;

        -ms-flex: 0 1 30%;

            flex: 0 1 30%;

    width: auto;

  }

}



.st-Btnback {

  margin-top: 4rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  -webkit-column-gap: 1rem;

     -moz-column-gap: 1rem;

          column-gap: 1rem;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 14px;

  font-size: 0.875rem;

  border-bottom: 1px solid #C0153C;

  text-decoration: none;

  padding: 0 16px 0 0;

  -webkit-transition: color 0.4s;

  transition: color 0.4s;

  color: #0E1E49;

}

.st-Btnback:hover {

  color: #fff;

}

.st-Btnback:hover::after {

  width: 100%;

}

.st-Btnback::after {

  width: 56px;

  height: 56px;

  background-color: #C0153C;

  content: "";

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: -1;

  -webkit-transition: width 0.4s;

  transition: width 0.4s;

}

.st-Btnback::before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea22";

  width: 56px;

  height: 56px;

  color: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 24px;

  font-size: 1.5rem;

  z-index: 2;

  position: relative;

}



.figure-C-2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 0 16px;

}

.figure-C-2 > div {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 48%;

          flex: 0 0 48%;

  max-width: 48%;

  margin-top: 2.5rem;

}

.figure-C-2 > div:nth-child(1), .figure-C-2 > div:nth-child(2) {

  margin-top: 0;

}

.figure-C-2 > div:after {

  content: "";

  -webkit-box-flex: 0;

      -ms-flex: 0 0 48%;

          flex: 0 0 48%;

  max-width: 48%;

  display: block;

}

@media only screen and (max-width: 767px) {

  .figure-C-2 > div {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

    max-width: 100%;

  }

  .figure-C-2 > div *:first-child {

    margin-top: 0 !important;

  }

}

.figure-C-2 > div figure {

  text-align: center;

  margin-top: 0;

}



.figure-C-3 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 0 16px;

}

.figure-C-3:after {

  content: "";

  -webkit-box-flex: 0;

      -ms-flex: 0 0 32%;

          flex: 0 0 32%;

  max-width: 32%;

  display: block;

}

.figure-C-3 > div {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 32%;

          flex: 0 0 32%;

  max-width: 32%;

  margin-top: 2.5rem;

}

.figure-C-3 > div:nth-child(1), .figure-C-3 > div:nth-child(2), .figure-C-3 > div:nth-child(3) {

  margin-top: 0;

}

@media only screen and (max-width: 767px) {

  .figure-C-3 > div {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

    max-width: 100%;

  }

  .figure-C-3 > div:nth-child(2), .figure-C-3 > div:nth-child(3) {

    margin-top: 2.5rem;

  }

}

.figure-C-3 > div figure {

  text-align: center;

  margin-top: 0;

}



.figure-C-4 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 0 16px;

}

.figure-C-4:after {

  content: "";

  width: 24%;

  display: block;

}

.figure-C-4:before {

  content: "";

  width: 24%;

  display: block;

  -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

          order: 1;

}

.figure-C-4 > div {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 24%;

          flex: 0 0 24%;

  max-width: 24%;

  margin-top: 2.5rem;

}

.figure-C-4 > div:nth-child(1), .figure-C-4 > div:nth-child(2), .figure-C-4 > div:nth-child(3), .figure-C-4 > div:nth-child(4) {

  margin-top: 0;

}

.figure-C-4 > div figure {

  text-align: center;

  margin-top: 0;

}

@media only screen and (max-width: 991px) {

  .figure-C-4 > div {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 32%;

            flex: 0 0 32%;

    max-width: 32%;

  }

  .figure-C-4 > div:nth-child(4) {

    margin-top: 2.5rem;

  }

}

@media only screen and (max-width: 767px) {

  .figure-C-4 > div {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

    max-width: 100%;

  }

  .figure-C-4 > div:nth-child(2), .figure-C-4 > div:nth-child(3) {

    margin-top: 2.5rem;

  }

}



.figure-C-2,

.figure-C-3,

.figure-C-4 {

  margin-top: 4rem;

}

.figure-C-2 > div div,

.figure-C-3 > div div,

.figure-C-4 > div div {

  margin-top: 0.5rem;

}

.figure-C-2 > div div > p,

.figure-C-3 > div div > p,

.figure-C-4 > div div > p {

  margin: 0;

  padding: 0;

}



h1 + .figure-C-2,

h1 + .figure-C-3,

h1 + .figure-C-4 {

  margin-top: 2rem;

}



h2 + .figure-C-2,

h2 + .figure-C-3,

h2 + .figure-C-4 {

  margin-top: 2rem;

}



h3 + .figure-C-2,

h3 + .figure-C-3,

h3 + .figure-C-4 {

  margin-top: 2rem;

}



h4 + .figure-C-2,

h4 + .figure-C-3,

h4 + .figure-C-4 {

  margin-top: 2rem;

}



h5 + .figure-C-2,

h5 + .figure-C-3,

h5 + .figure-C-4 {

  margin-top: 2rem;

}



h6 + .figure-C-2,

h6 + .figure-C-3,

h6 + .figure-C-4 {

  margin-top: 2rem;

}



.imgL,

.imgR {

  margin: 2rem 0 1.5rem !important;

}

.imgL:after,

.imgR:after {

  content: "";

  display: block;

  clear: both;

}

h2 + .imgL, h3 + .imgL, h4 + .imgL, h5 + .imgL, h5 + .imgL p,

h2 + .imgR,

h3 + .imgR,

h4 + .imgR,

h5 + .imgR,

h5 + .imgR p {

  margin-top: 0.5rem;

}

.imgL figure,

.imgR figure {

  max-width: 34%;

}

@media only screen and (max-width: 767px) {

  .imgL figure,

  .imgR figure {

    max-width: 100%;

    margin: 1rem auto;

    text-align: center;

  }

}



.imgR figure {

  float: right;

  margin: 0rem 0px 0.5rem 80px;

}

@media only screen and (max-width: 767px) {

  .imgR figure {

    float: none;

    margin: 1rem auto;

  }

}



.imgL figure {

  float: left;

  margin: 0em 80px 1em 0;

}

@media only screen and (max-width: 767px) {

  .imgL figure {

    float: none;

    margin: 1rem auto;

  }

}



div.swipe {

  margin-top: 1rem !important;

  position: relative;

}

div.swipe::-webkit-scrollbar {

  height: 20px;

}

div.swipe::-webkit-scrollbar-thumb {

  border-bottom: 2px solid #C0153C;

  height: 20px;

  cursor: pointer;

}

div.swipe::-webkit-scrollbar-track {

  border-bottom: 2px solid #e8e8e8;

}

@media only screen and (max-width: 767px) {

  div.swipe {

    overflow-x: scroll;

    width: 100%;

    position: relative;

  }

  div.swipe table, div.swipe .mc-swipe {

    width: 900px;

  }

}

div.swipe .swipe-icon {

  position: absolute;

  top: 120px;

  left: 50%;

  margin-left: -75px;

  margin-top: -75px;

  width: 150px;

  height: 150px;

  background: #333;

  text-align: center;

  opacity: 0.3;

  filter: alpha(opacity=30);

}

div.swipe .swipe-icon img {

  width: 91px;

  padding-top: 16px;

}

div.columnBox2 div {

  width: 48%;

  margin: 0 4% 15px 0;

}

div.columnBox2 div.voice_person {

  width: 18%;

}

@media only screen and (max-width: 767px) {

  div.columnBox2 div.voice_person {

    width: 40%;

    margin: auto !important;

  }

}

div.columnBox2 div.voice_bubble {

  width: 78%;

}

@media only screen and (max-width: 767px) {

  div.columnBox2 div.voice_bubble {

    width: 100%;

  }

}

div.columnBox2 div.voice_bubble p {

  margin-top: 0;

}

div.columnBox2 div:nth-child(2n) {

  margin: 0;

}

div.columnBox2 figure {

  margin-top: 0;

  text-align: center;

}

div.columnBox3 div {

  width: 32%;

  margin: 0 2% 15px 0;

}

div.columnBox3 div:nth-child(3n) {

  margin: 0;

}

div.columnBox3 div figure {

  margin-top: 0;

  text-align: center;

}

div.columnBox4 div {

  width: 23.5%;

  margin: 0 2% 15px 0;

}

div.columnBox4 div:nth-child(4n) {

  margin: 0;

}

div.columnBox2, div.columnBox3, div.columnBox4 {

  margin-top: 2rem;

}

div.columnBox2:after, div.columnBox3:after, div.columnBox4:after {

  content: "";

  display: block;

  clear: both;

}

div.columnBox2 div, div.columnBox3 div, div.columnBox4 div {

  float: left;

}

@media only screen and (max-width: 767px) {

  div.columnBox2 div, div.columnBox3 div, div.columnBox4 div {

    float: none;

    width: 100%;

    margin: 0 0 15px !important;

  }

  div.columnBox2 div figure, div.columnBox3 div figure, div.columnBox4 div figure {

    text-align: center;

  }

}

h1 + div.columnBox2, h1 + div.columnBox3, h1 + div.columnBox4 {

  margin: 15px 0 20px;

}

h2 + div.columnBox2, h2 + div.columnBox3, h2 + div.columnBox4 {

  margin: 15px 0 20px;

}

h3 + div.columnBox2, h3 + div.columnBox3, h3 + div.columnBox4 {

  margin: 15px 0 20px;

}

h4 + div.columnBox2, h4 + div.columnBox3, h4 + div.columnBox4 {

  margin: 15px 0 20px;

}

h5 + div.columnBox2, h5 + div.columnBox3, h5 + div.columnBox4 {

  margin: 15px 0 20px;

}

h6 + div.columnBox2, h6 + div.columnBox3, h6 + div.columnBox4 {

  margin: 15px 0 20px;

}

div.box {

  margin-top: 1rem;

  border: 1px solid #C0153C;

  padding: 1rem;

}

div.box > *:first-child {

  margin-top: 0;

}

div.box ul {

  margin-bottom: 0 !important;

}

div.box_blue {

  margin-top: 1rem;

  background-color: #C0153C;

  padding: 1rem;

  color: #fff;

}

div.box_blue > *:first-child {

  margin-top: 0;

}



.flexClm {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 8px 16px;

}

.flexClm > * {

  margin-top: 0;

}

.flexClm .swipe {

  margin-top: 0 !important;

}

@media only screen and (max-width: 991px) {

  .flexClm {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    row-gap: 32px;

  }

}



.st-Links {

  max-width: 1360px;

  min-width: 1140px;

  padding: 0 30px;

  margin: 0 auto 2rem;

  background-color: #fff;

}

@media only screen and (max-width: 767px) {

  .st-Links {

    max-width: 100%;

    min-width: 100%;

    padding: 0 15px;

  }

}

.st-Links_Inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 2rem 2.5rem;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media only screen and (max-width: 767px) {

  .st-Links_Inner {

    display: block;

  }

}

@media only screen and (max-width: 767px) {

  .st-Links_Inner {

    padding: 1rem 0;

  }

}

.st-Links_Item_Title {

  font-weight: bold;

  color: #282828;

  text-decoration: none;

  position: relative;

  padding-left: 25px;

  display: block;

  font-size: 16px;

  font-size: 1rem;

  margin-bottom: 0.5rem;

}

.st-Links_Item_Title:before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  display: inline-block;

  content: "\e806";

  font-size: 12px;

  font-size: 0.75rem;

  position: absolute;

  text-decoration: none;

  top: 5px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 18px;

  background-color: #29C9DC;

  color: #fff;

  border-radius: 50%;

}

.st-Links_Item_List {

  margin-bottom: 2rem;

}

.st-Links_Item_List li {

  margin-bottom: 0.25rem;

}

.st-Links_Item_List li a {

  font-size: 13px;

  font-size: 0.8125rem;

  text-decoration: underline;

  position: relative;

  padding-left: 25px;

  display: block;

  color: #282828;

}

.st-Links_Item_List li a:hover {

  color: #29C9DC;

  text-decoration: none;

}

.st-Links_Item_List li a:before {

  content: "";

  height: 2px;

  background-color: #29C9DC;

  width: 10px;

  display: inline-block;

  position: absolute;

  top: 10px;

  left: 5px;

}

.st-Links_Titles li {

  margin-bottom: 1rem;

}

.st-Links_Titles li a {

  font-weight: bold;

  color: #282828;

  text-decoration: none;

  position: relative;

  padding-left: 25px;

  display: block;

  font-size: 16px;

  font-size: 1rem;

}

.st-Links_Titles li a:before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  display: inline-block;

  content: "\e806";

  font-size: 12px;

  font-size: 0.75rem;

  position: absolute;

  text-decoration: none;

  top: 5px;

  left: 0;

  width: 18px;

  height: 18px;

  line-height: 18px;

  background-color: #29C9DC;

  color: #fff;

  border-radius: 50%;

}



.clm5 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 1rem 1%;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

@media only screen and (max-width: 767px) {

  .clm5 {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    row-gap: 2rem;

  }

}

.clm5 > div {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 19.2%;

          flex: 0 0 19.2%;

}

@media only screen and (max-width: 991px) {

  .clm5 > div {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 48%;

            flex: 0 0 48%;

  }

}



.mc-Focus {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 24px 1fr;

  grid-template-columns: repeat(2, 1fr);

  grid-column-gap: 0px;

  grid-row-gap: 0px;

  gap: 24px;

}

@media only screen and (max-width: 767px) {

  .mc-Focus {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

.mc-Focus_Item {

  padding: 16px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  color: #fff;

  text-decoration: none;

  background-color: transparent;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  position: relative;

}

.blackBox .mc-Focus_Item {

  color: #282828;

}

.blackBox .mc-Focus_Item::before {

  background: #282828;

  -webkit-transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

  transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

}

.mc-Focus_Item::before {

  content: "";

  width: 0%;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  background: #fff;

  z-index: -1;

  -webkit-transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

  transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

}

@media only screen and (max-width: 767px) {

  .mc-Focus_Item {

    border-bottom: 1px solid #6e6e6e;

  }

  .mc-Focus_Item:last-child {

    border-bottom: none;

  }

}

.mc-Focus_Item:hover {

  color: #282828;

}

.blackBox .mc-Focus_Item:hover {

  color: #fff;

}

.mc-Focus_Item:hover::before {

  width: 100%;

}

.mc-Focus_Item:hover .category {

  color: #fff;

}

.mc-Focus_Item:hover .tags li {

  border: 1px solid #282828;

}

.blackBox .mc-Focus_Item:hover .tags li {

  border: 1px solid #fff;

}

.mc-Focus_Item:hover .new {

  color: #C0153C;

}

.mc-Focus_Info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-column-gap: 6px;

     -moz-column-gap: 6px;

          column-gap: 6px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 12px;

  font-size: 0.75rem;

  margin-top: 0 !important;

}

.blk .mc-Focus_Info .new {

  color: #C0153C;

}

.mc-Focus_Info .category {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  padding: 4px 8px;

  margin-left: auto;

  display: block;

  -ms-flex-item-align: start;

      align-self: flex-start;

}

.blackBox .mc-Focus_Info .category {

  color: #fff;

}

.mc-Focus_Info .category.insights {

  background-color: #3261A4;

}

.mc-Focus_Info .category.case {

  background-color: #35A3A3;

}

.mc-Focus_Info .category.news {

  background-color: #704393;

}

.mc-Focus_Info .category.press {

  background-color: #6d3a00;

}

.mc-Focus_Cnt {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-column-gap: 32px;

     -moz-column-gap: 32px;

          column-gap: 32px;

}

@media only screen and (max-width: 767px) {

  .mc-Focus_Cnt {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

}

.topCnt .mc-Focus_Cnt, .sec03 .mc-Focus_Cnt {

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.mc-Focus_Cnt .tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 8px;

  margin-bottom: 0px;

  margin-top: 69px;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

@media only screen and (max-width: 767px) {

  .mc-Focus_Cnt .tags {

    margin-bottom: 8px;

    margin-top: auto;

  }

}

.topCnt .mc-Focus_Cnt .tags, .sec03 .mc-Focus_Cnt .tags {

  margin-top: 0;

  margin-bottom: 8px;

}

.mc-Focus_Cnt .tags li {

  border: 1px solid #fff;

  padding: 4px 8px;

  font-size: 13px;

  font-size: 0.8125rem;

}

.blackBox .mc-Focus_Cnt .tags li {

  border: 1px solid #282828;

}

@media only screen and (max-width: 767px) {

  .mc-Focus_Cnt .tags li {

    font-size: 12px;

    font-size: 0.75rem;

    padding: 5px 7px;

  }

}

.mc-Focus_Txt {

  width: 100%;

}

.topCnt .mc-Focus_Txt, .sec03 .mc-Focus_Txt {

  width: 73%;

}

@media only screen and (max-width: 767px) {

  .topCnt .mc-Focus_Txt, .sec03 .mc-Focus_Txt {

    width: 100%;

  }

}

.mc-Focus_Txt h3 {

  margin-top: 16px;

}

@media only screen and (max-width: 767px) {

  .mc-Focus_Txt h3 {

    font-size: 15px;

    font-size: 0.9375rem;

    font-weight: 600;

  }

}

.mc-Focus_Sub {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 45%;

          flex: 0 0 45%;

}

@media only screen and (max-width: 767px) {

  .mc-Focus_Sub {

    -ms-flex-item-align: center;

        -ms-grid-row-align: center;

        align-self: center;

  }

}

.mc-Focus_Sub figure {

  margin-top: 0;

}



.topCnt {

  -ms-grid-row: 1;

  -ms-grid-row-span: 2;

  -ms-grid-column: 1;

  -ms-grid-column-span: 1;

  grid-area: 1/1/3/2;

  min-width: 0;

}

.topCnt .mc-Focus_Info,

.topCnt .mc-Focus_Cnt .tags {

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  row-gap: 6px;

}

.topCnt .mc-Focus_Info > * {

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.topCnt .mc-Focus_Cnt {

  width: 100%;

  min-width: 0;

}

.topCnt .mc-Focus_Txt {

  min-width: 0;

  max-width: 100%;

}

.topCnt .mc-Focus_Cnt .tags li {

  max-width: 100%;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.topCnt .mc-Focus_Sub {

  width: 100%;

  max-width: 100%;

  min-width: 0;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  -ms-flex-item-align: stretch;

      -ms-grid-row-align: stretch;

      align-self: stretch;

}

.topCnt .mc-Focus_Sub figure {

  width: 100%;

  max-width: 100%;

}

.topCnt .mc-Focus_Sub img {

  display: block;

  width: auto;

  max-width: 100%;

  height: auto;

}



.sec01 {

  -ms-grid-row: 1;

  -ms-grid-row-span: 1;

  -ms-grid-column: 2;

  -ms-grid-column-span: 1;

  grid-area: 1/2/2/3;

  border-bottom: 1px solid #6e6e6e;

}

.sec01 .mc-Focus_Info {

  padding-bottom: 0.5rem;

}

@media only screen and (max-width: 767px) {

  .sec01 .mc-Focus_Info {

    padding-bottom: 0;

  }

}

.sec01 h3 {

  font-size: 15px;

  font-size: 0.9375rem;

  font-weight: 600;

}



.sec02 {

  -ms-grid-row: 2;

  -ms-grid-row-span: 1;

  -ms-grid-column: 2;

  -ms-grid-column-span: 1;

  grid-area: 2/2/3/3;

  border-bottom: 1px solid #6e6e6e;

}

.sec02 .mc-Focus_Info {

  padding-bottom: 0.5rem;

}

@media only screen and (max-width: 767px) {

  .sec02 .mc-Focus_Info {

    padding-bottom: 0;

  }

}

.sec02 h3 {

  font-size: 15px;

  font-size: 0.9375rem;

  font-weight: 600;

}



.sec03 {

  -ms-grid-row: 3;

  -ms-grid-row-span: 1;

  -ms-grid-column: 1;

  -ms-grid-column-span: 2;

  grid-area: 3/1/4/3;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (minmax(0, 1fr))[3];

  grid-template-columns: repeat(3, minmax(0, 1fr));

  border-top: 1px solid #6e6e6e;

}

@media only screen and (max-width: 767px) {

  .sec03 {

    border-top: 0;

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

  }

}

.sec03 .mc-Focus_Item {

  min-width: 0;

  height: 100%;

}

.sec03 .mc-Focus_Info,

.sec03 .mc-Focus_Cnt .tags {

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  row-gap: 6px;

}

.sec03 .mc-Focus_Cnt {

  width: 100%;

  min-width: 0;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  -webkit-box-align: stretch;

      -ms-flex-align: stretch;

          align-items: stretch;

}

.sec03 .mc-Focus_Txt {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

.sec03 .mc-Focus_Cnt .tags {

  margin-top: auto;

  margin-bottom: 0;

}

.sec03 .mc-Focus_Cnt .tags li {

  max-width: 100%;

}

.sec03 .mc-Focus_Sub {

  width: 100%;

  max-width: 100%;

  min-width: 0;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  margin-top: 8px;

}

.sec03 .mc-Focus_Sub figure {

  width: 100%;

  max-width: 100%;

}

.sec03 .mc-Focus_Sub img {

  width: auto;

  max-width: 100%;

  height: auto;

}

.sec03 h3 {

  font-size: 15px;

  font-size: 0.9375rem;

  font-weight: 600;

}



.mc-CntLead {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-column-gap: 5%;

     -moz-column-gap: 5%;

          column-gap: 5%;

  margin-top: 96px;

  border-bottom: 1px solid #c9c9c9;

  padding-bottom: 64px;

}

.mc-CntLead.noborder {

  border: none;

}

.mc-CntLead.number {

  margin-top: 0px;

  padding-bottom: 0px;

}

@media only screen and (max-width: 767px) {

  .mc-CntLead {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    padding-bottom: 48px;

  }

  .mc-CntLead h3 {

    font-size: 15px;

    font-size: 0.9375rem;

    padding-right: 0;

    font-weight: 600;

  }

}

.mc-CntLead_Main {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 40%;

          flex: 0 1 40%;

  margin: 0 !important;

}

@media only screen and (max-width: 767px) {

  .mc-CntLead_Main {

    font-size: 37px !important;

    font-size: 2.3125rem !important;

  }

}

.mc-CntLead_Txt {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 55%;

          flex: 0 1 55%;

}

.mc-CntLead_Txt > *:first-child {

  margin-top: 0 !important;

}

@media only screen and (max-width: 767px) {

  .mc-CntLead_Txt > *:first-child {

    margin-top: 1rem !important;

  }

}



.mc-FigIndex {

  margin-top: 2rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.mc-FigIndex a {

  text-decoration: none;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 49%;

          flex: 0 0 49%;

}

@media only screen and (max-width: 414px) {

  .mc-FigIndex {

    display: block;

  }

}

.mc-FigIndex_Inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  overflow: hidden;

}

@media only screen and (max-width: 991px) {

  .mc-FigIndex_Inner {

    height: 100%;

  }

}

.mc-FigIndex_Inner_box {

  background: #F2F2F2;

  width: 35%;

  height: auto;

  padding: 0.5em;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

@media only screen and (max-width: 991px) {

  .mc-FigIndex_Inner_box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

@media only screen and (max-width: 767px) {

  .mc-FigIndex_Inner_box {

    display: block;

    height: auto;

  }

}

.mc-FigIndex_Inner_box .num {

  color: #002F6D;

  font-size: 50px;

  border-bottom: #002F6D 1px solid;

  padding: 5%;

}

@media only screen and (max-width: 414px) {

  .mc-FigIndex_Inner_box .num {

    font-size: 25px;

  }

}

.mc-FigIndex_Inner_box .title {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 100%;

  font-family: "Shippori Mincho", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

  font-size: 24px;

  font-size: 1.5rem;

}

@media only screen and (max-width: 414px) {

  .mc-FigIndex_Inner_box .title {

    font-size: 12px;

    font-size: 0.75rem;

  }

}

.mc-FigIndex_Inner_box p {

  color: #000;

  margin-top: 0;

  padding: 0;

  z-index: 2;

}

.mc-FigIndex_Inner_box::before {

  position: absolute;

  top: 0;

  left: -450px;

  width: 400px;

  height: 100%;

  display: block;

  background-color: #002F6D;

  -webkit-transform: skew(-40deg, 0);

  transform: skew(-40deg, 0);

  content: "";

  z-index: -1;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

.mc-FigIndex_Inner_box::before:hover {

  -webkit-transition-duration: 1s;

          transition-duration: 1s;

  -webkit-transition-timing-function: ease-out;

          transition-timing-function: ease-out;

}

.mc-FigIndex_Inner_box::after {

  position: absolute;

  top: 0;

  left: 250px;

  width: 400px;

  height: 100%;

  display: block;

  background-color: #002F6D;

  -webkit-transform: skew(-40deg, 0);

  transform: skew(-40deg, 0);

  content: "";

  z-index: -1;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}

@media only screen and (max-width: 414px) {

  .mc-FigIndex_Inner_box::after {

    left: 150px;

    width: 400px;

  }

}

.mc-FigIndex_Inner figure {

  width: 60%;

  margin-top: 0;

  overflow: hidden;

  z-index: 0;

}

.mc-FigIndex_Inner figure img {

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  -o-object-fit: cover;

     object-fit: cover;

}

@media only screen and (max-width: 414px) {

  .mc-FigIndex_Inner figure {

    width: 100%;

  }

}

.mc-FigIndex_Inner:hover figure {

  -webkit-transform: scale(1.2, 1.2);

          transform: scale(1.2, 1.2);

  -webkit-transition: 1s all;

  transition: 1s all;

}

.mc-FigIndex_Inner:hover p {

  color: #fff;

  border-bottom: #fff;

}

.mc-FigIndex_Inner:hover .num {

  border-bottom: #ffffff 1px solid;

}

.mc-FigIndex_Inner:hover .mc-FigIndex_Inner_box::before {

  left: -150px;

}

.mc-FigIndex_Inner:hover .mc-FigIndex_Inner_box::after {

  left: 50px;

}

@media only screen and (max-width: 414px) {

  .mc-FigIndex_Inner {

    margin-bottom: 1em;

  }

}



.scroll_container {

  height: 440px;

}



.horizontal_scroll {

  position: absolute;

  top: 0;

  height: 100%;

  width: 400vw;

  will-change: transform;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.scroll_contents {

  height: 100%;

  width: 100vw;

}



.sticky_wrap {

  overflow: hidden;

  position: sticky;

  top: 0;

  height: 440px;

}



.mc-PageLink_box {

  margin-top: 1rem !important;

}

.mc-PageLink_Link {

  background-color: #A7A7A7;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 1rem;

}

@media only screen and (max-width: 767px) {

  .mc-PageLink_Link {

    padding: 0.5rem;

    display: block;

  }

}

.mc-PageLink_Link:before, .mc-PageLink_Link:after {

  content: "";

  display: block;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

          flex: 0 0 25%;

  max-width: 25%;

}

.mc-PageLink_Link::before {

  -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

          order: 1;

}

.mc-PageLink_Link li {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

          flex: 0 0 25%;

  max-width: 25%;

  padding: 0 0.5rem;

  margin-top: 1rem;

}

@media only screen and (max-width: 767px) {

  .mc-PageLink_Link li {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

    max-width: 100%;

    padding: 0;

    margin-top: 0.3rem !important;

  }

  .mc-PageLink_Link li:nth-child(1) {

    margin-top: 0 !important;

  }

  .mc-PageLink_Link li:nth-child(2), .mc-PageLink_Link li:nth-child(3), .mc-PageLink_Link li:nth-child(4) {

    margin-top: 0.3rem !important;

  }

}

.mc-PageLink_Link li:nth-child(1), .mc-PageLink_Link li:nth-child(2), .mc-PageLink_Link li:nth-child(3), .mc-PageLink_Link li:nth-child(4) {

  margin-top: 0;

}

.mc-PageLink_Link li a {

  border: 1px solid #cecece;

  background-color: #fff;

  text-decoration: none;

  display: block;

  color: #282828;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  height: 100%;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 0.75rem 0.75rem 0.75rem 2.5rem;

  position: relative;

  -webkit-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.mc-PageLink_Link li a:hover {

  background-color: #F3F8FF;

}

.mc-PageLink_Link li a:before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea02";

  position: absolute;

  top: 50%;

  left: 0.75rem;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 8px;

  font-size: 0.5rem;

  background-color: #C0153C;

  color: #fff;

  padding: 0.3rem 0.25rem;

  border-radius: 4px;

  -webkit-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.mc-PageLink_Title {

  position: relative;

  margin-top: 1rem !important;

}

.mc-PageLink_Title a {

  position: relative;

  display: inline-block;

  text-decoration: none;

  color: #C0153C;

  font-weight: 700;

  padding-left: 1.5rem;

  -webkit-transition: color 0.4s;

  transition: color 0.4s;

  font-size: 18px;

  font-size: 1.125rem;

}

.mc-PageLink_Title a:hover {

  color: #ec6d27;

}

.mc-PageLink_Title a:hover:before {

  background-color: #ec6d27;

}

.mc-PageLink_Title a:before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea02";

  position: absolute;

  top: 6px;

  left: 0;

  font-size: 8px;

  font-size: 0.5rem;

  background-color: #C0153C;

  color: #fff;

  padding: 0.3rem 0.25rem;

  border-radius: 4px;

  -webkit-transition: background-color 0.4s;

  transition: background-color 0.4s;

}

.mc-PageLink_Label {

  margin-top: 1rem;

  font-weight: 700;

}



.figTop {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-column-gap: 3rem;

     -moz-column-gap: 3rem;

          column-gap: 3rem;

  margin-top: 96px;

}

@media only screen and (max-width: 767px) {

  .figTop {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    margin-top: 48px;

    row-gap: 48px;

  }

}

.figTop figure {

  margin-top: 0;

}

@media only screen and (max-width: 991px) {

  .figTop figure {

    -webkit-box-flex: 0;

        -ms-flex: 0 1 45%;

            flex: 0 1 45%;

  }

}

@media only screen and (max-width: 767px) {

  .figTop > div {

    padding: 0 20px;

  }

}

.figTop > div > *:first-child {

  margin-top: 0;

}

.figTop h4 {

  margin-top: 24px;

  margin-bottom: 24px;

}

.figTop ul {

  margin: 0;

}



.f_box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-top: 6rem;

  row-gap: 3rem;

  -webkit-column-gap: 4%;

     -moz-column-gap: 4%;

          column-gap: 4%;

}

@media only screen and (max-width: 767px) {

  .f_box {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    margin-top: 3rem;

  }

}

.f_box h3 {

  margin-top: 0;

  margin-bottom: 0.5rem;

}

.f_box h4 {

  margin-top: 2rem;

  margin-bottom: 2rem;

}

.f_box .MainLead {

  margin-bottom: 3rem;

}

.f_box .sep {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  text-decoration: none;

  color: #282828;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  position: relative;

}

.f_box .sep::before {

  content: "";

  width: 0%;

  height: 100%;

  display: block;

  position: absolute;

  background-color: #fff;

  top: 0;

  left: 0;

  -webkit-transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

  transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

  z-index: -1;

}

@media only screen and (max-width: 767px) {

  .f_box .sep {

    border-bottom: 1px solid #6e6e6e;

  }

}

.offW .f_box .sep:hover {

  color: #fff;

}

.offW .f_box .sep:hover::before {

  background-color: #282828;

}

.f_box .sep:hover::before {

  width: 100%;

}

.f_box .sep:hover .tags li {

  border: 1px solid #fff;

}

.f_box .sep:hover .txt_new {

  color: #fff;

}

.f_box .sep > div {

  margin-bottom: 3rem;

}

.f_box .sepHeader {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-bottom: 0 !important;

}

.f_box .s_title {

  font-size: 13px;

  font-size: 0.8125rem;

}

.f_box .txt_new {

  font-size: 12px;

  font-size: 0.75rem;

  color: #C0153C;

}

.f_box .MainTxt {

  margin-bottom: 3rem;

  font-size: 15px;

  font-size: 0.9375rem;

  font-weight: 600;

}

@media only screen and (max-width: 767px) {

  .f_box .MainTxt {

    font-size: 17px;

    font-size: 1.0625rem;

  }

}

.f_box .tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-column-gap: 8px;

     -moz-column-gap: 8px;

          column-gap: 8px;

  margin-bottom: 8px;

  margin-top: auto;

}

.f_box .tags li {

  border: 1px solid #282828;

  padding: 4px 8px;

  font-size: 13px;

  font-size: 0.8125rem;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

}

@media only screen and (max-width: 767px) {

  .f_box .tags li {

    font-size: 12px;

    font-size: 0.75rem;

    padding: 6px 8px;

  }

}

.f_box.solution p {

  font-size: 13px;

  font-size: 0.8125rem;

  line-height: 1.4;

}

.f_box.solution .sep {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  text-decoration: none;

  color: #fff;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  position: relative;

}

.f_box.solution .sep::before {

  content: "";

  width: 0%;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

  transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

}

.f_box.solution .sep::after {

  display: none;

}

@media only screen and (max-width: 767px) {

  .f_box.solution .sep {

    border-bottom: 1px solid #6e6e6e;

  }

}

.f_box.solution .sep:hover {

  color: #282828;

}

.f_box.solution .sep:hover::before {

  width: 100%;

}

.f_box.solution .sep:hover .tags li {

  border: 1px solid #282828;

}

.f_box.solution .sep > div {

  margin-bottom: 3rem;

}

.f_box.solution .tags li {

  border: 1px solid #fff;

}

.f_box.clm3 {

  -webkit-column-gap: 5%;

     -moz-column-gap: 5%;

          column-gap: 5%;

}

.f_box.clm3 > * {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 30%;

          flex: 0 1 30%;

}

.f_box.clm4 {

  -webkit-column-gap: 2%;

     -moz-column-gap: 2%;

          column-gap: 2%;

}

.f_box.clm4 > * {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 22.75%;

          flex: 0 1 22.75%;

  padding: 16px;

}

@media only screen and (max-width: 767px) {

  .f_box.clm4 > * {

    -webkit-box-flex: 0;

        -ms-flex: 0 1 48%;

            flex: 0 1 48%;

  }

}

.f_box > * {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 48%;

          flex: 0 1 48%;

}

.f_box figure {

  margin-top: 0 !important;

  text-align: center;

}



.borderStyle {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  padding-bottom: 2rem;

}

@media only screen and (max-width: 767px) {

  .borderStyle {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-column-gap: 5%;

       -moz-column-gap: 5%;

            column-gap: 5%;

  }

}

.borderStyle span {

  padding-bottom: 8px;

  border-bottom: 4px solid #fff;

  display: block;

  margin-bottom: 32px;

  color: #6e6e6e;

  font-size: 12px;

  font-size: 0.75rem;

}

@media only screen and (max-width: 767px) {

  .borderStyle span {

    -webkit-box-flex: 1;

        -ms-flex: 1 1 100%;

            flex: 1 1 100%;

  }

}

.borderStyle span + h4 {

  font-size: 17px;

  font-size: 1.0625rem;

  margin-top: 0 !important;

  font-weight: 600;

  min-height: 70px;

}

@media only screen and (max-width: 767px) {

  .borderStyle span + h4 {

    min-height: 0;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 25%;

            flex: 0 0 25%;

  }

}

.borderStyle p {

  margin-top: 0 !important;

  font-size: 15px;

  font-size: 0.9375rem;

}

@media only screen and (max-width: 767px) {

  .borderStyle p {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 70%;

            flex: 0 0 70%;

    line-height: 1.6;

  }

}



.mc-Links {

  margin-top: 96px !important;

  border-top: 1px solid #c9c9c9;

}

@media only screen and (max-width: 767px) {

  .mc-Links {

    margin-top: 48px !important;

  }

}

.mc-Links-Item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  border-bottom: 1px solid #c9c9c9;

  padding: 24px;

  text-decoration: none;

  position: relative;

  -webkit-transition: color cubic-bezier(0, 0.54, 0, 0.99) 0.3s;

  transition: color cubic-bezier(0, 0.54, 0, 0.99) 0.3s;

  -webkit-column-gap: 1rem;

     -moz-column-gap: 1rem;

          column-gap: 1rem;

}

.mc-Links-Item::before {

  content: "";

  background: #282828;

  width: 0%;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transition: width cubic-bezier(0, 0.54, 0, 0.99) 0.3s;

  transition: width cubic-bezier(0, 0.54, 0, 0.99) 0.3s;

  z-index: -1;

}

.mc-Links-Item[href] {

  color: #282828;

}

.mc-Links-Item[href]:hover {

  color: #fff;

}

.mc-Links-Item[href]:hover::before {

  width: 100%;

}

.mc-Links-Item.ord_0_img figure {

  max-width: 240px;

}

@media only screen and (max-width: 767px) {

  .mc-Links-Item.ord_0_img figure {

    max-width: 100%;

  }

}

@media only screen and (max-width: 767px) {

  .mc-Links-Item.ord_0_img {

    max-width: 100%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  .mc-Links-Item.ord_0_img h3 {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

  }

  .mc-Links-Item.ord_0_img figure {

    -webkit-box-ordinal-group: 1;

        -ms-flex-order: 0;

            order: 0;

  }

}

.mc-Links-Item.pad48 {

  padding: 48px 24px;

}

.mc-Links-Item figure {

  margin-top: 0 !important;

}

.mc-Links-Item h2 {

  margin: 0 !important;

}

.mc-Links-Item h2 + p {

  margin-top: 24px;

}

.mc-Links-Item h3 {

  margin: 0 !important;

}

@media only screen and (max-width: 767px) {

  .mc-Links-Item h3 {

    width: 100%;

    font-size: 15px !important;

    font-size: 0.9375rem !important;

    margin-top: 16px !important;

  }

}



.fig-flow {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: distribute;

      justify-content: space-around;

}

@media only screen and (max-width: 767px) {

  .fig-flow {

    display: block;

  }

}

.fig-flow_Img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 48%;

          flex: 0 0 48%;

  max-width: 48%;

}

@media only screen and (max-width: 767px) {

  .fig-flow_Img {

    max-width: 100%;

  }

}

.fig-flow_Block {

  position: relative;

  margin-bottom: 60px;

}

.fig-flow_Block::after {

  content: "↓";

  font-size: 24px;

  font-size: 1.5rem;

  position: absolute;

  bottom: -50px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}

.fig-flow_Block:last-child:after {

  display: none;

}

.fig-flow_Block > dl {

  border: 1px solid #C0153C;

  padding: 0;

}

.fig-flow_Block > dl dt {

  padding: 0.5rem;

  margin-top: 0;

  text-align: center;

  color: #fff;

  background-color: #C0153C;

}

.fig-flow_Block > dl dt::before {

  display: none !important;

}

.fig-flow_Block > dl dd {

  padding: 0;

}



@media only screen and (max-width: 767px) {

  .spFlex {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

  .spFlex figure {

    float: none !important;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

    max-width: 100%;

    margin: 2rem auto 0 !important;

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

    text-align: center;

  }

}

.spFlex.right figure {

  float: right;

  margin: 0 15px 1rem 2rem;

}

.spFlex.left figure {

  float: left;

  margin: 0 2rem 1rem 15px;

}



.dotBack {

  background: url(../img/common/bg_dots.png) left top no-repeat;

  background-size: cover;

  -webkit-transition: all 0.4s;

  transition: all 0.4s;

  position: relative;

}

.dotBack::before {

  content: "";

  width: 0%;

  height: 100%;

  display: block;

  position: absolute;

  background-color: #fff;

  top: 0;

  left: 0;

  -webkit-transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

  transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

}

.dotBack_White {

  background: url(../img/common/bg_dots_white.png) left top no-repeat;

  background-size: cover;

  position: relative;

}

.dotBack_White::before {

  content: "";

  width: 0%;

  height: 100%;

  display: block;

  position: absolute;

  background-color: #282828;

  top: 0;

  left: 0;

  -webkit-transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

  transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

}

.dotBack_White:hover {

  background-image: none;

}

.dotBack_White:hover::before {

  width: 100%;

}

.dotBack:hover {

  background-image: none;

}

.dotBack:hover::before {

  width: 100%;

}



.mc-Consult {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 80px 64px;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  -webkit-column-gap: 40px;

     -moz-column-gap: 40px;

          column-gap: 40px;

  color: #fff;

  text-decoration: none;

}

.dotBack_White .mc-Consult {

  color: #282828;

}

.dotBack_White .mc-Consult:hover {

  color: #fff;

}

@media only screen and (max-width: 767px) {

  .mc-Consult {

    -webkit-column-gap: 20px;

       -moz-column-gap: 20px;

            column-gap: 20px;

    padding: 230px 16px 28px;

  }

}

.mc-Consult:hover {

  color: #282828;

}

.mc-Consult::before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea01";

  font-size: 37px;

  font-size: 2.3125rem;

  line-height: 1.4;

}

.mc-Consult h2 {

  margin: 0 0 24px;

}



.mc-FigBnr {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-top: 96px;

  gap: 24px;

}

@media only screen and (max-width: 767px) {

  .mc-FigBnr {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    gap: 8px 2%;

  }

}

.mc-FigBnr_Item {

  position: relative;

  width: 255px;

  padding-bottom: 16px;

  border-bottom: 1px solid #6e6e6e;

  text-decoration: none;

  container-type: inline-size;

  color: #fff;

}

.index .mc-FigBnr_Item {

  color: #282828;

}

@media only screen and (max-width: 949px) {

  .index .mc-FigBnr_Item {

    color: #fff;

  }

}

@media only screen and (max-width: 949px) {

  .mc-FigBnr_Item {

    width: auto;

    -webkit-box-flex: 0;

        -ms-flex: 0 1 49%;

            flex: 0 1 49%;

    height: auto;

    color: #fff;

    border-bottom: none;

    padding-bottom: 0;

  }

}

.mc-FigBnr_Item {

  cursor: pointer;

}

.mc-FigBnr_Item:hover {

  color: #fff;

}

.mc-FigBnr_Item:hover figure::before {

  width: 0%;

}

.mc-FigBnr_Cnt {

  position: absolute;

  z-index: 2;

  width: 100%;

  padding: 16px;

  left: 0px;

  top: 0px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  height: 255px;

}

@media only screen and (max-width: 767px) {

  .mc-FigBnr_Cnt {

    width: 100%;

    height: 100%;

    bottom: 0;

  }

}

.mc-FigBnr_Cnt::before {

  font-family: "icon";

  font-style: normal;

  font-weight: normal;

  speak: none;

  display: inline-block;

  text-decoration: inherit;

  text-align: center;

  font-variant: normal;

  text-transform: none;

  line-height: 1em;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content: "\ea01";

  position: relative;

  z-index: 3;

  font-size: 24px;

  font-size: 1.5rem;

  position: absolute;

  top: 16px;

  right: 16px;

}

@media only screen and (max-width: 767px) {

  .mc-FigBnr_Cnt::before {

    font-size: 12px;

    font-size: 0.75rem;

  }

}

.mc-FigBnr figure {

  height: 255px;

  margin-top: 0;

  position: relative;

}

.mc-FigBnr figure::before {

  content: "";

  width: 100%;

  height: 100%;

  display: block;

  position: absolute;

  background-color: #282828;

  top: 0;

  right: 0;

  -webkit-transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

  transition: width 0.3s cubic-bezier(0, 0.54, 0, 0.99);

  -webkit-transform-origin: top left;

          transform-origin: top left;

}

@media only screen and (max-width: 949px) {

  .mc-FigBnr figure::before {

    display: none;

  }

}

.offW .mc-FigBnr figure::before {

  background-color: #EFF3F6;

}

@media only screen and (max-width: 767px) {

  .mc-FigBnr figure {

    height: 100%;

  }

}

.mc-FigBnr figure img {

  -o-object-fit: cover;

     object-fit: cover;

  height: 100%;

}

.mc-FigBnr h3.en {

  margin-top: 0;

  margin-bottom: 8px;

  line-height: 1.2;

  font-size: clamp(1rem, 8cqi, 1.5rem);

}

.mc-FigBnr p {

  font-size: 13px;

  font-size: 0.8125rem;

  line-height: 1.4;

  width: 70%;

}

@media only screen and (max-width: 767px) {

  .mc-FigBnr p {

    width: 100%;

  }

}



#anc03:has(.mc-Scroll) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  min-height: calc(100dvh - 128px - 64px);

}

#anc03:has(.mc-Scroll) .mc-CntLead.number {

  margin-bottom: 24px;

}

#anc03:has(.mc-Scroll) .mc-Scroll {

  margin-top: auto;

}



.mc-Scroll {

  overflow: hidden;

  width: 100%;

  container-type: inline-size;

}

.mc-Scroll_wrap, .mc-Scroll_contents {

  position: relative;

}



.mc-Scroll .scroll_contents {

  width: 100%;

  height: 440px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  opacity: 0;

}

.mc-Scroll .scroll_contents:first-child {

  position: relative;

  opacity: 1;

}

.mc-Scroll .scroll_contents:not(:first-child) {

  position: absolute;

  top: 0;

  left: 0;

}

@media only screen and (max-width: 949px) {

  .mc-Scroll .scroll_contents {

    display: block;

    height: auto;

  }

}



.mc-anime {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 42%;

          flex: 0 1 42%;

  height: 100%;

}

@media only screen and (max-width: 949px) {

  .mc-anime {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: 100%;

    height: auto;

    aspect-ratio: 1;

  }

}

.mc-anime svg {

  display: block;

  width: 100%;

  height: 100%;

}



.mc-numberCnt {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 50%;

          flex: 0 1 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

@media only screen and (max-width: 949px) {

  .mc-numberCnt {

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    margin-top: 16px;

  }

}

.mc-numberCnt_Inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-column-gap: 1rem;

     -moz-column-gap: 1rem;

          column-gap: 1rem;

}

.mc-numberCnt_Main {

  font-size: 25px;

  font-size: 1.5625rem;

}

@media only screen and (max-width: 949px) {

  .mc-numberCnt_Main {

    font-size: 13px;

    font-size: 0.8125rem;

  }

}

.mc-numberCnt_Number {

  font-size: 150px;

  font-size: 9.375rem;

  line-height: 1;

}

@media only screen and (max-width: 949px) {

  .mc-numberCnt_Number {

    font-size: 64px;

    font-size: 4rem;

  }

}

.mc-numberCnt_Sub {

  font-size: 15px;

  font-size: 0.9375rem;

}



/* ------------------------------------

	width style

------------------------------------ */

.wid5 {

  width: 5% !important;

}



.wid6 {

  width: 6% !important;

}



.wid7 {

  width: 7% !important;

}



.wid8 {

  width: 8% !important;

}



.wid9 {

  width: 9% !important;

}



.wid10 {

  width: 10% !important;

}



.wid11 {

  width: 11% !important;

}



.wid12 {

  width: 12% !important;

}



.wid13 {

  width: 13% !important;

}



.wid14 {

  width: 14% !important;

}



.wid15 {

  width: 15% !important;

}



.wid16 {

  width: 16% !important;

}



.wid17 {

  width: 17% !important;

}



.wid18 {

  width: 18% !important;

}



.wid19 {

  width: 19% !important;

}



.wid20 {

  width: 20% !important;

}



.wid21 {

  width: 21% !important;

}



.wid22 {

  width: 22% !important;

}



.wid23 {

  width: 23% !important;

}



.wid24 {

  width: 24% !important;

}



.wid25 {

  width: 25% !important;

}



.wid26 {

  width: 26% !important;

}



.wid27 {

  width: 27% !important;

}



.wid28 {

  width: 28% !important;

}



.wid29 {

  width: 29% !important;

}



.wid30 {

  width: 30% !important;

}



.wid31 {

  width: 31% !important;

}



.wid32 {

  width: 32% !important;

}



.wid33 {

  width: 33% !important;

}



.wid34 {

  width: 34% !important;

}



.wid35 {

  width: 35% !important;

}



.wid36 {

  width: 36% !important;

}



.wid37 {

  width: 37% !important;

}



.wid38 {

  width: 38% !important;

}



.wid39 {

  width: 39% !important;

}



.wid40 {

  width: 40% !important;

}



.wid41 {

  width: 41% !important;

}



.wid42 {

  width: 42% !important;

}



.wid43 {

  width: 43% !important;

}



.wid44 {

  width: 44% !important;

}



.wid45 {

  width: 45% !important;

}



.wid46 {

  width: 46% !important;

}



.wid47 {

  width: 47% !important;

}



.wid48 {

  width: 48% !important;

}



.wid49 {

  width: 49% !important;

}



.wid50 {

  width: 50% !important;

}



.wid51 {

  width: 51% !important;

}



.wid52 {

  width: 52% !important;

}



.wid53 {

  width: 53% !important;

}



.wid54 {

  width: 54% !important;

}



.wid55 {

  width: 55% !important;

}



.wid56 {

  width: 56% !important;

}



.wid57 {

  width: 57% !important;

}



.wid58 {

  width: 58% !important;

}



.wid59 {

  width: 59% !important;

}



.wid60 {

  width: 60% !important;

}



.wid61 {

  width: 61% !important;

}



.wid62 {

  width: 62% !important;

}



.wid63 {

  width: 63% !important;

}



.wid64 {

  width: 64% !important;

}



.wid65 {

  width: 65% !important;

}



.wid66 {

  width: 66% !important;

}



.wid67 {

  width: 67% !important;

}



.wid68 {

  width: 68% !important;

}



.wid69 {

  width: 69% !important;

}



.wid70 {

  width: 70% !important;

}



.wid71 {

  width: 71% !important;

}



.wid72 {

  width: 72% !important;

}



.wid73 {

  width: 73% !important;

}



.wid74 {

  width: 74% !important;

}



.wid75 {

  width: 75% !important;

}



.wid76 {

  width: 76% !important;

}



.wid77 {

  width: 77% !important;

}



.wid78 {

  width: 78% !important;

}



.wid79 {

  width: 79% !important;

}



.wid80 {

  width: 80% !important;

}



.wid81 {

  width: 81% !important;

}



.wid82 {

  width: 82% !important;

}



.wid83 {

  width: 83% !important;

}



.wid84 {

  width: 84% !important;

}



.wid85 {

  width: 85% !important;

}



.wid86 {

  width: 86% !important;

}



.wid87 {

  width: 87% !important;

}



.wid88 {

  width: 88% !important;

}



.wid89 {

  width: 89% !important;

}



.wid90 {

  width: 90% !important;

}



.wid91 {

  width: 91% !important;

}



.wid92 {

  width: 92% !important;

}



.wid93 {

  width: 93% !important;

}



.wid94 {

  width: 94% !important;

}



.wid95 {

  width: 95% !important;

}



.wid96 {

  width: 96% !important;

}



.wid97 {

  width: 97% !important;

}



.wid98 {

  width: 98% !important;

}



.wid99 {

  width: 99% !important;

}



.wid100 {

  width: 100% !important;

}



/* ------------------------------------

	GDPR STYLE

------------------------------------ */

#ga-cookie-accept-sentence {

  font-size: 15px !important;

  font-size: 0.9375rem !important;

}



.module-ga-cookie-accept-bar a {

  opacity: 1 !important;

  text-decoration: none !important;

  color: #fff !important;

  border-bottom: 1px dashed transparent !important;

}

.module-ga-cookie-accept-bar a:hover {

  border-bottom: 1px dashed #fff !important;

}



.module-ga-cookie-accept-btn {

  font-size: 15px !important;

  font-size: 0.9375rem !important;

}



/* ------------------------------------

margin padding style

------------------------------------ */

.mt0 {

  margin-top: 0px !important;

}



.mb0 {

  margin-bottom: 0px !important;

}



.mt10 {

  margin-top: 10px !important;

}



.mb10 {

  margin-bottom: 10px !important;

}



.mt20 {

  margin-top: 20px !important;

}



.mb20 {

  margin-bottom: 20px !important;

}



.mt30 {

  margin-top: 30px !important;

}



.mb30 {

  margin-bottom: 30px !important;

}



.mt40 {

  margin-top: 40px !important;

}



.mb40 {

  margin-bottom: 40px !important;

}



.mt50 {

  margin-top: 50px !important;

}



.mb50 {

  margin-bottom: 50px !important;

}



.mt60 {

  margin-top: 60px !important;

}



.mb60 {

  margin-bottom: 60px !important;

}



.mt70 {

  margin-top: 70px !important;

}



.mb70 {

  margin-bottom: 70px !important;

}



.mt80 {

  margin-top: 80px !important;

}



.mb80 {

  margin-bottom: 80px !important;

}



.mt90 {

  margin-top: 90px !important;

}



.mb90 {

  margin-bottom: 90px !important;

}



.mt100 {

  margin-top: 100px !important;

}



.mb100 {

  margin-bottom: 100px !important;

}



.pr0 {

  padding-right: 0px !important;

}



.pl0 {

  padding-left: 0px !important;

}



.pr10 {

  padding-right: 10px !important;

}



.pl10 {

  padding-left: 10px !important;

}



.pr20 {

  padding-right: 20px !important;

}



.pl20 {

  padding-left: 20px !important;

}



.pr30 {

  padding-right: 30px !important;

}



.pl30 {

  padding-left: 30px !important;

}



.pr40 {

  padding-right: 40px !important;

}



.pl40 {

  padding-left: 40px !important;

}



.pr50 {

  padding-right: 50px !important;

}



.pl50 {

  padding-left: 50px !important;

}



.pr60 {

  padding-right: 60px !important;

}



.pl60 {

  padding-left: 60px !important;

}



.pr70 {

  padding-right: 70px !important;

}



.pl70 {

  padding-left: 70px !important;

}



.pr80 {

  padding-right: 80px !important;

}



.pl80 {

  padding-left: 80px !important;

}



.pr90 {

  padding-right: 90px !important;

}



.pl90 {

  padding-left: 90px !important;

}



.pr100 {

  padding-right: 100px !important;

}



.pl100 {

  padding-left: 100px !important;

}

/*# sourceMappingURL=style.css.map */