.Page {
  position: absolute;
  width: 100%;
}
.MainSection {
  margin-top: 188px;
  background: #fff;
}
@media screen and (max-width: 480px) {
  .MainSection {
    margin-top: 103px;
  }
}
.MainSection.isPageEn {
  margin-top: 120px;
}
@media screen and (max-width: 480px) {
  .MainSection.isPageEn {
    margin-top: 51px;
  }
}
.Breadcrumb {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 990px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .Breadcrumb {
    padding-left: 4.8vw;
    padding-right: 4.8vw;
  }
}
.Breadcrumb-Item {
  display: inline;
  letter-spacing: 0.05em;
  color: #666;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .Breadcrumb-Item {
    font-size: 12px;
  }
}
.Breadcrumb-Item::after {
  content: '>';
  padding: 0 6px;
}
.Breadcrumb-Item:last-child::after {
  content: '';
}
.Breadcrumb-Item-Link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.Breadcrumb-Item-Link br {
  display: none;
}
.FooterSection {
  margin-top: 24px;
}
.Footer-Inner {
  max-width: 1004px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 14px;
  padding-right: 14px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner {
    padding-left: 4.8vw;
    padding-right: 4.8vw;
  }
}
.Footer-Inner-TopBorder {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-TopBorder {
    max-width: 494px;
  }
}
@media screen and (max-width: 480px) {
  .Footer-Inner-TopBorder-Img {
    display: none;
  }
}
.Footer-Inner-TopBorder-ImgSP {
  display: none;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-TopBorder-ImgSP {
    display: block;
  }
}
.Footer-Inner-MiddleBorder {
  margin-top: 64px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-MiddleBorder {
    margin-top: 25px;
    max-width: 494px;
  }
}
@media screen and (max-width: 480px) {
  .Footer-Inner-MiddleBorder-Img {
    display: none;
  }
}
.Footer-Inner-MiddleBorder-ImgSP {
  display: none;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-MiddleBorder-ImgSP {
    display: block;
  }
}
.Footer-Inner-List {
  margin-top: 60px;
  width: 74.8%;
  max-width: 748px;
  display: flex;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Footer-Inner-List {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List {
    margin-top: 25px;
    width: 100%;
    flex-wrap: wrap;
  }
}
.Footer-Inner-List-Left {
  width: 33.95%;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Left {
    width: 50%;
  }
}
.Footer-Inner-List-Left-Item {
  color: #666;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Left-Item {
    padding-left: 6px;
    font-size: 12px;
  }
}
.Footer-Inner-List-Left-Item:nth-child(n+2) {
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Left-Item:nth-child(n+2) {
    margin-top: 12px;
  }
}
.Footer-Inner-List-Center {
  width: 33.95%;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Center {
    width: 50%;
  }
}
.Footer-Inner-List-Center-Item {
  color: #666;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Center-Item {
    font-size: 12px;
  }
}
.Footer-Inner-List-Center-Item:nth-child(2) {
  margin-top: 16px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Center-Item:nth-child(2) {
    margin-top: 8px;
  }
}
.Footer-Inner-List-Center-Item:not(:nth-child(5n - 4)) {
  padding-left: 15px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Center-Item:not(:nth-child(5n - 4)) {
    padding-left: 7px;
  }
}
.Footer-Inner-List-Center-Item:nth-child(3),
.Footer-Inner-List-Center-Item:nth-child(4),
.Footer-Inner-List-Center-Item:nth-child(5) {
  margin-top: 8px;
}
.Footer-Inner-List-Center-Item:nth-child(6) {
  margin-top: 28px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Center-Item:nth-child(6) {
    margin-top: 14px;
  }
}
.Footer-Inner-List-Center-Item-Icon {
  margin-left: 4px;
  width: 8px;
  display: inline-block;
}
.Footer-Inner-List-Right {
  width: 32.1%;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Right {
    margin-top: 40px;
    width: 100%;
  }
}
.Footer-Inner-List-Right-Item {
  color: #666;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Right-Item {
    font-size: 12px;
  }
}
.Footer-Inner-List-Right-Item:nth-child(n+2) {
  margin-top: 24px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-List-Right-Item:nth-child(n+2) {
    margin-top: 12px;
  }
}
.Footer-Inner-LogoBox {
  margin-left: auto;
  margin-right: auto;
  width: 100px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-LogoBox {
    width: 85px;
  }
}
.Footer-Inner-LinkBox {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 494px;
  display: flex;
  justify-content: center;
}
.Footer-Inner-LinkBox-Text {
  color: #fff;
  font-size: 12px;
}
.Footer-Inner-LinkBox-Text:nth-child(2) {
  margin-left: 32px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-LinkBox-Text:nth-child(2) {
    margin-left: 22px;
  }
}
.Footer-Inner-Copy {
  margin-top: 8px;
  text-align: center;
  letter-spacing: 0.005em;
  color: #fff;
  font-size: 12px;
}
@media screen and (max-width: 480px) {
  .Footer-Inner-Copy {
    text-align: center;
  }
}
.Footer-Bottom-Wrapper {
  margin-top: 60px;
  padding: 24px 0;
  background: #004ea2;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .Footer-Bottom-Wrapper {
    margin-top: 32px;
    padding: 16px 0;
  }
}
.HeaderLayer {
  position: absolute;
  top: 0;
  padding-top: 24px;
  width: 100%;
  background: #004ea2;
  z-index: 1000;
}
@media screen and (max-width: 480px) {
  .HeaderLayer {
    padding-top: 0;
    background: transparent;
  }
}
.Header {
  width: 100%;
  height: 100%;
}
.Header-Inner {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Header-Inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.Header-Inner-Content {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .Header-Inner-Content {
    display: none;
  }
}
.Header-Inner-Content-Left {
  margin-bottom: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.Header-Inner-Content-Left .js-mini {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .Header-Inner-Content-Left {
    width: 100%;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Header-Inner-Content-Left {
    width: 100%;
    align-items: flex-start;
  }
}
.Header-Inner-Content-Left-Box {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 19px;
}
.Header-Inner-Content-Left-Box-ImgBox {
  margin-left: auto;
  margin-right: auto;
  width: 280px;
  transition: all 0.2s ease;
}
.Header-Inner-Content-Left-Box-ImgBox-Bottom {
  max-width: 70px;
}
.Header-Inner-Content-Left-Box .js-mini {
  width: 68px !important;
}
.Header-Inner-Content-Left-Box-Title {
  opacity: 1;
  margin-top: 24px;
  color: #666;
  font-size: 24px;
  transition: all 0.2s ease;
}
.Header-Inner-Content-Left-Box .js-hidden {
  height: 0;
  visibility: hidden;
  opacity: 0;
  margin-top: 0;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .Header-Inner-Content-Left-Box .js-hidden {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Header-Inner-Content-Left-Box .js-hidden {
    font-size: 20px;
  }
}
.Header-Inner-Content-Left-Box-Bottom {
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.Header-Inner-Content-Left-Box-Bottom-Item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 19px;
}
.Header-Inner-Content-Nav {
  width: 78%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .Header-Inner-Content-Nav {
    width: 64%;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Header-Inner-Content-Nav {
    width: 72%;
  }
}
@media screen and (max-width: 480px) {
  .Header-Inner-Content-Nav {
    display: none;
  }
}
.Header-Inner-Content-Nav-Wrapper {
  background: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
}
.Header-Inner-Content-Nav-Wrapper-Inner {
  max-width: 1000px;
  width: 100%;
  display: flex;
}
.Header-Inner-Content-Nav-Item {
  position: relative;
  padding: 23px 0;
  display: flex;
  flex-wrap: nowrap;
  flex: none;
  height: 100%;
  letter-spacing: 0.05em;
  font-size: 16px;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .Header-Inner-Content-Nav-Item {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Header-Inner-Content-Nav-Item {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .Header-Inner-Content-Nav-Item {
    display: none;
  }
}
.Header-Inner-Content-Nav-Item-Link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.Header-Inner-Content-Nav-Item-Link:hover {
  color: #0f5aab;
}
.Header-Inner-Content-Nav-Item-Sub {
  position: absolute;
  bottom: -224px;
  left: -14px;
  display: none;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 14px;
  width: 233px;
  background: rgba(255,255,255,0.8);
}
.Header-Inner-Content-Nav-Item-Sub-Item {
  letter-spacing: 0.05em;
  color: #000;
  font-size: 16px;
}
.Header-Inner-Content-Nav-Item-Sub-Item:hover {
  color: #0f5aab;
}
.Header-Inner-Content-Nav-Item-Sub-Item-Link {
  padding-top: 12px;
  padding-bottom: 12px;
}
.Header-Inner-Content-Box {
  margin-left: auto;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .Header-Inner-Content-Box {
    display: none;
  }
}
.Header-Inner-Content-Box-Left {
  display: flex;
}
.Header-Inner-Content-Box-Left-Ja {
  position: relative;
  padding-right: 10px;
  letter-spacing: 0.05em;
  color: #0f5aab;
  font-size: 20px;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .Header-Inner-Content-Box-Left-Ja {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Header-Inner-Content-Box-Left-Ja {
    font-size: 15px;
  }
}
.Header-Inner-Content-Box-Left-Ja:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #9d9a9a;
}
.Header-Inner-Content-Box-Left-En {
  padding-left: 10px;
  letter-spacing: 0.05em;
  color: #333;
  font-size: 20px;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .Header-Inner-Content-Box-Left-En {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Header-Inner-Content-Box-Left-En {
    font-size: 15px;
  }
}
.Header-Inner-Content-Box-Right {
  margin-left: 32px;
  width: 16px;
  cursor: pointer;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Header-Inner-Content-Box-Right {
    margin-left: 24px;
    width: 15px;
  }
}
.Header-Inner-ContentSP {
  padding-top: 18px;
  padding-left: 4.8vw;
  padding-right: 4.8vw;
  padding-bottom: 12px;
  height: 100%;
  align-items: flex-start;
  background: #004ea2;
  display: none;
}
@media screen and (max-width: 480px) {
  .Header-Inner-ContentSP {
    display: flex;
  }
}
.Header-Inner-ContentSP-Center {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.Header-Inner-ContentSP-Center-Box {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.Header-Inner-ContentSP-Center-Box-ImgBox01 {
  width: 152px;
}
.Header-Inner-ContentSP-Center-Box-ImgBox01-Bottom {
  width: 35px;
}
.Header-Inner-ContentSP-Center-Box-LogoGroup {
  margin-top: 12px;
  display: flex;
}
.Header-Inner-ContentSP-Center-Box-LogoGroup-Item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Header-Inner-ContentSP-Center-Title {
  margin-top: 12px;
  width: 100%;
  text-align: center;
  color: #666;
  font-size: 3.7vw;
}
.Header-Inner-ContentSP-Hm-Link {
  position: relative;
  width: 22px;
}
.Header-Inner-ContentSP-Right {
  width: 21px;
}
.Header-Inner-ContentSP-Bottom {
  display: none;
  background: #fff;
  justify-content: space-between;
  padding-left: 3.8vw;
  padding-right: 3.8vw;
  padding-top: 2px;
  padding-bottom: 2px;
}
@media screen and (max-width: 480px) {
  .Header-Inner-ContentSP-Bottom {
    display: flex;
  }
}
.Header-Inner-ContentSP-Bottom-Item {
  display: flex;
  align-items: center;
}
.Header-Inner-ContentSP-Bottom-Item-Link {
  text-direction: none;
  color: #000;
  font-size: 12px;
  padding: 8px 0px;
}
.Header-Inner-Search {
  border: 8px solid #cde1ed;
  width: 100%;
  display: none;
}
.Header-Inner-Search.isShow {
  display: block;
}
@media screen and (max-width: 480px) {
  .Header-Inner-Search {
    border-top: 1px solid #333;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding-top: 12px;
    padding-left: 4.8vw;
    padding-right: 4.8vw;
    padding-bottom: 12px;
    background: #254b93;
  }
}
.Header-Inner-Search-Box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.Header-Inner-Search-Box-Input {
  border: none;
  width: 100%;
  height: 45px;
  letter-spacing: 0.1em;
  padding-left: 40px;
  padding-right: 132px;
  background: #fff;
  color: #000;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .Header-Inner-Search-Box-Input {
    border-radius: 32px;
    padding-left: 36px;
    padding-right: 0;
    height: 38px;
  }
}
.Header-Inner-Search-Box-Btn {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  width: 132px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  background: #446fb4;
  vertical-align: middle;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .Header-Inner-Search-Box-Btn {
    display: none;
  }
}
.Header-Inner-Search-Box-IconBox {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  border: none;
  padding: 0;
}
.Header-Inner-Search-Box-IconBox-Icon {
  margin-left: auto;
  margin-right: auto;
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 480px) {
  .Header-Inner-Search-Box-IconBox-Icon {
    width: 12px;
    height: 12px;
  }
}
.Header-Inner-Border {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .Header-Inner-Border {
    display: none;
  }
}
.Header-Inner-Menu {
  width: 100%;
  height: 100vh;
  display: none;
}
.Header-Inner-Menu.isShow {
  display: block;
}

/* .Header-Inner-Menu-List {
  padding-top: 17px;
  padding-bottom: 50px;
  padding-left: 4.8vw;
  padding-right: 4.8vw;
  margin-left: auto;
  width: 72%;
  background: #254b93;
}
.Header-Inner-Menu-List-Item {
  position: relative;
  display: flex;
  align-items: center;
  letter-spacing: 0.05em;
  cursor: pointer;
  color: #fff;
  font-size: 4.2vw;
} */
/* @media screen and (max-width: 1025px) and (min-width: 769px) {
  .Header-Inner-Menu-List-Item {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Header-Inner-Menu-List-Item {
    font-size: 2.8vw;
  }
} */
/* .Header-Inner-Menu-List-Item:after {
  content: '＞';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #fff;
  font-weight: bold;
  font-size: 4.2vw;
}
.Header-Inner-Menu-List-Item-Link {
  padding-top: 17px;
  padding-bottom: 17px;
  width: 100%;
} */

.Header-Inner-Content-Nav-Item.isParent:hover .Header-Inner-Content-Nav-Item-Sub {
  display: block;
}
.Header-Inner-Menu-List-Sns-Headline {
  margin-bottom: 24px;
  font-size: 4.2vw;
  padding-top: 12px;
  color: #fff;
}
.Header-Inner-Menu-List-Sns-Item {
  padding-left: 7px;
}
.Header-Inner-Menu-List-Sns-Item:nth-of-type(2) .Header-Inner-Menu-List-Sns-Item-Head {
  width: 45px;
}
.Header-Inner-Menu-List-Sns-Item:nth-of-type(3) .Header-Inner-Menu-List-Sns-Item-Head {
  width: 35px;
}
.Header-Inner-Menu-List-Sns-Item:nth-of-type(3) {
  margin-top: 24px;
}
.Header-Inner-Menu-List-Sns-Item-Head {
  margin-bottom: 16px;
}
.Header-Inner-Menu-List-Sns-Item-Body {
  display: flex;
}
.Header-Inner-Menu-List-Sns-Item-Body a {
  display: inline-block;
  width: 40px;
  margin-right: 23px;
}
.Header-Inner-ContentSP-Center-Box-LogoGroup-Item:nth-of-type(2) .Header-Inner-ContentSP-Center-Box-ImgBox01-Bottom {
  width: 45px;
}
.BreadcrumbSection {
  padding-top: 24px;
}
.Breadcrumb-Inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .Breadcrumb-Inner {
    padding-left: 14px;
  }
}
.Breadcrumb-Inner-List-Item {
  display: inline;
  color: #4c4948;
  font-size: 14px;
}
.Breadcrumb-Inner-List-Item::after {
  content: '＞';
  padding: 0 16px;
}
.Breadcrumb-Inner-List-Item:last-child::after {
  content: '';
}
.Breadcrumb-Inner-List-Item-Link {
  display: inline-block;
}





/* .HeadSection {
  width: 100%;
  background: #0d3579;
}
.HeadSection.sticky {
  position: fixed;
  top: 130px;
  left: 0;
  z-index: 100;
}
@media screen and (max-width: 480px) {
  .HeadSection {
    display: none;
  }
}
.Head-Inner {
  margin-left: auto;
  margin-right: auto;
  padding-top: 26px;
  padding-bottom: 26px;
  width: 100%;
  max-width: 1000px;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .Head-Inner {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Head-Inner {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media screen and (max-width: 480px) {
  .Head-Inner {
    padding-left: 4.8vw;
    padding-right: 4.8vw;
  }
}
.Head-Inner-Box {
  width: 100%;
}
.Head-Inner-Box-Nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Head-Inner-Box-Nav {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .Head-Inner-Box-Nav {
    display: none;
  }
}
.Head-Inner-Box-Nav-Item {
  color: #fff;
  font-size: 16px;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .Head-Inner-Box-Nav-Item {
    font-size: 14px;
  }
}
.SpNav {
  width: 100%;
  background: #0d3579;
  display: none;
}
@media screen and (max-width: 480px) {
  .SpNav {
    display: block;
  }
}
.SpNav.sticky {
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 100;
}
.SpNav-Tab {
  position: relative;
  padding-top: 12px;
  padding-left: 4.8vw;
  padding-right: 4.8vw;
  padding-bottom: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.SpNav-Tab-Headline {
  color: #fff;
  font-size: 3.7vw;
}
.SpNav-Tab-Icon {
  position: absolute;
  top: 50%;
  right: 4.8vw;
  transform: translateY(-50%) rotate(180deg);
  width: 12px;
}
.SpNav-Tab-Icon.isShow {
  transform: translateY(-50%) rotate(0deg);
}
.SpNav-Content {
  max-height: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.SpNav-Content.isShow {
  visibility: visible;
  max-height: 1129px;
}
.SpNav-Content-Item {
  border-top: 1px solid #fff;
  padding-top: 16px;
  padding-left: 4.8vw;
  padding-right: 4.8vw;
  padding-bottom: 16px;
  width: 100%;
  color: #fff;
  font-size: 3.7vw;
} */
/* ---------------------------- */
/* --- HeroSection --- */
/* ---------------------------- */
.HeroSection {
  position: relative;
  background: url("../../images/rd-bg.jpg") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  .HeroSection {
    padding-top: 3.2vw;
    padding-bottom: 4.6vw;
    width: 100%;
    background: url("../../images/rd-bgSP.jpg") no-repeat center;
    background-size: cover;
  }
}
.HeroSection:before {
  content: "";
  display: block;
  padding-top: 53.82%;
}
@media screen and (max-width: 480px) {
  .HeroSection:before {
    padding-top: 45.6%;
  }
}
.HeroSection-Content {
  position: absolute;
  top: 7.34vw;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1000px;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .HeroSection-Content {
    max-width: 972px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .HeroSection-Content {
    max-width: 740px;
  }
}
@media screen and (max-width: 540px) {
  .HeroSection-Content {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media screen and (max-width: 480px) {
  .HeroSection-Content {
    top: 50%;
    padding-left: 4.8vw;
    padding-right: 4.8vw;
  }
}
.HeroSection-Content-Box {
  width: 49.4%;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .HeroSection-Content-Box {
    width: 59.4%;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .HeroSection-Content-Box {
    width: 64%;
  }
}
@media screen and (max-width: 540px) {
  .HeroSection-Content-Box {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .HeroSection-Content-Box {
    width: 100%;
  }
}
.HeroSection-Content-Box-Headline {
  color: #fff;
  font-weight: bold;
  font-size: 32px;
}
@media screen and (max-width: 480px) {
  .HeroSection-Content-Box-Headline {
    width: 100%;
    text-align: center;
    font-size: 6.4vw;
  }
}
.HeroSection-Content-Box-SubHeadline {
  margin-top: 22px;
  color: #fff;
  font-size: 24px;
}
@media screen and (max-width: 480px) {
  .HeroSection-Content-Box-SubHeadline {
    margin-top: 8px;
    width: 100%;
    text-align: center;
    font-size: 3.2vw;
  }
}
/* ---------------------------- */
/* --- AboutSection --- */
/* ---------------------------- */
.AboutSection {
  padding-top: 60px;
  padding-bottom: 80px;
}
@media screen and (max-width: 480px) {
  .AboutSection {
    padding-top: 52px;
    padding-bottom: 40px;
  }
}
.About-Inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
  .About-Inner {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .About-Inner {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media screen and (max-width: 480px) {
  .About-Inner {
    padding-left: 4.8vw;
    padding-right: 4.8vw;
  }
}
.About-Inner-Headline {
  text-align: center;
  color: #34383b;
  font-weight: bold;
  font-size: 28px;
}
@media screen and (max-width: 480px) {
  .About-Inner-Headline {
    text-align: left;
    font-size: 6.4vw;
  }
}
.About-Inner-SubHeadline {
  margin-top: 84px;
  text-align: center;
  color: #053da5;
  font-weight: bold;
  font-size: 24px;
}
@media screen and (max-width: 480px) {
  .About-Inner-SubHeadline {
    margin-top: 24px;
    text-align: left;
    font-size: 5vw;
  }
}
.About-Inner-SubHeadline.mt127 {
  margin-top: 127px;
}
@media screen and (max-width: 480px) {
  .About-Inner-SubHeadline.mt127 {
    margin-top: 64px;
  }
}
.About-Inner-Text {
  margin-top: 42px;
  line-height: 2;
  color: #3b4043;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  .About-Inner-Text {
    margin-top: 21px;
    font-size: 14px;
  }
}
@media screen and (max-width: 280px) {
  .About-Inner-Text {
    font-size: 12px;
  }
}
.About-Inner-Text.isCenter {
  text-align: center;
}
@media screen and (max-width: 480px) {
  .About-Inner-Text-BrPC {
    display: none;
  }
}
.About-Inner-Anotation {
  margin-top: 8px;
  text-align: right;
  color: #3b4043;
  font-size: 14px;
}
@media screen and (max-width: 280px) {
  .About-Inner-Anotation {
    font-size: 12px;
  }
}
.About-Inner-SubText {
  margin-top: 34px;
  line-height: 1.5;
  text-align: center;
  color: #3b4043;
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  .About-Inner-SubText {
    margin-top: 17px;
    text-align: left;
    font-size: 14px;
  }
}
@media screen and (max-width: 280px) {
  .About-Inner-SubText {
    font-size: 12px;
  }
}
.About-Inner-MiddleBorder {
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 800px;
}
@media screen and (max-width: 480px) {
  .About-Inner-MiddleBorder {
    margin-top: 60px;
    width: 100%;
  }
}
.About-Inner-ImgBox {
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
  width: 93.8%;
  max-width: 938px;
}
@media screen and (max-width: 480px) {
  .About-Inner-ImgBox {
    width: 100%;
  }
}
.About-Inner-Btn {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  width: 350px;
}
@media screen and (max-width: 480px) {
  .About-Inner-Btn {
    margin-top: 40px;
    width: 80%;
  }
}
.About-Inner-Table {
  margin-top: 98px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
}
@media screen and (max-width: 480px) {
  .About-Inner-Table {
    margin-top: 49px;
    overflow-x: auto;
  }
}
@media screen and (max-width: 480px) {
  .About-Inner-Table-Item {
    width: 50%;
    flex: 0 0 auto;
  }
}
.About-Inner-Table-Item:first-child {
  width: 18.4%;
}
@media screen and (max-width: 480px) {
  .About-Inner-Table-Item:first-child {
    width: 33%;
  }
}
.About-Inner-Table-Item:nth-child(2) {
  width: 13.9%;
}
@media screen and (max-width: 480px) {
  .About-Inner-Table-Item:nth-child(2) {
    width: 24%;
  }
}
.About-Inner-Table-Item:nth-child(3) {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .About-Inner-Table-Item:nth-child(3) {
    width: 64%;
  }
}
.About-Inner-Table-Item:nth-child(4) {
  width: 21.8%;
}
@media screen and (max-width: 480px) {
  .About-Inner-Table-Item:nth-child(4) {
    width: 50%;
  }
}
.About-Inner-Table-Item-Head {
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #3b4043;
  font-size: 16px;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .About-Inner-Table-Item-Head {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .About-Inner-Table-Item-Head {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px) {
  .About-Inner-Table-Item-Head {
    font-size: 12px;
  }
}
@media screen and (max-width: 280px) {
  .About-Inner-Table-Item-Head {
    font-size: 10px;
  }
}
.About-Inner-Table-Item-List-Item {
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #3b4043;
  font-size: 16px;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .About-Inner-Table-Item-List-Item {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .About-Inner-Table-Item-List-Item {
    font-size: 14px;
  }
}
@media screen and (max-width: 375px) {
  .About-Inner-Table-Item-List-Item {
    font-size: 12px;
  }
}
@media screen and (max-width: 280px) {
  .About-Inner-Table-Item-List-Item {
    font-size: 10px;
  }
}
.About-Inner-Table-Item-List-Item:first-child,
.About-Inner-Table-Item-List-Item:nth-child(2),
.About-Inner-Table-Item-List-Item:nth-child(3),
.About-Inner-Table-Item-List-Item:nth-child(4) {
  background: #f1f8fe;
}
.About-Inner-Table-Item-List-Item.pl24 {
  padding-left: 24px;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .About-Inner-Table-Item-List-Item.pl24 {
    padding-left: 4px;
  }
}
@media screen and (max-width: 480px) {
  .About-Inner-Table-Item-List-Item.pl24 {
    padding-left: 4px;
  }
}