@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@font-face {
  font-family: "hitachifont";
  src: url("../../../font/woff/hitachisans-regular.woff") format("woff"), url("../../../font/ttf/hitachisans-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "hitachifont";
  src: url("../../../font/woff/hitachisans-bold.woff") format("woff"), url("../../../font/ttf/hitachisans-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "hitachifont";
  src: url("../../../font/woff/hitachisans-bolditalic.woff") format("woff"), url("../../../font/ttf/hitachisans-bolditalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "hitachifont";
  src: url("../../../font/woff/hitachisans-italic.woff") format("woff"), url("../../../font/ttf/hitachisans-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
/* base Setting
=========================================================================================== */
html {
  scroll-padding-top: 45px;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h2 {
  background: none;
}

h2 span {
  all: unset;
  display: inline;
  padding: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
  background: none;
}

.JS h2, .JS .LV1LinkSet {
  background: none;
}
@media (max-width: 767px) {
  .JS h2, .JS .LV1LinkSet {
    margin: 0;
  }
}

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

body {
  font-family: "Hitachi Sans", "Noto Sans JP", "Yu Gothic UI", "Noto Sans", sans-serif;
  line-height: 1.75;
  font-weight: 400;
  color: #222222;
  background: #fff;
}

@media (max-width: 767px) {
  .JS body {
    background: #fff;
  }
}

.Grid {
  font-family: "Noto Sans JP", sans-serif;
}

div[class*=Page-] div, div[class*=Page-] dl, div[class*=Page-] dt, div[class*=Page-] dd, div[class*=Page-] ul, div[class*=Page-] ul li, div[class*=Page-] h1, div[class*=Page-] h2, div[class*=Page-] h3, div[class*=Page-] h4, div[class*=Page-] h5, div[class*=Page-] h6, div[class*=Page-] pre, div[class*=Page-] form, div[class*=Page-] fieldset, div[class*=Page-] input, div[class*=Page-] textarea, div[class*=Page-] p, div[class*=Page-] blockquote, div[class*=Page-] th, div[class*=Page-] td {
  line-height: 1.75;
}

#Contents {
  padding: 0 !important;
}

#HeaderArea1 > .Container #SpMenuBtn {
  background: #CC0000;
}

/* header
===================================================== */
@media screen and (min-width: 995px) {
  #HeaderArea1 .Container, #HeaderArea2 .Container {
    max-width: 82.8125rem;
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media (min-width: 768px) {
  #GlobalNaviMenu.Mgr-12 {
    margin-right: -0.75rem;
  }
}
#GlobalNaviMenu > li {
  height: 3.75rem;
}
#GlobalNaviMenu > li > a, #GlobalNaviMenu > li > button > span {
  height: 3.75rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7142857143;
  letter-spacing: 0;
}
#GlobalNaviMenu > li > a:hover, #GlobalNaviMenu > li > a:focus, #GlobalNaviMenu > li > a:active, #GlobalNaviMenu > li > button > span:hover, #GlobalNaviMenu > li > button > span:focus, #GlobalNaviMenu > li > button > span:active {
  background-color: #CC0000;
  color: #fff;
}
#GlobalNaviMenu > li.Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.625rem;
}
#GlobalNaviMenu > li.Button a {
  height: auto;
  background: #CC0000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4375rem 1rem;
  border-radius: 0.25rem;
  font-weight: bold;
  -webkit-transition: all 0.3s, color 0.3s;
  transition: all 0.3s, color 0.3s;
  color: #fff;
}
@media (hover: hover) {
  #GlobalNaviMenu > li.Button a:hover {
    background-color: #FA000F;
  }
}

#SpGlobalNavi > li > a, #SpGlobalNavi > li > button > span {
  background-color: #D9D9D9;
  border-top: 1px solid #B3B3B3;
}
#SpGlobalNavi > li:not(.Current) > a, #SpGlobalNavi > li:not(.Current) > button > span {
  min-height: 3.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 2px;
}
#SpGlobalNavi > li:not(.Current) > a:after, #SpGlobalNavi > li:not(.Current) > button > span:after {
  display: none;
}

