@charset "UTF-8";
/* color
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* vw
================================================*/
/* vh
================================================*/
/*============================================================================================  report */
/*　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー  kv */
.FrKvGrid {
  padding-left: 4.39238653vw;
  padding-right: 4.39238653vw;
  margin-bottom: 7.3206442167vw; }

.FrKv {
  position: relative;
  padding-top: calc(572 / 1130 * 100%); }

.FrKv .FrKv__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.FrKv .FrKv__img > span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.FrKv .FrKv__title, .FrKv .backBtn {
  position: absolute;
  left: 0;
  background-color: #F5F5F5;
  z-index: 2; }

.FrKv .FrKv__title {
  bottom: 0;
  padding-top: 1.4641288433vw;
  padding-right: 2.9282576867vw;
  max-width: calc(100% - 4vw); }

.FrKv .FrKv__title > p {
  font-size: 37px;
  font-size: 2.7086383602vw;
  font-weight: bold;
  color: #002964; }

.FrKv .backBtn {
  top: 0; }

.FrKv .backBtn > a {
  position: relative;
  padding-left: 2.196193265vw;
  padding-top: 1.4641288433vw;
  padding-bottom: 1.4641288433vw;
  padding-right: 2.196193265vw; }

.FrKv .backBtn > a .arrow.arrow--back {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%) rotate(180deg); }

.FrKv .backBtn > a .arrow.arrow--back:before {
  opacity: 0; }

.FrKv .backBtn > a .arrow.arrow--back:after {
  opacity: 1; }

.FrKv .backBtn > a > p {
  position: relative;
  padding-left: 1.4641288433vw; }

.FrKv .backBtn > a > p:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 1px;
  height: 2.196193265vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background-color: #002964;
  opacity: .3; }

.FrKv .backBtn > a > p img {
  width: 3.953147877vw; }

/*　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー  kv */
.FrSection {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-bottom: 10.980966325vw; }

.FrSection .FrSection__nav {
  position: sticky;
  top: 1.4641288433vw;
  align-self: flex-start;
  width: 18vw; }

.FrSection .FrSection__nav > ul > li {
  position: relative;
  min-height: 5.4904831625vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer; }

.FrSection .FrSection__nav > ul > li:before, .FrSection .FrSection__nav > ul > li:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 1px;
  top: auto;
  bottom: 0;
  background-color: #002964; }

.FrSection .FrSection__nav > ul > li:before {
  opacity: .1; }

