@charset "utf-8";
/*リセット*/
ol {
  margin: 0;
}
#hisApp {
  position: relative;
}
#header_pc {
  height: 146px
}
.goTop {
  z-index: 10;
}
/**/
.main {
  overflow: hidden;
  background: url("../img/mainvisual_bg.jpg") no-repeat center top / cover;
  padding: 0;
}
#contentsArea {
  padding-bottom: 32px;
}
.his-top__button {
  display: block;
  color: #fff;
  font-size: min((26vw / 7.5), 14px);
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  padding: calc(30em / 26) calc(20em / 26);
  background: #0057b8 url("/cmn/icon/icon_arrow_right_white.svg") no-repeat right calc(10em / 26) center / calc(48em / 26);
}
/* mainvisual */
#mainvisual {
  padding: 30px 0;
}
.mainvisual_logo {
  width: min(90%, 960px);
  margin: auto;
  padding-top: min(((165 / 337.5) * 100%), 320px);
  position: relative;
}
.mainvisual_logo_image {
  width: min(215%, 1423px);
  position: absolute;
  top: 0;
  right: 0;
}
.sub_copy {
  width: min(96%, 960px);
  margin: auto;
  display: grid;
  grid-template-columns: 7.5em 1fr;
  gap: min((16vw / 7.5), 16px);
}
.sub_copy .text {
  display: grid;
  align-self: center;
}
.sub_copy .text::before, .sub_copy .text::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3.75em 2em 3.75em;
  border-color: transparent transparent #fee000 transparent;
}
.sub_copy .text::after {
  transform: rotate(180deg);
}
.sub_copy .text_wrap {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 100%;
  text-align: center;
  font-size: min((38vw / 7.5), 16px);
  font-weight: bold;
  line-height: 1.2;
  padding: .25em 0;
  background: #fee000;
}
.sub_copy .text .text-s {
  font-size: 0.7em;
}
.sub_copy .text .text-r {
  color: #cc0000;
}
.sub_copy .logo_base {
  padding: 10px 0;
  display: grid;
  align-items: center;
  justify-content: start;
  grid-auto-flow: column;
  gap: 8px;
}
.logo_base_main {
  width: min(100%, 481px);
}
.sub_copy .logo_base_main_image {
  max-width: 100%;
}
.sub_copy .logo_base_text {}
.sub_copy .logo_base_text, .sub_copy .logo_text {
  background-color: #fff;
  font-size: min((22vw / 7.5), 14px);
  color: #0d8ed0;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding: 4px .5em 2px;
  display: inline-block;
}
@media screen and (max-width:840px) {
  .sub_copy .logo_base {
    grid-auto-flow: row;
    justify-items: flex-end;
  }
  .sub_copy .logo_base_main {
    order: 2;
  }
}
/*準備中*/
.preparation {
  background: rgba(255, 255, 255, .5);
  padding: 1.75em .5em;
  text-align: center;
  font-size: min((30vw / 7.5), 20px);
}
.preparation_text {
  font-weight: bold;
}
/*text_link*/
.text_link {
  text-decoration: underline !important;
  color: #1976d2;
  padding-right: 1.55em;
  margin-left: .25em;
  background: no-repeat right center / 1.75em;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%231976d2%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_arrow_right%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M20.58579%2C14.27206h0a2%2C2%2C0%2C0%2C0%2C0%2C2.82842L30.48529%2C27l-9.89951%2C9.89951a2%2C2%2C0%2C0%2C0%2C0%2C2.82842h0a2%2C2%2C0%2C0%2C0%2C2.82842%2C0L34.72794%2C28.41421a2%2C2%2C0%2C0%2C0%2C0-2.82842L23.41421%2C14.27206A2%2C2%2C0%2C0%2C0%2C20.58579%2C14.27206Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E);
}
.text_link[target="_blank"] {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231976d2%3B%7D%3C%2Fstyle%3E%3Ctitle%3Eicon_blank%3C%2Ftitle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M36.3%2C36.3H17.7V17.7H27v-2.7h-9.3c-1.5%2C0-2.7%2C1.2-2.7%2C2.7v18.6c0%2C1.5%2C1.2%2C2.7%2C2.7%2C2.7h18.6%20c1.5%2C0%2C2.7-1.2%2C2.7-2.7V27h-2.7L36.3%2C36.3L36.3%2C36.3z%20M29.7%2C15.1v2.7h4.8l-13%2C13l1.9%2C1.9l13-13v4.8H39v-9.4H29.7z%22%2F%3E%3C%2Fsvg%3E);
}
/* ==== ホバー設定 ==== */
@media (hover : hover) and (pointer : fine) {
  .text_link:hover {
    text-decoration: none !important;
  }
}