#SpSupportNavi > li > a, #SpSupportNavi > li > button > span {
  min-height: 3.5rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  background-color: #FFFFFF;
  border-top: 1px solid #B3B3B3;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 2px;
}
#SpSupportNavi > li > a:after, #SpSupportNavi > li > button > span:after {
  display: none;
}

/* footer
===================================================== */
@media screen and (min-width: 995px) {
  #FooterArea .Container {
    max-width: 82.8125rem;
    padding-right: 25px;
    padding-left: 25px;
  }
}
#FooterArea .footer2MenuBreak {
  display: none;
}
@media only screen and (max-width: 1240px) {
  #FooterArea .footer2MenuBreak {
    display: block;
  }
}
@media (max-width: 767px) {
  #FooterArea .footer2MenuBreak {
    display: none;
  }
}
#FooterArea #Footer2Menu a, #FooterArea #Footer2Menu div {
  display: inline-block;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 400;
  color: #0C0C0C;
  cursor: pointer;
}
#FooterArea #Footer2Menu a:visited, #FooterArea #Footer2Menu a:link, #FooterArea #Footer2Menu div:visited, #FooterArea #Footer2Menu div:link {
  color: #0C0C0C;
}
#FooterArea #Footer2Menu a:hover, #FooterArea #Footer2Menu a:focus, #FooterArea #Footer2Menu a:active, #FooterArea #Footer2Menu div:hover, #FooterArea #Footer2Menu div:focus, #FooterArea #Footer2Menu div:active {
  text-decoration: underline;
}
@media (min-width: 768px) {
  #FooterArea #Footer2Menu a, #FooterArea #Footer2Menu div {
    margin-left: 1.75rem;
    margin-bottom: 1rem;
  }
  #FooterArea #Footer2Menu a:first-child, #FooterArea #Footer2Menu div:first-child {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  #FooterArea #Footer2Menu a, #FooterArea #Footer2Menu div {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) and (max-width: 389px) {
  #FooterArea #Footer2Menu a, #FooterArea #Footer2Menu div {
    letter-spacing: -0.5px;
  }
}
#FooterArea #Footer2Menu button {
  margin: 0;
  font-family: inherit;
  color: inherit !important;
  text-decoration: inherit;
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 400;
}
@media only screen and (max-width: 1240px) {
  #FooterArea #Footer1Menu {
    margin-top: 3.125rem;
  }
}
@media (max-width: 767px) {
  #FooterArea #Footer1Menu {
    margin-top: 0px;
    margin-bottom: 0.8125rem;
  }
}
#FooterArea #Footer1Menu a, #FooterArea #Footer1Menu div {
  margin-left: 0.75rem;
  display: inline-block;
  font-size: 0.625rem;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 500;
  color: #0C0C0C;
}
#FooterArea #Footer1Menu a:visited, #FooterArea #Footer1Menu a:link, #FooterArea #Footer1Menu div:visited, #FooterArea #Footer1Menu div:link {
  color: #0C0C0C;
}
#FooterArea #Footer1Menu a:hover, #FooterArea #Footer1Menu a:focus, #FooterArea #Footer1Menu a:active, #FooterArea #Footer1Menu div:hover, #FooterArea #Footer1Menu div:focus, #FooterArea #Footer1Menu div:active {
  text-decoration: underline;
}
@media (max-width: 767px) {
  #FooterArea #Footer1Menu a, #FooterArea #Footer1Menu div {
    margin-left: 0;
    font-size: 0.75rem;
    font-weight: 400;
  }
}
#FooterArea #Footer1Menu a button, #FooterArea #Footer1Menu div button {
  margin: 0;
  font-family: inherit;
  color: inherit !important;
  text-decoration: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: 1.5;
  font-weight: inherit;
  font-weight: inherit;
}
#FooterArea #HitachiTop {
  margin-bottom: 1.625rem;
}
@media only screen and (max-width: 1240px) {
  #FooterArea #HitachiTop {
    margin-bottom: 0;
  }
}
#FooterArea #HitachiTop a {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
  color: #0C0C0C;
}
@media (max-width: 767px) {
  #FooterArea #HitachiTop a {
    padding: 0.6875rem;
    margin-bottom: 1rem;
  }
}
#FooterArea #Copyright {
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: 0;
  font-weight: 600;
  color: #0C0C0C;
}
@media only screen and (max-width: 1240px) {
  #FooterArea #Copyright {
    margin-top: 3.75rem;
  }
}
@media (max-width: 767px) {
  #FooterArea #Copyright {
    margin-top: 0px;
    font-weight: 400;
  }
}