.FrSection .FrSection__nav > ul > li:after {
  width: 0;
  left: auto;
  right: 0;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.FrSection .FrSection__nav > ul > li > p {
  position: relative;
  font-size: 15px;
  font-size: 1.0980966325vw;
  line-height: 1.5; }

.FrSection .FrSection__nav > ul > li > p:before, .FrSection .FrSection__nav > ul > li > p:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 0.878477306vw;
  left: auto;
  right: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  　-moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.FrSection .FrSection__nav > ul > li > p:before {
  background-image: url("../img/contents/future/report/navArrow.svg");
  opacity: 1; }

.FrSection .FrSection__nav > ul > li > p:after {
  background-image: url("../img/contents/future/report/navArrow--bold.svg");
  opacity: 0; }

.FrSection .FrSection__nav > ul > li.selected > p {
  font-weight: bold; }

.FrSection .FrSection__nav > ul > li.selected > p:before {
  opacity: 0; }

.FrSection .FrSection__nav > ul > li.selected > p:after {
  opacity: 1; }

.FrSection .FrSectionWrapper {
  width: calc(100% - 24.52vw); }

.FrSection .FrSectionWrapper .FrSection__contents {
  margin-bottom: 10.980966325vw; }

.FrSection .FrSectionWrapper .FrSection__contents h3 {
  font-size: 26px;
  font-size: 1.9033674963vw;
  line-height: 1.5;
  padding-bottom: 1.317715959vw;
  margin-bottom: 1.8301610542vw;
  border-bottom: 1px solid #002964; }

.FrSection .FrSectionWrapper .FrSection__contents:last-child {
  margin-bottom: 0; }

.FrSection .FrSectionWrapper .FrSection__contents--detail img {
  margin-bottom: 1.8301610542vw; }

.FrSection .FrSectionWrapper .FrSection__contents--detail p, .FrSection .FrSectionWrapper .FrSection__contents--detail aside {
  margin-bottom: 1.8301610542vw; }

.FrSection .FrSectionWrapper .FrSection__contents--detail p {
  font-size: 15px;
  font-size: 1.0980966325vw; }

.FrSection .FrSectionWrapper .FrSection__contents--detail strong {
  font-weight: bold; }

.FrSection .FrSectionWrapper .FrSection__contents--detail span.textIndent {
  display: block;
  margin-top: 0.3660322108vw; }

.FrSection .FrSectionWrapper .FrSection__contents--detail h4 {
  font-size: 24px;
  font-size: 1.756954612vw;
  font-weight: bold;
  margin-bottom: 1.4641288433vw; }

.FrSection .FrSectionWrapper .FrSection__contents--detail section {
  margin-top: 5.4904831625vw;
  margin-bottom: 9.1508052709vw; }

.FrSection .FrSectionWrapper .FrSection__contents--detail section.mbLast {
  margin-bottom: 0; }

.FrSection .FrSectionWrapper .FrSection__contents--detail .ptLarge {
  padding-top: 2.9282576867vw !important; }

.FrSection .FrSectionWrapper .FrSection__contents--detail .submitBtnWrapper {
  margin-bottom: 4.39238653vw; }

.FrSection .FrSectionWrapper .FrSection__contents--detail .submitBtnWrapper > a {
  max-width: 40.2635431918vw;
  margin: -4.39238653vw auto 0; }

.FrSection .FrSectionWrapper .FrSection__btn {
  position: relative;
  height: 4.0263543192vw;
  border: 2px solid #002964;
  cursor: pointer;
  border-radius: 4.0263543192vw;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.FrSection .FrSectionWrapper .FrSection__btn > p {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-size: 17px;
  font-size: 1.2445095168vw;
  font-weight: bold;
  color: #002964;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.4s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  　-moz-transition-duration: 0.4s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1); }

.FrSection .FrSectionWrapper .FrSection__btn > p:nth-child(1) {
  opacity: 1; }

.FrSection .FrSectionWrapper .FrSection__btn > p:nth-child(2) {
  opacity: 0; }

.FrSection .FrSectionWrapper .FrSection__btn.active > p:nth-child(1) {
  opacity: 0; }

.FrSection .FrSectionWrapper .FrSection__btn.active > p:nth-child(2) {
  opacity: 1; }

.FrSection__contents--toggle {
  display: none; }

/*============================================================================================  lity */
.lity {
  background-color: rgba(0, 0, 0, 0.9); }

.lity .lity-container {
  max-width: 55vw; }

.lity-close {
  width: 4.0263543192vw;
  height: 4.0263543192vw;
  top: 0.7320644217vw;
  right: 1.0980966325vw;
  text-indent: -9999px; }

.lity-close:before, .lity-close:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 1.8301610542vw;
  height: 1px;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.lity-close:before {
  transform: translate(-50%, -50%) rotate(45deg); }

.lity-close:after {
  transform: translate(-50%, -50%) rotate(-45deg); }

.lity-close:hover, .lity-close:active {
  top: 0.7320644217vw; }

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー submitBtn */
.btnIcon {
  position: absolute;
  width: 2.9282576867vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-58%) translateX(41%);
  -webkit-transform: translateY(-58%) translateX(41%);
  right: 0;
  z-index: 3; }

.btnIcon > span {
  position: relative;
  display: block;
  padding-top: 100%;
  border-radius: 50%;
  background-color: #fff; }

.btnIcon svg {
  position: absolute;
  width: calc(11 / 40 * 100%);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  fill: #002964; }

.submitBtn {
  position: relative;
  width: 100%;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  　-moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }

.submitBtn .submitBtn--shadow {
  position: absolute;
  width: calc(600 / 595 * 100%);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  　-moz-transition-duration: 0.5s;
  -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: .3; }

.submitBtn .submitBtn--shadow > span {
  display: block;
  padding-top: calc(158 / 650 * 100%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../img/contents/future/submitBtn--shadow.png"); }

.submitBtn > p {
  position: relative;
  height: 5.8565153734vw;
  line-height: 5.1244509517vw;
  color: #fff;
  font-size: 1.35vw !important;
  text-align: center;
  font-weight: bold;
  background-color: #002964;
  border: 4px solid #fff;
  border-radius: 5.8565153734vw;
  z-index: 2; }

.submitBtn:hover, .submitBtn:active {
  transform: translate3d(-8px, -8px, 0); }

.submitBtn:hover .submitBtn--shadow, .submitBtn:active .submitBtn--shadow {
  transform: translate3d(calc(-50% + 8px), calc(-50% + 8px), 0);
  opacity: .4; }

/*============================================================================================  hover */
@media (hover: hover) and (pointer: fine) {
  .FrSection .FrSection__nav > ul > li:hover:after {
    width: 100%;
    right: auto;
    left: 0; }

  .FrSection .FrSectionWrapper .FrSection__btn:hover {
    background-color: #002964; }

  .FrSection .FrSectionWrapper .FrSection__btn:hover > p {
    color: #fff; } }
/*========================================================================================================================= update 2021.11 modal */
/* color
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*================================================ vw */
.report-02 .FrSection .FrSectionWrapper .FrSection__contents--detail h4 {
  position: relative;
  line-height: 1.7; }
  .report-02 .FrSection .FrSectionWrapper .FrSection__contents--detail h4 > p {
    position: relative;
    color: #002964;
    font-size: 18px;
    font-size: 1.317715959vw;
    padding-left: 1.4641288433vw;
    margin-top: 0.3660322108vw; }
    .report-02 .FrSection .FrSectionWrapper .FrSection__contents--detail h4 > p:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      width: 0.9516837482vw;
      height: 2px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      background-color: #002964; }
.report-02 .FrSection .FrSectionWrapper .FrSection__contents--detail section {
  margin: 0;
  position: relative;
  padding-top: 7vw;
  padding-left: 3.6603221083vw; }
  .report-02 .FrSection .FrSectionWrapper .FrSection__contents--detail section .num {
    position: absolute;
    top: 7.5vw;
    left: 0; }
    .report-02 .FrSection .FrSectionWrapper .FrSection__contents--detail section .num > span {
      display: block;
      width: 2.196193265vw;
      line-height: 2.196193265vw;
      font-size: 16px;
      font-size: 1.1713030747vw;
      font-weight: bold;
      color: #fff;
      background-color: #002964;
      text-align: center;
      border-radius: 0.2928257687vw; }
  .report-02 .FrSection .FrSectionWrapper .FrSection__contents--detail section.mt0 {
    padding-top: 0; }
    .report-02 .FrSection .FrSectionWrapper .FrSection__contents--detail section.mt0 .num {
      top: 0.5vw; }

.FrNav .column--2 > li .FrNav__img {
  position: relative;
  padding-top: calc(275 / 467 * 100%);
  overflow: hidden; }
  .FrNav .column--2 > li .FrNav__img > span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
.FrNav .column--2 > li:hover .FrNav__img > span, .FrNav .column--2 > li:active .FrNav__img > span {
  transform: scale(1.05); }
.FrNav .column--2 > li:hover .sectionProject__contents--text, .FrNav .column--2 > li:active .sectionProject__contents--text {
  text-decoration: underline; }