/* 通常 */
#Footer2 {
  margin-bottom: 0.5rem;
  position: absolute;
  right: 15px;
  z-index: 2;
}
@media screen and (min-width: 995px) {
  #Footer2 {
    right: 25px;
  }
}
@media (max-width: 767px) {
  #Footer2 {
    position: static;
  }
  #Footer2 #Footer2Menu {
    text-align: left;
    margin-left: 0;
  }
}

.Txt-License {
  width: calc(100% - 1.875rem);
  max-width: 75rem;
  margin: 0 auto;
  padding: 1.6875rem 0;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  line-height: 175% !important;
  font-weight: 500;
  color: #222222;
}
@media (max-width: 767px) {
  .Txt-License {
    width: 100%;
    padding: 0.875rem 1rem;
  }
}

@media (max-width: 767px) {
  .Pc-Only, .only-pc {
    display: none;
  }
}

@media (min-width: 768px) {
  .Sp-Only, .only-sp {
    display: none;
  }
}

.Mgt-16 {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .Mgt-80 {
    margin-top: 5rem !important;
  }
}
@media (max-width: 767px) {
  .Mgt-80 {
    margin-top: 2.5rem !important;
  }
}

.Mgb-16 {
  margin-bottom: 1rem;
}

.Mgb-20 {
  margin-bottom: 1.25rem;
}

.Mgb-24 {
  margin-bottom: 1.5rem;
}

.Mgb-32 {
  margin-bottom: 2rem;
}

.Pdb-16 {
  padding-bottom: 1rem;
}

.Pdb-32 {
  padding-bottom: 2rem;
}

@media (max-width: 767px) {
  .Txt-Left-Sp {
    text-align: left !important;
  }
}

.Section-Contact {
  background-color: #737373;
  padding: 3.5rem 0;
  min-height: 13.25rem;
  color: #fff;
}
@media (max-width: 767px) {
  .Section-Contact {
    padding: 2.5rem 1rem;
  }
}
.Section-Contact .Block-Inner {
  max-width: 70.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 768px) {
  .Section-Contact .Block-Inner {
    position: relative;
  }
  .Section-Contact .Block-Inner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 49.3%;
    border-left: 2px solid #fff;
  }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  .Section-Contact .Block-Inner:before {
    left: 50%;
  }
}
@media (max-width: 767px) {
  .Section-Contact .Block-Inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .Section-Contact .Contact-Col {
    width: 45.4545454545%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.25rem;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .Section-Contact .Contact-Col:nth-child(2) {
    width: 46.1818181818%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .Section-Contact .Contact-Col {
    gap: 1.25rem;
  }
}
@media (max-width: 767px) {
  .Section-Contact .Contact-Col {
    padding-bottom: 2.5rem;
  }
  .Section-Contact .Contact-Col:nth-child(2) {
    border-top: 1px solid #fff;
    padding-top: 2.5rem;
    padding-bottom: 0;
  }
}
.Section-Contact .Contact-Title {
  font-family: "hitachifont", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .Section-Contact .Contact-Title {
    font-size: 1.5rem;
  }
}
.Section-Contact .Contact-Title strong {
  text-transform: uppercase;
  color: inherit;
}
.Section-Contact .Contact-Title small {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 37.5%;
  line-height: 150%;
  letter-spacing: 0.12em;
}
@media (min-width: 768px) {
  .Section-Contact .Contact-Title small {
    display: block;
  }
}
@media (max-width: 767px) {
  .Section-Contact .Contact-Title small {
    margin-left: 0.25rem;
    font-size: 50%;
  }
}
.Section-Contact .Contact-Txt {
  padding-top: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 150%;
}
@media (min-width: 768px) {
  .Section-Contact .Contact-Txt {
    margin-right: -0.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 980px) {
  .Section-Contact .Contact-Txt {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .Section-Contact .Contact-Txt {
    padding-top: 0;
    margin-top: 0.5rem;
  }
}
.Section-Contact .Contact-Button {
  margin-top: 1rem;
}
.Section-Contact .Contact-Button a {
  display: block;
  width: 10.25rem;
  height: 2.5rem;
  font-size: 0.9375rem;
  letter-spacing: 4%;
  line-height: 2.5rem;
  font-weight: 600;
  text-align: center;
  color: #4D4D4D;
  background: #fff;
  border-radius: 0.25rem;
  -webkit-transition: all 0.3s, color 0.3s;
  transition: all 0.3s, color 0.3s;
  text-decoration: none;
  border: none;
}
@media (hover: hover) {
  .Section-Contact .Contact-Button a:hover {
    color: #FA000F;
  }
}
.Section-Contact .Contact-Social {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.Section-Contact .Contact-Social a {
  width: 2.5rem;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
@media (min-width: 768px) and (hover: hover) {
  .Section-Contact .Contact-Social a:hover {
    opacity: 0.8;
  }
}

.Custom-Checkbox {
  display: block;
  padding-left: 2rem;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 500;
  cursor: pointer;
}
.Custom-Checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.Custom-Checkbox .checkmark {
  width: 1.375rem;
  min-width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.625rem;
  background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 1px;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  vertical-align: middle;
  position: absolute;
  top: 0.25rem;
  left: 0;
}
@media (max-width: 767px) {
  .Custom-Checkbox .checkmark {
    top: 0.125rem;
  }
}
.Custom-Checkbox .checkmark:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3125rem;
  left: 0.1875rem;
  width: 0.875rem;
  height: 0.625rem;
  background: url(/image/jp/r1/hsif26/icon_checkbox_checked.png) no-repeat center center;
  background-size: 100%;
  opacity: 0;
}
@media (hover: hover) {
  .Custom-Checkbox .checkmark:hover {
    border-color: #222222;
  }
}
.Custom-Checkbox input:checked + .checkmark {
  background-color: #CC0000;
  border-color: #CC0000;
}
.Custom-Checkbox input:checked + .checkmark:after {
  opacity: 1;
}
.Custom-Checkbox input[disabled] + .checkmark {
  background-color: #F4F4F4;
  border-color: #D9D9D9;
}
.Custom-Checkbox input[disabled]:checked + .checkmark {
  background-color: #F4F4F4;
  border-color: #D9D9D9;
}
.Custom-Checkbox input[disabled]:checked + .checkmark:after {
  background-image: url(/image/jp/r1/hsif26/icon_checkbox_checked_g.png);
  opacity: 1;
}
.Custom-Checkbox .Text-Link {
  font-weight: 400;
}

.Custom-Radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1.5rem;
  cursor: pointer;
}
.Custom-Radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .Custom-Radio.W-Full-Sp {
    width: 100%;
  }
}
.Custom-Radio .checkmark {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.625rem;
  background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  vertical-align: middle;
  position: relative;
}
.Custom-Radio .checkmark:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #CC0000;
  border-radius: 50%;
  opacity: 0;
}
@media (hover: hover) {
  .Custom-Radio .checkmark:hover {
    border-color: #222222;
  }
}
.Custom-Radio input:checked + .checkmark {
  border-color: #CC0000;
}
.Custom-Radio input:checked + .checkmark:after {
  opacity: 1;
}
.Custom-Radio input[disabled] + .checkmark {
  background-color: #F4F4F4;
  border-color: #D9D9D9;
}
.Custom-Radio input[disabled]:checked + .checkmark {
  background-color: #F4F4F4;
  border-color: #D9D9D9;
}
.Custom-Radio input[disabled]:checked + .checkmark:after {
  background-color: #B3B3B3;
  opacity: 1;
}

/* block Setting
================================================ */
.Block-Inner {
  max-width: 76.875rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .Block-Inner {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .Block-Inner {
    width: calc(100% - 3rem);
  }
}

.Block-Inner-960 {
  max-width: 61.875rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .Block-Inner-960 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
@media (max-width: 767px) {
  .Block-Inner-960 {
    width: calc(100% - 3rem);
  }
}

.Title-Page {
  width: calc(100% - 1.875rem);
  max-width: 60rem;
  margin: 0 auto;
  margin-top: 5rem;
  font-family: "hitachifont", sans-serif;
  font-size: 4rem;
  letter-spacing: 0.02em;
  font-weight: 700;
  line-height: 140% !important;
  color: #CC0000;
}
.Title-Page-Center {
  text-align: center;
}
.Title-Page-En {
  display: inline-block;
}
.Title-Page-Jp {
  margin-left: 0.75rem;
  font-size: 28.125%;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .Title-Page {
    width: 100%;
    margin-top: 2.6875rem;
    padding: 0 1rem;
    font-size: 3rem;
  }
  .Title-Page-Jp {
    margin-left: 0.5rem;
    font-size: 33.3333333333%;
    position: relative;
    top: -0.25rem;
  }
}

.Main-Title {
  background: url("/image/jp/r1/hsif26/bg_title_red.jpg") no-repeat center bottom;
  background-size: cover;
  color: #fff;
  height: 22.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .Main-Title {
    background: url("/image/jp/r1/hsif26/bg_title_red_sp.jpg") no-repeat center;
    background-size: cover;
    background-position-y: 1%;
    height: 17.1875rem;
  }
}
.Main-Title .Main-Title--Inner {
  width: 100%;
  max-width: 76.875rem;
  padding: 0 0.9375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .Main-Title .Main-Title--Inner {
    padding: 0 1.5rem;
  }
}
.Main-Title .Main-Title__En {
  font-family: "hitachifont", "Noto Sans JP", sans-serif;
  font-size: 4rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .Main-Title .Main-Title__En {
    font-size: 2.5rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
  }
}
.Main-Title .Main-Title__Jp {
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: inherit;
}
@media (max-width: 767px) {
  .Main-Title .Main-Title__Jp {
    font-size: 1rem;
  }
}

.Fnt-En {
  font-family: "hitachifont", "Noto Sans JP", sans-serif;
}

.Cl-Red {
  color: #CC0000 !important;
}

a.Text-Link, .Text-Link {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  text-decoration: underline !important;
  color: #CC0000;
}
a.Text-Link--Blank, .Text-Link--Blank {
  position: relative;
}
a.Text-Link--Blank::before, .Text-Link--Blank::before {
  content: "";
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  background: url("/image/jp/r1/hsif26/icon_link_blank_red.svg") no-repeat center center/100% auto;
}
a.Text-Link--Blank::after, .Text-Link--Blank::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 0.125rem;
  margin-inline: 0.25rem;
  background: url("/image/jp/r1/hsif26/icon_link_blank.svg") no-repeat center center/100% auto;
}
@media (hover: hover) {
  a.Text-Link--Blank:hover:after, .Text-Link--Blank:hover:after {
    background: url("/image/jp/r1/hsif26/icon_link_blank_red.svg");
  }
}
a.Text-Link--Pdf, .Text-Link--Pdf {
  position: relative;
}
a.Text-Link--Pdf::after, .Text-Link--Pdf::after {
  content: "";
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  background: url("/image/jp/r1/hsif26/icon_pdf_red.svg") no-repeat center center/100% auto;
}
a.Text-Link--Pdf::before, .Text-Link--Pdf::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 0.125rem;
  margin-right: 0.25rem;
  background: url("/image/jp/r1/hsif26/icon_pdf.svg") no-repeat center center/100% auto;
}
@media (hover: hover) {
  a.Text-Link--Pdf:hover:before, .Text-Link--Pdf:hover:before {
    background: url("/image/jp/r1/hsif26/icon_pdf_red.svg");
  }
}
a.Text-Link:visited, .Text-Link:visited {
  color: #8B008B;
}
@media (hover: hover) {
  a.Text-Link:hover, .Text-Link:hover {
    color: #FA000F;
  }
}

.Btn-Button {
  display: block;
  padding: 1rem 0.625rem;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 0.25rem;
  -webkit-transition: all 0.3s, color 0.3s;
  transition: all 0.3s, color 0.3s;
  background-color: #CC0000;
  width: 100%;
  max-width: 20rem;
  height: 4rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2rem !important;
  text-decoration: none !important;
  letter-spacing: 4%;
  color: #FFFFFF !important;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media (hover: hover) {
  .Btn-Button:hover {
    background-color: #FA000F;
  }
}
.Btn-Button--Border {
  background-color: #FFFFFF;
  border: 1px solid #CC0000;
  color: #CC0000 !important;
}
@media (hover: hover) {
  .Btn-Button--Border:hover {
    background-color: #FFFFFF;
    border-color: #FA000F;
    color: #FA000F !important;
  }
}
.Btn-Button--Blank span {
  display: inline-block;
  padding-right: 1.5rem;
  background: url("/image/jp/r1/hsif26/icon_link_blank_w.svg") no-repeat center right;
  background-size: 1.25rem;
}
@media (max-width: 767px) {
  .Btn-Button--Blank span {
    padding-right: 1.25rem;
    background-size: 1rem;
  }
}
@media (max-width: 767px) {
  .Btn-Button {
    max-width: 21.0625rem;
  }
}
.Btn-Button.disabled, .Btn-Button.Disabled, .Btn-Button[disabled] {
  background-color: #D9D9D9;
  pointer-events: none;
}

.Btn-Form {
  display: block;
  margin: 0 auto;
  padding: 1rem 0.625rem;
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 0.25rem;
  -webkit-transition: all 0.3s, color 0.3s;
  transition: all 0.3s, color 0.3s;
  background-color: #CC0000;
  border: none;
  width: 100%;
  max-width: 25rem;
  height: 4rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2rem !important;
  text-decoration: none !important;
  letter-spacing: 4%;
  color: #FFFFFF !important;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media (hover: hover) {
  .Btn-Form:hover {
    background-color: #FA000F;
  }
}
.Btn-Form--Black {
  background-color: #000;
}
.Btn-Form--White {
  background-color: #fff;
  color: #CC0000 !important;
}
@media (hover: hover) {
  .Btn-Form--White:hover {
    background-color: #fff;
    color: #FA000F !important;
  }
}
.Btn-Form--Edit {
  background-color: #FFFFFF;
  border: 1px solid #CC0000;
  color: #CC0000 !important;
}
.Btn-Form--Edit span {
  padding-left: 1.375rem;
  display: inline-block;
  background: url(/image/jp/r1/hsif26/icon_edit.png) no-repeat center left;
  background-size: 1.25rem;
  position: relative;
}
.Btn-Form--Edit span:before {
  content: "";
  background: url(/image/jp/r1/hsif26/icon_edit_red.png) no-repeat center left/100%;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
@media (hover: hover) {
  .Btn-Form--Edit:hover {
    background-color: #FFFFFF;
    border-color: #FA000F;
    color: #FA000F !important;
  }
  .Btn-Form--Edit:hover span {
    background-image: url(/image/jp/r1/hsif26/icon_edit_red.png);
  }
}
.Btn-Form--Coming-Soon {
  background-color: #D9D9D9;
  border-color: transparent;
  pointer-events: none;
  color: #737373 !important;
}
@media (max-width: 767px) {
  .Btn-Form--Coming-Soon {
    height: 3rem;
    padding: 0.5rem 0.625rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .Btn-Form {
    max-width: 21.0625rem;
  }
}
.Btn-Form.disabled, .Btn-Form .Disabled, .Btn-Form[disabled] {
  background-color: #D9D9D9;
  pointer-events: none;
}

.Back-To-Top {
  background-color: #CC0000;
  position: fixed;
  right: 0;
  bottom: 8.5rem;
  z-index: 50;
  width: 2.5rem;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .Back-To-Top:hover {
    background-color: #FA000F;
    opacity: 0.8;
  }
}

#FooterPageTop {
  display: none;
}