@charset "UTF-8";
/* CSS Document */
/********** font-family **********/
/********** tag **********/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900;8..144,1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
html, body {
  font-size: 62.5%;
  font-family: "Meiryo", "メイリオ", "Hiragino Sans", "ヒラギノ角ゴシック", "Yu Gothic", "游ゴシック", "Hiragino Sans", "Nimbus Sans Novus", "Arial", "Helvetica Neue", sans-serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

* {
  max-height: 99999px;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.drawer-hamburger, a {
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: inherit;
}
.drawer-hamburger:hover, a:hover, .drawer-hamburger:active, a:active, .drawer-hamburger:focus, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 640px) {
  a:hover {
    opacity: 0.75;
  }
}

button {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.dummyBox {
  display: block;
  width: 100%;
  height: 1000px;
}

sup {
  font-size: 30%;
  top: -1.5em;
}

main {
  margin-top: 50px;
}
@media (min-width: 640px) {
  main {
    margin-top: 0;
  }
}

/********** #wrapper **********/
#wrapper {
  font-size: 1.2rem;
  line-height: 1.9;
  width: 100%;
  overflow: hidden;
  position: relative;
  color: #000000;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (min-width: 640px) {
  #wrapper {
    line-height: 2.25;
    font-size: 1.6rem;
  }
}

.bpBox {
  width: 0;
  height: 0;
  font-size: 0;
  display: table;
}
@media (min-width: 640px) {
  .bpBox {
    display: block;
  }
}
@media (min-width: 960px) {
  .bpBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/********** color **********/
.fc-white {
  color: #ffffff;
}

.fc-base_blue01 {
  color: #007db3;
}

.fc-base_blue02 {
  color: #3b4b59;
}

.bg-white {
  background-color: #ffffff;
}

/********** width **********/
.w-100p {
  width: 100%;
}

/********** common **********/
hr.separation {
  display: block;
  width: 100%;
  height: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 200px;
  font-size: 0;
  line-height: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/top/separation_img_sp.png);
}
@media (min-width: 640px) {
  hr.separation {
    padding-top: 300px;
    background-image: url(../img/top/separation_img.png);
  }
}

.separation_bg {
  position: fixed;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../img/top/separation_bg_sp.jpg) no-repeat 0 0/cover;
  z-index: -1;
}
@media (min-width: 640px) {
  .separation_bg {
    background: url(../img/top/separation_bg.jpg) no-repeat 0 0/cover;
  }
}

h2.h2_format {
  text-align: center;
  color: #3b4b59;
  font-size: 2.6rem;
  line-height: 1.5;
  color: #ffffff;
  letter-spacing: 0.2em;
  margin-top: 20px;
}
@media (min-width: 640px) {
  h2.h2_format {
    font-size: 4.6rem;
  }
}
h2.h2_format strong {
  color: #05c3de;
}

.h2_under {
  display: block;
  width: 100%;
  height: 20px;
  position: relative;
}
@media (min-width: 640px) {
  .h2_under {
    height: 30px;
  }
}
.h2_under:before {
  content: none;
  display: block;
  position: absolute;
  top: 30%;
  left: 50%;
  width: 100%;
  height: 10px;
  background: url(../img/top/ttl_border.png) no-repeat center center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.h2_under.line02:before {
  background-color: #05c3de;
}

.h2_under02 {
  display: block;
  width: 100%;
  height: 40px;
  position: relative;
}
@media (min-width: 640px) {
  .h2_under02 {
    height: 60px;
  }
}
.h2_under02:before {
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  left: 50%;
  background-color: #05c3de;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 1px;
  width: 20px;
}
@media (min-width: 640px) {
  .h2_under02:before {
    width: 40px;
  }
}

body .fade_in > * {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: 1s opacity, 1s -webkit-transform;
  transition: 1s opacity, 1s -webkit-transform;
  transition: 1s transform, 1s opacity;
  transition: 1s transform, 1s opacity, 1s -webkit-transform;
}
body .fade_in.right > * {
  opacity: 0;
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
  -webkit-transition: 1s opacity, 1s -webkit-transform;
  transition: 1s opacity, 1s -webkit-transform;
  transition: 1s transform, 1s opacity;
  transition: 1s transform, 1s opacity, 1s -webkit-transform;
}
body .fade_in.left > * {
  opacity: 0;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition: 1s opacity, 1s -webkit-transform;
  transition: 1s opacity, 1s -webkit-transform;
  transition: 1s transform, 1s opacity;
  transition: 1s transform, 1s opacity, 1s -webkit-transform;
}
body .fade_in.fade02 > * {
  -webkit-transition-delay: 0.2s, 0.2s;
          transition-delay: 0.2s, 0.2s;
}
body .fade_in.fade03 > * {
  -webkit-transition-delay: 0.4s, 0.4s;
          transition-delay: 0.4s, 0.4s;
}
body .fade_in.fade04 > * {
  -webkit-transition-delay: 0.6s, 0.6s;
          transition-delay: 0.6s, 0.6s;
}
body.loaded .fade_in.active > * {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
body.loaded .fade_in.right.active > * {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body.loaded .fade_in.left.active > * {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
body .slide_in_left {
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
  opacity: 0;
  -webkit-transition: 1s opacity 0.5s, 1s -webkit-transform 0.5s;
  transition: 1s opacity 0.5s, 1s -webkit-transform 0.5s;
  transition: 1s transform 0.5s, 1s opacity 0.5s;
  transition: 1s transform 0.5s, 1s opacity 0.5s, 1s -webkit-transform 0.5s;
}
body.loaded .slide_in_left {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.note_fc_gray {
  color: #f3f4f5;
}

.expansionBox {
  position: relative;
  display: block;
}
.expansionBox .expansionSwitch {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 640px) {
  .expansionBox .expansionSwitch {
    display: none;
  }
}

.cli-bar-message {
  line-height: 1.7;
}
.cli-bar-message a {
  text-decoration: underline;
  color: #007db3;
}

.cli-bar-title {
  padding: 1em 1em 1em 50px;
  margin-bottom: 1em;
  border-bottom: 1px #666666 solid;
  background: url(../img/common/logo_mark.png) no-repeat left center/40px auto;
  font-size: 120%;
  font-weight: 700;
}

span.cli-necessary-caption {
  color: #007db3;
}

#wt-cli-privacy-save-btn {
  background-color: #007db3;
  text-indent: -9999px;
  font-size: 0;
}
#wt-cli-privacy-save-btn:before {
  display: block;
  content: "クッキーの設定";
  text-align: center;
  text-indent: 0;
  font-size: 1.4rem;
}

.cli-switch input:checked + .cli-slider {
  background-color: #007db3;
}

.cli-privacy-overview:before {
  content: "";
  width: 100%;
  height: 50px;
  display: block;
  background: url(../img/common/cookie_logo.png) no-repeat left top/auto 30px;
  border-bottom: 1px #666666 solid;
}

.fc-disc {
  color: #b7bdc3;
}

.annotation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.annotation > *:nth-of-type(1) {
  white-space: nowrap;
}
.annotation > *:nth-of-type(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.baseBtn {
  display: block;
  text-align: center;
  position: relative;
  border-radius: 10px;
  padding: 10px 20px;
}
@media (min-width: 640px) {
  .baseBtn {
    border-radius: 8px;
    padding: 10px 20px;
  }
}
.baseBtn:after {
  display: inline-block;
  margin-left: 1em;
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.baseBtn.type01 {
  background-color: #086ea1;
}
@media (min-width: 640px) {
  .baseBtn.type01 {
    max-width: 280px;
  }
}
.baseBtn.type01 span {
  color: #ffffff;
}

/*========= 流れるテキスト ===============*/
.slide-in {
  overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
  display: inline-block;
}

.leftAnime {
  opacity: 0;
}

.slideAnimeLeftRight {
  -webkit-animation-name: slideTextX100;
          animation-name: slideTextX100;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes slideTextX100 {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes slideTextX100 {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.slideAnimeRightLeft {
  -webkit-animation-name: slideTextX-100;
          animation-name: slideTextX-100;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes slideTextX-100 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes slideTextX-100 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
/*========= 流れるテキスト ===============*/
/*========= img-wrap ===============*/
.img-wrap, .img-wrap.right {
  overflow: hidden;
  position: relative;
}

.img-wrap:before, .img-wrap.right:before {
  background: #ccd0d4;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
@media (min-width: 640px) {
  .img-wrap:before, .img-wrap.right:before {
    background: #f3f4f5;
  }
}

.img-wrap.active:before {
  -webkit-animation: img-wrap 0.5s cubic-bezier(0.5, 0, 0.5, 1) forwards;
          animation: img-wrap 0.5s cubic-bezier(0.5, 0, 0.5, 1) forwards;
}

.img-wrap.right.active:before {
  -webkit-animation: img-wrap02 0.5s cubic-bezier(0.5, 0, 0.5, 1) forwards;
          animation: img-wrap02 0.5s cubic-bezier(0.5, 0, 0.5, 1) forwards;
}

@-webkit-keyframes img-wrap {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes img-wrap {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-webkit-keyframes img-wrap02 {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes img-wrap02 {
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/*========= img-wrap ===============*/
/********** .drawer-hamburger **********/
.drawer-hamburger {
  width: 28px;
  position: static;
  top: 0;
  right: 0;
  padding-top: 14px;
  padding-left: 11px;
  padding-right: 11px;
  padding-bottom: 24px;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .drawer-hamburger {
    display: none;
  }
}

.drawer-hamburger-icon {
  height: 2px;
}

.drawer-hamburger-icon:before {
  top: -10px;
  height: 2px;
}

.drawer-hamburger-icon:after {
  top: 10px;
  height: 2px;
}

.drawer-nav {
  background-color: #f4f5f6;
  padding-left: 0;
  padding-right: 0;
}

.drawer-menu li {
  border-bottom: 1px #cfd3d7 solid;
}
.drawer-menu li a {
  display: block;
  color: #002f48;
  font-size: 2rem;
  padding: 15px 25px;
  color: #000000;
  font-weight: 700;
}
.drawer-menu li a.first_level {
  padding-bottom: 0;
}
.drawer-menu li a i {
  margin-left: 0.3em;
}
.drawer-menu li.slide_menu_logo_sp a {
  width: 80%;
}
.drawer-menu li .menu_Accordion span {
  position: relative;
  padding-right: 30px;
}
.drawer-menu li .menu_Accordion span:before, .drawer-menu li .menu_Accordion span:after {
  width: 15px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.drawer-menu li .menu_Accordion span:after {
  display: block;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.drawer-menu li .menu_Accordion.active span:after {
  display: none;
}
.drawer-menu li .inner_link_list {
  border-bottom: none;
}
.drawer-menu li .inner_link_list a {
  border-bottom: none;
  padding: 0 0 0 45px;
  font-size: 1.8rem;
  font-weight: 500;
}
.drawer-menu li:last-of-type a {
  border-bottom: none;
}
.drawer-menu li.current {
  border-left: 6px #22c3dc solid;
}

.drawer-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}

.drawer--top .drawer-nav {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

/********** .container設定 **********/
.container {
  width: 100%;
  max-width: none;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: none;
  }
}
@media (min-width: 960px) {
  .container {
    padding-right: 70px;
    padding-left: 70px;
    max-width: 1280px;
  }
}

/********** ガター設定 **********/
.gutter-50 {
  margin-left: -25px;
  margin-right: -25px;
}

.gutter-50 > [class*=col-] {
  padding-left: 25px;
  padding-right: 25px;
}

.gutter-40 {
  margin-left: -20px;
  margin-right: -20px;
}

.gutter-40 > [class*=col-] {
  padding-left: 20px;
  padding-right: 20px;
}

.gutter-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.gutter-20 > [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.gutter-16 {
  margin-left: -8px;
  margin-right: -8px;
}

.gutter-16 > [class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
}

.gutter-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.gutter-10 > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 0px) {
  .gutter-xs-50 {
    margin-left: -25px;
    margin-right: -25px;
  }
  .gutter-xs-50 > [class*=col-] {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 576px) {
  .gutter-sm-50 {
    margin-left: -25px;
    margin-right: -25px;
  }
  .gutter-sm-50 > [class*=col-] {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 640px) {
  .gutter-md-50 {
    margin-left: -25px;
    margin-right: -25px;
  }
  .gutter-md-50 > [class*=col-] {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 960px) {
  .gutter-lg-50 {
    margin-left: -25px;
    margin-right: -25px;
  }
  .gutter-lg-50 > [class*=col-] {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 1200px) {
  .gutter-xl-50 {
    margin-left: -25px;
    margin-right: -25px;
  }
  .gutter-xl-50 > [class*=col-] {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 0px) {
  .gutter-xs-40 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .gutter-xs-40 > [class*=col-] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 576px) {
  .gutter-sm-40 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .gutter-sm-40 > [class*=col-] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 640px) {
  .gutter-md-40 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .gutter-md-40 > [class*=col-] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 960px) {
  .gutter-lg-40 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .gutter-lg-40 > [class*=col-] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .gutter-xl-40 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .gutter-xl-40 > [class*=col-] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 0px) {
  .gutter-xs-20 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .gutter-xs-20 > [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 576px) {
  .gutter-sm-20 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .gutter-sm-20 > [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 640px) {
  .gutter-md-20 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .gutter-md-20 > [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 960px) {
  .gutter-lg-20 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .gutter-lg-20 > [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  .gutter-xl-20 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .gutter-xl-20 > [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 0px) {
  .gutter-xs-16 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .gutter-xs-16 > [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 576px) {
  .gutter-sm-16 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .gutter-sm-16 > [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 640px) {
  .gutter-md-16 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .gutter-md-16 > [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 960px) {
  .gutter-lg-16 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .gutter-lg-16 > [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 1200px) {
  .gutter-xl-16 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .gutter-xl-16 > [class*=col-] {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 0px) {
  .gutter-xs-10 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .gutter-xs-10 > [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 576px) {
  .gutter-sm-10 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .gutter-sm-10 > [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 640px) {
  .gutter-md-10 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .gutter-md-10 > [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 960px) {
  .gutter-lg-10 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .gutter-lg-10 > [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1200px) {
  .gutter-xl-10 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .gutter-xl-10 > [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
/********** 5分割設定 **********/
/*
ex)
col-5-1 20%
col-sm-5-3 60%
col-md-5-4 80%
*/
.col-xl-5-5, .col-xl-5-4, .col-xl-5-3, .col-xl-5-2, .col-xl-5-1, .col-lg-5-5, .col-lg-5-4, .col-lg-5-3, .col-lg-5-2, .col-lg-5-1, .col-md-5-5, .col-md-5-4, .col-md-5-3, .col-md-5-2, .col-md-5-1, .col-sm-5-5, .col-sm-5-4, .col-sm-5-3, .col-sm-5-2, .col-sm-5-1, .col-xs-5-5, .col-5-5, .col-xs-5-4, .col-5-4, .col-xs-5-3, .col-5-3, .col-xs-5-2, .col-5-2, .col-xs-5-1, .col-5-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 0px) {
  .col-xs-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xs-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-xs-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-xs-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-xs-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .col-sm-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-sm-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-sm-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-sm-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-sm-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 640px) {
  .col-md-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-md-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-md-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-md-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-md-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .col-lg-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-lg-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-lg-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-lg-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xl-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-xl-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-xl-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-xl-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
/********** headerエリア **********/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#header .navi_a {
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 9;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  max-height: 0;
  overflow: hidden;
}
#header .navi_a > a {
  padding: 10px 0 10px 0;
  margin-right: 5px;
}
#header .navi_a > a span {
  border-right: 1px solid #878e94;
  display: block;
}
#header .navi_a > a:last-of-type span {
  border-right: none;
}
#header .navi_a.appeared {
  max-height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
}
#header .header_inner {
  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;
  height: 50px;
  position: relative;
  z-index: 10;
  background-color: #1e2d39;
}
@media (min-width: 960px) {
  #header .header_inner {
    height: 70px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.4);
  }
}
#header .header_inner .logo_mark {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  max-width: 50px;
}
@media (min-width: 960px) {
  #header .header_inner .logo_mark {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70px;
            flex: 0 0 70px;
    max-width: 70px;
  }
}
#header .header_inner .logo_mark img {
  display: block;
}
#header .header_inner .logo {
  margin-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  max-width: 100px;
  padding-right: 10px;
}
@media (min-width: 960px) {
  #header .header_inner .logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 140px;
            flex: 0 0 140px;
    max-width: 140px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
#header .header_inner .logo img {
  display: block;
}
#header .header_inner .anchors {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  padding-left: 15px;
  padding-right: 15px;
}
#header .header_inner .anchors a {
  font-size: 1.3rem;
  color: #ffffff;
  line-height: 1.4;
  padding-left: 24px;
  background: url(../img/common/arrow.svg) no-repeat left center;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
@media (min-width: 960px) {
  #header .header_inner .anchors a {
    font-size: 1.5rem;
  }
}
#header .header_inner .anchors a:hover {
  color: #007db3;
  opacity: 1;
}
#header .header_inner .anchors a small {
  font-size: 1.1rem;
}
@media (min-width: 960px) {
  #header .header_inner .anchors a small {
    font-size: 1.1rem;
  }
}
#header .header_inner .anchors a strong {
  font-size: 1.5rem;
}
@media (min-width: 960px) {
  #header .header_inner .anchors a strong {
    font-size: 1.5rem;
  }
}
#header .header_inner .anchors.type02 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#header .header_inner .links {
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 310px;
          flex: 0 0 310px;
  max-width: 310px;
}
@media (min-width: 960px) {
  #header .header_inner .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
  }
}
#header .header_inner .links a {
  color: #ffffff;
  font-weight: 700;
  font-size: 1.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  max-width: 140px;
  margin-right: 15px;
  padding: 2px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #ffffff solid;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
#header .header_inner .links a:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #007db3;
  border-color: #007db3;
  opacity: 1;
}
#header .header_inner .btns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  max-width: 50px;
}
@media (min-width: 960px) {
  #header .header_inner .btns {
    display: none;
  }
}
#header .header_inner .h-100p {
  height: 100%;
}
#header .anchors {
  background: rgba(255, 255, 255, 0.8);
  display: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  padding-left: 8px;
  padding-right: 8px;
  height: 60px;
}
@media (min-width: 960px) {
  #header .anchors {
    display: block;
    padding-left: 95px;
    padding-right: 30px;
  }
  #header .anchors .d-flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 60px;
  }
}
#header .anchors .anchors_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 960px) {
  #header .anchors .anchors_flex a {
    margin-right: 25px;
  }
  #header .anchors .anchors_flex a:last-of-type {
    margin-right: 0;
  }
}
#header .anchors a {
  font-size: 1.3rem;
  color: #000000;
  line-height: 1.4;
  padding-left: 20px;
  background: url(../img/common/arrow02.svg) no-repeat left center;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
@media (min-width: 960px) {
  #header .anchors a {
    font-size: 1.5rem;
  }
}
#header .anchors a:hover {
  color: #007db3;
  opacity: 1;
}
#header .anchors a small {
  font-size: 1.1rem;
}
@media (min-width: 960px) {
  #header .anchors a small {
    font-size: 1.1rem;
  }
}
#header .anchors a strong {
  font-size: 1.5rem;
}
@media (min-width: 960px) {
  #header .anchors a strong {
    font-size: 1.5rem;
  }
}
@media (min-width: 960px) {
  #header .anchors.type02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
#header .links {
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 310px;
          flex: 0 0 310px;
  width: 310px;
}
@media (min-width: 960px) {
  #header .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
#header .links a {
  background: none;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 140px;
          flex: 0 0 140px;
  max-width: 140px;
  margin-right: 15px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #ffffff solid;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
#header .links a:last-of-type {
  margin-right: 0;
}
#header .links a:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #007db3;
  border-color: #007db3;
  opacity: 1;
}
#header .links a {
  color: #1e2d39;
  border-color: #1e2d39;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#header .links a:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #007db3;
  border-color: #007db3;
  opacity: 1;
}
#header .links.nottop a {
  color: #007db3;
  border-color: #007db3;
}
#header .links.nottop a:hover {
  color: #007db3;
  border-color: #007db3;
}
#header.header_bg .header_inner .anchors a {
  color: #1e2d39;
  background: url(../img/common/arrow02.svg) no-repeat left center;
  text-shadow: none;
}
#header.header_bg .header_inner .anchors a:hover {
  color: #007db3;
  opacity: 1;
}
#header.header_bg .header_inner .links a {
  color: #1e2d39;
  border-color: #1e2d39;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#header.header_bg .header_inner .links a:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #007db3;
  border-color: #007db3;
  opacity: 1;
}
#header.header_bg .header_inner .links.nottop a {
  color: #007db3;
  border-color: #007db3;
}
#header.header_bg .header_inner .links.nottop a:hover {
  color: #007db3;
  border-color: #007db3;
}
#header.header_bg02 .header_inner {
  background-color: #1e2d39;
}
#header.header_bg02 .header_inner .anchors a {
  color: #1e2d39;
  background: url(../img/common/arrow02.svg) no-repeat left center;
  text-shadow: none;
}
#header.header_bg02 .header_inner .anchors a:hover {
  color: #007db3;
  opacity: 1;
}
#header.header_bg02 .header_inner .links a {
  color: #1e2d39;
  border-color: #1e2d39;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header.header_bg02 .header_inner .links a:hover {
  color: #007db3;
  border-color: #007db3;
}
#header .menu_list_fund {
  display: none;
}
@media (min-width: 960px) {
  #header .menu_list_fund {
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    width: 180px;
    color: #ffffff;
  }
  #header .menu_list_fund li.nav_item a {
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 70px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border-left: 1px solid #ffffff;
  }
  #header .menu_list_fund li.nav_item a.is-active {
    background-color: rgba(30, 45, 57, 0.4);
  }
  #header .menu_list_fund li.nav_item a span {
    padding-right: 20px;
    background: url(../img/common/arrow05.png) no-repeat right center;
  }
  #header .menu_list_fund li .panel.js-dropdown-menu {
    display: none;
    position: absolute;
    top: 70px;
    right: 0;
    width: 100%;
    background-color: #1e2d39;
  }
  #header .menu_list_fund li .panel.js-dropdown-menu .panel_item a {
    width: 100%;
    height: 70px;
    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;
    line-height: 1.5;
    border-top: 1px solid #ffffff;
    border-left: none;
  }
  #header .menu_list_fund li .panel.js-dropdown-menu .panel_item a span {
    text-align: center;
    padding-right: 0;
    background: none;
  }
  #header .menu_list_fund li .panel.js-dropdown-menu .panel_item a span:hover {
    color: #04c3de;
  }
}
#header.open {
  left: -185px;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
  background-color: #ffffff;
}

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

nav#slider {
  background-color: #1e2d39;
  color: #ffffff;
  display: none;
}
@media (min-width: 640px) {
  nav#slider {
    display: block;
  }
}
nav#slider ul {
  padding: 0 15px;
}
nav#slider ul li {
  border-bottom: 1px solid #ffffff;
  padding: 15px 0;
}
nav#slider ul li a {
  display: block;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
}
nav#slider ul li a:hover {
  color: #007db3;
}
nav#slider .slide_menu_logo {
  position: absolute;
  bottom: 0;
  right: 0;
}
nav#slider .close_btn {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
}
nav#slider .close_btn:hover {
  cursor: pointer;
}
nav#slider .close_btn:before, nav#slider .close_btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 27px;
  background: #ffffff;
}
nav#slider .close_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
nav#slider .close_btn:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

/********** footerエリア **********/
#footer {
  font-size: 1.2rem;
  padding-bottom: 60px;
  background-color: #282728;
}
@media (min-width: 640px) {
  #footer {
    font-size: 1.4rem;
    padding-bottom: 0;
  }
}
#footer .footer-floor01 {
  background-color: #3b3b3b;
  color: #ffffff;
  padding: 20px 0;
}
@media (min-width: 640px) {
  #footer .footer-floor01 {
    padding: 30px 0 50px;
  }
}
#footer .footer-floor01 .row:first-of-type {
  position: relative;
}
#footer .footer-floor01 .row:first-of-type:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: #767676;
}
#footer .footer-floor01 .row:first-of-type .ogl-col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#footer .footer-floor01 .row:first-of-type .ogl-col:nth-of-type(1) {
  width: 100%;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 175px);
          flex: 0 0 calc(100% - 175px);
  max-width: calc(100% - 175px);
}
@media (min-width: 640px) {
  #footer .footer-floor01 .row:first-of-type .ogl-col:nth-of-type(1) {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 240px);
            flex: 0 0 calc(100% - 240px);
    max-width: calc(100% - 240px);
  }
}
#footer .footer-floor01 .row:first-of-type .ogl-col:nth-of-type(2) {
  width: 100%;
  margin-top: 0;
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 175px;
          flex: 0 0 175px;
  max-width: 175px;
}
@media (min-width: 640px) {
  #footer .footer-floor01 .row:first-of-type .ogl-col:nth-of-type(2) {
    margin-top: 0;
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
            flex: 0 0 240px;
    max-width: 240px;
  }
}
#footer .footer-floor01 .row:first-of-type .ogl-col:nth-of-type(2) > ul {
  letter-spacing: -0.5em;
  text-align: left;
}
#footer .footer-floor01 .row:first-of-type .ogl-col:nth-of-type(2) > ul li {
  letter-spacing: normal;
  display: inline-block;
  margin-right: 1em;
}
#footer .footer-floor01 .row:first-of-type .ogl-col:nth-of-type(2) > ul li:last-of-type {
  margin-right: 0;
}
@media (min-width: 640px) {
  #footer .footer-floor01 .row:first-of-type .ogl-col:nth-of-type(2) > ul li {
    margin-right: 0;
    display: block;
  }
}
#footer .footer-floor01 .row:first-of-type .ogl-col .cli_settings_button {
  color: #ffffff !important;
  background-color: transparent !important;
}
#footer .footer-floor01 a {
  text-decoration: underline;
}
#footer .footer-floor01 a:hover {
  opacity: 1;
  text-decoration: none;
}
#footer .footer-floor02 {
  color: #ffffff;
  background-color: #282728;
  padding: 15px 0;
}
@media (min-width: 640px) {
  #footer .footer-floor02 {
    padding: 20px 0;
  }
}
#footer .f_list01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#footer .f_list01 dt {
  white-space: nowrap;
}
#footer .f_list01 dd {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 0.5em;
}
#footer .fTxt01 {
  font-weight: 700;
  padding-bottom: 1em;
}
#footer .copyright {
  display: block;
  text-align: center;
  font-size: 1rem;
  margin-top: 15px;
}
@media (min-width: 640px) {
  #footer .copyright {
    margin-top: 20px;
    font-size: 1.2rem;
  }
}

.fix_btn_bg {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: rgba(240, 240, 239, 0.8);
  padding-bottom: 10px;
  z-index: 20;
}
@media (min-width: 960px) {
  .fix_btn_bg {
    background-color: transparent;
    width: 54px;
    height: auto;
    bottom: auto;
    padding-bottom: 0;
  }
}

.fixedBtn {
  position: absolute;
  width: 50%;
  height: auto;
  padding: 0 15px;
  bottom: 10px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 50;
  font-size: 1.3rem;
  font-weight: 700;
}
@media (min-width: 640px) {
  .fixedBtn {
    padding: 0 15px;
    font-size: 2rem;
  }
}
@media (min-width: 960px) {
  .fixedBtn {
    position: fixed;
    border-radius: 5px 0 0 5px;
    display: block;
    height: auto;
    padding: 0;
    width: 54px;
    height: 220px;
    bottom: auto;
    right: 0;
    font-size: 2.2rem;
    top: 412px;
  }
}
.fixedBtn .btnInner {
  display: block;
  text-align: center;
  background-color: #be7e1e;
  color: #ffffff;
  border-radius: 5px;
  width: 100%;
  padding: 12px 0;
}
@media (min-width: 640px) {
  .fixedBtn .btnInner {
    padding: 10px 0;
  }
}
@media (min-width: 960px) {
  .fixedBtn .btnInner {
    padding: 62px 15px;
    border-radius: 5px 0 0 5px;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}
.fixedBtn.btn01 {
  width: 50%;
  left: 0;
  right: auto;
}
@media (min-width: 960px) {
  .fixedBtn.btn01 {
    top: 160px;
    width: 54px;
    right: 0;
    left: auto;
  }
}
.fixedBtn.btn01 .btnInner {
  background-color: #007db3;
}
@media (min-width: 960px) {
  .fixedBtn.btn01 .btnInner {
    padding: 40px 15px;
  }
}
.fixedBtn.front {
  margin-bottom: 60px;
}
@media (min-width: 960px) {
  .fixedBtn.front {
    margin-bottom: 0;
  }
}

#pagetop {
  display: block;
  position: fixed;
  width: 40px;
  bottom: 100px;
  right: 15px;
  z-index: 50;
}

#footer_renew2023 .footer_upper {
  background-color: rgb(12, 42, 77);
  color: #ffffff;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}
#footer_renew2023 .footer_upper .trademark {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  letter-spacing: 0.24em;
  font-size: 0.7rem;
  line-height: 1.42;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .trademark {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
#footer_renew2023 .footer_upper .trademark sup {
  top: -0.5em;
  font-size: 100%;
}
#footer_renew2023 .footer_upper .keyline {
  padding: 0;
  margin: 0;
  border: none;
  border-top: 2px rgb(0, 207, 236) solid;
  width: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .keyline {
    width: 24px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
#footer_renew2023 .footer_upper .mission {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.42;
  padding-bottom: 25px;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .mission {
    font-size: 3.2rem;
    line-height: 1.375;
    padding-bottom: 50px;
  }
}
#footer_renew2023 .footer_upper .footerLinks {
  font-size: 1.2rem;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .footerLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 1.6rem;
    line-height: normal;
  }
}
#footer_renew2023 .footer_upper .footerLinks > * {
  border-top: 1px rgb(6, 25, 55) solid;
  padding-top: 25px;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .footerLinks > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-top: 50px;
  }
}
#footer_renew2023 .footer_upper .footerLinks > * li {
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .footerLinks > * li {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
#footer_renew2023 .footer_upper .footerLinks > * li a {
  background-color: transparent !important;
  color: rgb(128, 200, 255) !important;
}
#footer_renew2023 .footer_upper .footerLinks > * li a:link, #footer_renew2023 .footer_upper .footerLinks > * li a:hover, #footer_renew2023 .footer_upper .footerLinks > * li a:active, #footer_renew2023 .footer_upper .footerLinks > * li a:focus {
  color: rgb(128, 200, 255) !important;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .footerLinks > * li a:hover {
    text-decoration: underline !important;
    opacity: 1 !important;
  }
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .footerLinks > *:nth-of-type(1) li {
    padding-right: 12px;
  }
}
#footer_renew2023 .footer_upper .footerLinks > *:nth-of-type(2) {
  margin-top: 25px;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .footerLinks > *:nth-of-type(2) {
    margin-top: 0;
  }
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_upper .footerLinks > *:nth-of-type(2) li {
    padding-left: 12px;
  }
}
#footer_renew2023 .footer_lower {
  background-color: rgb(6, 25, 55);
  color: #ffffff;
  padding-top: 32px;
  padding-bottom: 107px;
  font-size: 1.2rem;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_lower {
    padding-top: 88px;
    padding-bottom: 88px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
#footer_renew2023 .footer_lower .f_list01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#footer_renew2023 .footer_lower .f_list01 dt {
  white-space: nowrap;
}
#footer_renew2023 .footer_lower .f_list01 dd {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 0.5em;
}
#footer_renew2023 .footer_lower .copyright {
  display: block;
  text-align: left;
  margin-top: 10px;
}
@media (min-width: 640px) {
  #footer_renew2023 .footer_lower .copyright {
    margin-top: 20px;
  }
}

#mainVisual.top {
  color: #ffffff;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
#mainVisual.top.over #mv_video .vjs-tech {
  height: auto;
  width: 100%;
}
@media (min-width: 960px) {
  #mainVisual.top {
    background: url(../img/top/mv_anim_pc_01.jpg) no-repeat center center/cover;
  }
  #mainVisual.top .pc_upper_bg {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../img/top/mv_pc_02.png) no-repeat center center/cover;
    z-index: 2;
  }
  #mainVisual.top .pc_anim_bg {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
  }
  #mainVisual.top .pc_anim_bg.type01 {
    background: url(../img/top/mv_anim_pc_02.jpg) no-repeat center center/cover;
    z-index: 2;
  }
  #mainVisual.top .pc_anim_bg.type02 {
    background: url(../img/top/mv_anim_pc_03.jpg) no-repeat center center/cover;
    z-index: 3;
  }
  #mainVisual.top .pc_anim_bg.type03 {
    background: url(../img/top/mv_anim_pc_04.jpg) no-repeat center center/cover;
    z-index: 4;
  }
  #mainVisual.top .pc_anim_bg.am_start.type01 {
    -webkit-animation: mainbg-img 2s linear 0s forwards;
            animation: mainbg-img 2s linear 0s forwards;
  }
  #mainVisual.top .pc_anim_bg.am_start.type02 {
    -webkit-animation: mainbg-img 2s linear 2s forwards;
            animation: mainbg-img 2s linear 2s forwards;
  }
  #mainVisual.top .pc_anim_bg.am_start.type03 {
    -webkit-animation: mainbg-img 2s linear 4s forwards;
            animation: mainbg-img 2s linear 4s forwards;
  }
}
#mainVisual.top .introductionMovie {
  margin-top: 35px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 640px) {
  #mainVisual.top .introductionMovie {
    position: absolute;
    width: 200px;
    bottom: 35%;
    right: 15px;
    margin: 0;
  }
}
@media (min-width: 960px) {
  #mainVisual.top .introductionMovie {
    right: 60px;
    bottom: 16%;
  }
}
#mainVisual.top a {
  text-decoration: underline;
}
#mainVisual.top a:hover {
  opacity: 1;
  text-decoration: none;
}
#mainVisual.top .stripe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 1px, rgba(0, 0, 0, 0.8) 2px);
}
#mainVisual.top .mv_text {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
@media (min-width: 640px) {
  #mainVisual.top .mv_text {
    top: 70px;
  }
}
#mainVisual.top .mv_txt.mv_container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 960px) {
  #mainVisual.top .mv_txt.mv_container {
    max-width: 1280px;
    position: relative;
    z-index: 10;
  }
}
#mainVisual.top .mv_bg {
  position: relative;
  width: 100%;
  background: url(../img/top/mv_sp_01.png) no-repeat 0 0/cover;
  padding-bottom: 25px;
}
@media (min-width: 960px) {
  #mainVisual.top .mv_bg {
    display: none;
  }
}
#mainVisual.top .mv_bg img {
  opacity: 1;
}
@media (min-width: 640px) {
  #mainVisual.top .mv_bg img {
    width: 100%;
    max-width: none;
  }
}
@media (min-width: 960px) {
  #mainVisual .pc_upper_bg {
    -webkit-animation: bg-img 10s infinite;
            animation: bg-img 10s infinite;
    opacity: 0;
  }
}
#mainVisual .ic_scroll {
  display: none;
}
@media (min-width: 960px) {
  #mainVisual .ic_scroll {
    display: block;
    text-align: center;
    margin-top: -40px;
    height: 40px;
    position: relative;
    pointer-events: none;
  }
  #mainVisual .ic_scroll:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1px;
    height: 0px;
    background: #ffffff;
    -webkit-animation: pathmove 2s ease-in-out infinite;
            animation: pathmove 2s ease-in-out infinite;
  }
}
#mainVisual .ic_scroll span {
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#mainVisual .ic_scroll span img {
  vertical-align: top;
}
#mainVisual .mv_txt .text_link {
  padding: 0 15px;
}
@media (min-width: 640px) {
  #mainVisual .mv_txt .text_link {
    width: 100%;
    max-width: 1325px;
    padding: 0 60px;
  }
}
#mainVisual.about {
  position: relative;
  overflow: hidden;
  height: 630px;
}
@media (min-width: 640px) {
  #mainVisual.about {
    height: 650px;
  }
}
@media (min-width: 960px) {
  #mainVisual.about {
    padding-top: 0;
    height: 580px;
  }
}
#mainVisual.about .videoControler {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
#mainVisual.about #mv_video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
}
#mainVisual.about #mv_video .vjs-tech {
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(0) translateX(-50%);
          transform: translateY(0) translateX(-50%);
  opacity: 0;
  width: auto;
  height: 100%;
  z-index: 8;
}
@media (min-width: 960px) {
  #mainVisual.about #mv_video .vjs-tech {
    width: 100%;
    height: auto;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
}
#mainVisual.about a.about_mv_link {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  bottom: 80px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 20;
}
@media (min-width: 640px) {
  #mainVisual.about a.about_mv_link {
    left: auto;
    right: 80px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
  }
}
#mainVisual.report {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/report/bg_mv_sm.jpg);
}
@media (min-width: 640px) {
  #mainVisual.report {
    background-image: url(../img/report/bg_mv_md.jpg);
  }
}
#mainVisual.report .mv_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 240px;
}
@media (min-width: 640px) {
  #mainVisual.report .mv_ttl {
    height: 370px;
  }
}
#mainVisual .videoControler {
  position: relative;
  padding: 30px 0;
}
@media (min-width: 640px) {
  #mainVisual .videoControler {
    margin-top: 70px;
  }
}
#mainVisual .videoControler #video-btn {
  display: block;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/top/pause.svg);
  cursor: pointer;
}
#mainVisual .videoControler #video-btn.current {
  background-image: url(../img/top/start.svg);
}

body.loaded #mainVisual.top #mv_video .vjs-tech, body.loaded #mainVisual.about #mv_video .vjs-tech {
  opacity: 1;
}
body.loaded #mainVisual.top .mv_text {
  opacity: 1;
}

@-webkit-keyframes bg-img {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes bg-img {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@-webkit-keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    bottom: auto;
  }
  40% {
    height: 40px;
    top: 0;
    bottom: auto;
  }
  50% {
    height: 40px;
    top: auto;
    bottom: 0;
  }
  90% {
    height: 0;
    top: auto;
    bottom: 0;
  }
  100% {
    height: 0;
    top: 0;
    bottom: auto;
  }
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    bottom: auto;
  }
  40% {
    height: 40px;
    top: 0;
    bottom: auto;
  }
  50% {
    height: 40px;
    top: auto;
    bottom: 0;
  }
  90% {
    height: 0;
    top: auto;
    bottom: 0;
  }
  100% {
    height: 0;
    top: 0;
    bottom: auto;
  }
}
@-webkit-keyframes mainbg-img {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mainbg-img {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modal {
  padding-right: 0 !important;
}

.modal-dialog .modal-header .close, .modal-dialog .modal-footer .close {
  position: absolute;
  top: -50px;
  right: 0;
  left: auto;
}
.modal-dialog .modal-body {
  background: transparent;
}
.modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.modal-dialog .modal-content .modal-header {
  padding-top: 25px;
}
@media (min-width: 960px) {
  .modal-dialog .modal-content .modal-header {
    padding-top: 50px;
  }
}
.modal-dialog .modal-content hr {
  border-color: #05c3de;
  margin-top: 15px;
  margin-bottom: 15px;
  border-style: solid;
}
@media (min-width: 960px) {
  .modal-dialog .modal-content hr {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.modal-dialog .modal-content i.fas {
  top: -0.8em;
  position: relative;
  font-size: 0.6em;
}
.modal-dialog .modal-content i.fas.fa-quote-left {
  padding-right: 0.3em;
}
.modal-dialog .modal-content i.fas.fa-quote-right {
  padding-left: 0.3em;
  display: none;
}
.modal-dialog .modal-content .white_box {
  background-color: #ebeae9;
  padding: 15px 15px;
  -webkit-box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  border-left: 4px solid #05c3de;
}
@media (min-width: 960px) {
  .modal-dialog .modal-content .white_box {
    padding: 25px 40px;
    margin-top: 25px;
  }
}
.modal-dialog .modal-content .whiteBoad {
  padding: 15px;
  background-color: #ffffff;
}
@media (min-width: 640px) {
  .modal-dialog .modal-content .whiteBoad.type02 {
    padding: 30px;
  }
}
.modal-dialog .modal-content ul.list-disc {
  list-style: disc;
  margin-left: 1.5em;
}
.modal-dialog .modal-header,
.modal-dialog .modal-footer {
  border-top: none;
  border-bottom: none;
  padding: 0;
  display: block;
  position: relative;
}
.modal-dialog .modal-header .close,
.modal-dialog .modal-footer .close {
  display: block;
  color: #ffffff;
  font-size: 5rem;
  padding: 0;
  margin: 0;
  margin-left: auto;
  line-height: 1;
  cursor: pointer;
}
.modal-dialog .modal-body {
  background-color: #ffffff;
  padding: 0;
}
.modal-dialog .modal-backdrop.show {
  opacity: 0.85;
}
.modal-dialog .modal-p-type01 {
  padding: 0 15px 0 15px;
}
@media (min-width: 640px) {
  .modal-dialog .modal-p-type01 {
    padding: 0 25px 0 10px;
  }
}
@media (min-width: 960px) {
  .modal-dialog .modal-p-type01 {
    padding: 0 50px 0 20px;
  }
}
.modal-dialog .modal-p-type02 {
  padding: 0 15px;
}
@media (min-width: 640px) {
  .modal-dialog .modal-p-type02 {
    padding: 0 25px;
  }
}
@media (min-width: 960px) {
  .modal-dialog .modal-p-type02 {
    padding: 0 50px;
  }
}

#modalType01.show,
#modalType02.show,
#modalType09.show {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#modalType10 .modal-dialog {
  max-width: 1070px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 50px auto;
  background: #efeeec;
  width: 85%;
}
@media (min-width: 640px) {
  #modalType10 .modal-dialog {
    padding-left: 50px;
    padding-right: 50px;
    background-color: #efeeec;
    background: url(../img/top/modal_bg02.png) no-repeat left 290px, url(../img/top/modal_bg03.png) no-repeat right bottom, #efeeec;
    max-width: 1040px;
  }
}
#modalType10 .modal-body {
  background-color: transparent;
  padding-bottom: 25px;
}
@media (min-width: 960px) {
  #modalType10 .modal-body {
    padding-bottom: 50px;
  }
}
#modalType10 .modal-header .close, #modalType10 .modal-footer .close {
  right: -20px;
}
@media (min-width: 960px) {
  #modalType10 .modal-header .close, #modalType10 .modal-footer .close {
    right: -50px;
  }
}
#modalType10 .modal-footer .close {
  top: auto;
  bottom: -50px;
}
#modalType10 .note_kome span {
  display: inline-block;
  white-space: nowrap;
}

.modalButton:hover {
  cursor: pointer;
}

#modalType01 .modal-dialog,
#modalType02 .modal-dialog,
#modalType03 .modal-dialog,
#modalType05 .modal-dialog,
#modalType06 .modal-dialog,
#modalType07 .modal-dialog,
#modalType08 .modal-dialog,
#modalType09 .modal-dialog {
  max-width: 1070px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 50px auto;
  background: #efeeec;
  width: 85%;
}
@media (min-width: 640px) {
  #modalType01 .modal-dialog,
  #modalType02 .modal-dialog,
  #modalType03 .modal-dialog,
  #modalType05 .modal-dialog,
  #modalType06 .modal-dialog,
  #modalType07 .modal-dialog,
  #modalType08 .modal-dialog,
  #modalType09 .modal-dialog {
    padding-left: 50px;
    padding-right: 50px;
    background: url(../img/top/modal_bg02.png) no-repeat left center, #efeeec;
    max-width: 1040px;
  }
}
#modalType01 .modal-body,
#modalType02 .modal-body,
#modalType03 .modal-body,
#modalType05 .modal-body,
#modalType06 .modal-body,
#modalType07 .modal-body,
#modalType08 .modal-body,
#modalType09 .modal-body {
  background-color: transparent;
  padding-bottom: 25px;
}
@media (min-width: 960px) {
  #modalType01 .modal-body,
  #modalType02 .modal-body,
  #modalType03 .modal-body,
  #modalType05 .modal-body,
  #modalType06 .modal-body,
  #modalType07 .modal-body,
  #modalType08 .modal-body,
  #modalType09 .modal-body {
    padding-bottom: 50px;
  }
}
#modalType01 .modal-header .close, #modalType01 .modal-footer .close,
#modalType02 .modal-header .close,
#modalType02 .modal-footer .close,
#modalType03 .modal-header .close,
#modalType03 .modal-footer .close,
#modalType05 .modal-header .close,
#modalType05 .modal-footer .close,
#modalType06 .modal-header .close,
#modalType06 .modal-footer .close,
#modalType07 .modal-header .close,
#modalType07 .modal-footer .close,
#modalType08 .modal-header .close,
#modalType08 .modal-footer .close,
#modalType09 .modal-header .close,
#modalType09 .modal-footer .close {
  right: -20px;
}
@media (min-width: 960px) {
  #modalType01 .modal-header .close, #modalType01 .modal-footer .close,
  #modalType02 .modal-header .close,
  #modalType02 .modal-footer .close,
  #modalType03 .modal-header .close,
  #modalType03 .modal-footer .close,
  #modalType05 .modal-header .close,
  #modalType05 .modal-footer .close,
  #modalType06 .modal-header .close,
  #modalType06 .modal-footer .close,
  #modalType07 .modal-header .close,
  #modalType07 .modal-footer .close,
  #modalType08 .modal-header .close,
  #modalType08 .modal-footer .close,
  #modalType09 .modal-header .close,
  #modalType09 .modal-footer .close {
    right: -50px;
  }
}
#modalType01 .modal-footer .close,
#modalType02 .modal-footer .close,
#modalType03 .modal-footer .close,
#modalType05 .modal-footer .close,
#modalType06 .modal-footer .close,
#modalType07 .modal-footer .close,
#modalType08 .modal-footer .close,
#modalType09 .modal-footer .close {
  top: auto;
  bottom: -50px;
}
#modalType01 .note_kome span,
#modalType02 .note_kome span,
#modalType03 .note_kome span,
#modalType05 .note_kome span,
#modalType06 .note_kome span,
#modalType07 .note_kome span,
#modalType08 .note_kome span,
#modalType09 .note_kome span {
  display: inline-block;
  white-space: nowrap;
}

#modalType03 .modal-dialog,
#modalType05 .modal-dialog,
#modalType06 .modal-dialog,
#modalType07 .modal-dialog,
#modalType08 .modal-dialog,
#modalType09 .modal-dialog {
  max-width: 1070px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 50px auto;
  background: #efeeec;
  width: 85%;
}
@media (min-width: 640px) {
  #modalType03 .modal-dialog,
  #modalType05 .modal-dialog,
  #modalType06 .modal-dialog,
  #modalType07 .modal-dialog,
  #modalType08 .modal-dialog,
  #modalType09 .modal-dialog {
    padding-left: 50px;
    padding-right: 50px;
    background: url(../img/top/modal_bg02.png) no-repeat left center, #efeeec;
    max-width: 1040px;
  }
}
#modalType03 img.w-100p,
#modalType05 img.w-100p,
#modalType06 img.w-100p,
#modalType07 img.w-100p,
#modalType08 img.w-100p,
#modalType09 img.w-100p {
  width: 100%;
  max-width: none;
}
@media (min-width: 640px) {
  #modalType03 img.w-100p,
  #modalType05 img.w-100p,
  #modalType06 img.w-100p,
  #modalType07 img.w-100p,
  #modalType08 img.w-100p,
  #modalType09 img.w-100p {
    max-width: 100%;
  }
}

#modalType04 video {
  max-width: 100%;
}
#modalType04 .modal-dialog {
  max-width: 960px;
  background-color: transparent;
  padding: 0;
}
#modalType04 .modal-dialog .modal-content {
  padding: 0;
}
#modalType04 .modal-dialog .modal-content .modal-header {
  padding: 0;
}
#modalType04 .modal-footer .close {
  top: auto;
  bottom: -50px;
}

.historyUp .modal-dialog-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.historyUp .modal-dialog {
  width: auto;
  max-width: 90%;
  background-color: transparent;
}
.historyUp .modal-dialog .modal-content {
  width: auto;
}
.historyUp .modal-dialog .modal-body {
  background-color: #ffffff;
  text-align: center;
  padding: 30px;
}
.historyUp .modal-dialog .modal-header .close {
  top: -25px;
}
.historyUp .modal-dialog .modal-footer {
  padding-top: 100px;
}
.historyUp .modal-dialog .modal-footer .close {
  display: none;
}

.expansionUp .modal-dialog-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.expansionUp .modal-dialog {
  width: auto;
  max-width: 90%;
  background-color: transparent;
  margin: 25px auto;
}
.expansionUp .modal-dialog .modal-content {
  width: auto;
}
.expansionUp .modal-dialog .modal-body {
  overflow: auto;
}
.expansionUp .modal-dialog .modal-body img {
  width: auto;
  max-width: none;
  max-width: inherit;
}
.expansionUp .modal-header .close {
  top: -25px;
}
.expansionUp .modal-footer .close {
  top: auto;
  bottom: -50px;
}

#main_top .mCSB_scrollTools {
  opacity: 1;
}
#main_top .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  position: relative;
  padding-top: 100px;
  background-color: #ffffff;
}
#main_top .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0;
}
#main_top .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 0 auto;
}
#main_top .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 0;
  background-color: #007db3;
}
#main_top .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 70px;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#main_top .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  top: 7px;
}
#main_top .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  margin: 12px 0;
  height: 4px;
}
#main_top .mCSB_scrollTools .mCSB_draggerRail {
  background-color: #cecece;
}
#main_top .mCSB_scrollTools .mCSB_buttonLeft,
#main_top .mCSB_scrollTools .mCSB_buttonRight {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  opacity: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#main_top .mCSB_scrollTools .mCSB_buttonLeft {
  background-image: url(../img/common/scroll_left.png);
  margin-left: 30px;
}
#main_top .mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(../img/common/scroll_right.png);
  margin-right: 30px;
}

@-webkit-keyframes swing {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes swing {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.scrollAction .leftShow {
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  display: block;
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
.scrollAction.active .leftShow {
  -webkit-animation: leftSlide 0.5s ease forwards;
          animation: leftSlide 0.5s ease forwards;
}

@-webkit-keyframes leftSlide {
  0% {
    right: 100%;
  }
  100% {
    right: 0;
  }
}

@keyframes leftSlide {
  0% {
    right: 100%;
  }
  100% {
    right: 0;
  }
}
/* video上部に表示されるvideo情報 */
.vjs-dock-text {
  display: none !important;
}

/* 再生ボタン */
.bc-player-default_default.default_pv {
  width: auto;
  height: auto;
}
.bc-player-default_default.default_pv .vjs-tech {
  position: static;
  width: 100%;
  height: auto;
}

.bc-player-default_default .vjs-big-play-button {
  background: url(../img/common/play-default.png) no-repeat center/contain;
}
.bc-player-default_default .vjs-big-play-button:before {
  content: none;
}
.bc-player-default_default:hover .vjs-big-play-button {
  background-image: url(../img/common/play-hover.png);
}

#main_top #navArea .dif {
  position: relative;
  color: #ffffff;
  padding: 30px 0;
}
@media (min-width: 960px) {
  #main_top #navArea .dif {
    position: absolute;
    padding: 20px 60px;
    left: 0;
    right: 0;
    height: 100%;
  }
}
#main_top #navArea .dif:before {
  position: absolute;
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  left: -15px;
  right: -15px;
  top: 0;
  background-color: #002f48;
}
@media (min-width: 960px) {
  #main_top #navArea .dif:before {
    width: auto;
    left: 0;
    right: 0;
    -webkit-box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
  }
}
#main_top #navArea .dif > * {
  position: relative;
}
#main_top #navArea .dif .integer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-all;
  width: 100%;
}
@media (min-width: 640px) {
  #main_top #navArea .dif .integer {
    margin-right: 2em;
    width: auto;
  }
}
@media (min-width: 960px) {
  #main_top #navArea .dif .integer {
    margin-right: 0;
  }
}
#main_top #navArea .dif .integer .ttl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 700;
  margin-right: 0.2em;
}
@media (min-width: 960px) {
  #main_top #navArea .dif .integer .ttl {
    font-size: 2.8rem;
  }
}
#main_top #navArea .dif .integer .val {
  font-weight: 900;
  font-size: 3.6rem;
  line-height: 1;
}
@media (min-width: 960px) {
  #main_top #navArea .dif .integer .val {
    font-size: 5.4rem;
  }
}
#main_top #navArea .dif .integer .val strong {
  color: #05c3de;
  font-weight: 900;
  font-size: 7.5rem;
}
@media (min-width: 960px) {
  #main_top #navArea .dif .integer .val strong {
    font-size: 9.2rem;
  }
}
#main_top #navArea .anchorBox {
  width: 100%;
  display: block;
  padding: 25px 0;
}
@media (min-width: 960px) {
  #main_top #navArea .anchorBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0;
  }
}
#main_top #navArea .anchorBox .container > * {
  display: block;
}
#main_top #navArea .anchorBox .container > * a {
  display: block;
  border: 2px solid #ffffff;
}
@media (min-width: 960px) {
  #main_top #navArea .anchorBox .container > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    max-width: 30%;
    position: relative;
  }
  #main_top #navArea .anchorBox .container > * a .d-lg-block_off {
    display: block !important;
  }
  #main_top #navArea .anchorBox .container > * a .d-lg-block_on {
    display: none !important;
  }
  #main_top #navArea .anchorBox .container > * a:hover .d-lg-block_off {
    display: none !important;
  }
  #main_top #navArea .anchorBox .container > * a:hover .d-lg-block_on {
    display: block !important;
  }
}

#main_top #reasonLongterm {
  background-color: #002f48;
  padding: 60px 0;
  color: #ffffff;
}
@media (min-width: 640px) {
  #main_top #reasonLongterm {
    padding: 120px 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/top/bg_long_md.png);
  }
}
#main_top #reasonLongterm .scroll {
  position: relative;
}
#main_top #reasonLongterm .scroll .scrollSuggestion {
  display: block;
  width: 70px;
  position: absolute;
  bottom: 15px;
  left: 70px;
  z-index: 2;
  -webkit-animation: swing 2s ease-in-out 0s infinite alternate;
          animation: swing 2s ease-in-out 0s infinite alternate;
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease;
  pointer-events: none;
}
#main_top #reasonLongterm .scroll .scrollSuggestion:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/common/scroll_suggestion.png);
}
#main_top #reasonLongterm .scroll .scrollInner {
  width: 1418px;
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 960px) {
  #main_top #reasonLongterm .scroll .scrollInner {
    width: 2836px;
  }
}
#main_top #reasonLongterm .scroll .scrollInner .leftExtend {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  -webkit-transition: 2s all ease 1s;
  transition: 2s all ease 1s;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
#main_top #reasonLongterm .scroll .scrollInner .leftExtend.type01 {
  background-image: url(../img/top/history-01.svg);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#main_top #reasonLongterm .scroll .scrollInner .topMove:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  opacity: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type02:before {
  background-image: url(../img/top/history-02.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type03:before {
  background-image: url(../img/top/history-03.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type04:before {
  background-image: url(../img/top/history-04.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type05:before {
  background-image: url(../img/top/history-05.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type06:before {
  background-image: url(../img/top/history-06.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type07:before {
  background-image: url(../img/top/history-07.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type08:before {
  background-image: url(../img/top/history-08.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type09:before {
  background-image: url(../img/top/history-09.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type10:before {
  background-image: url(../img/top/history-10.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type11:before {
  background-image: url(../img/top/history-11.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type12:before {
  background-image: url(../img/top/history-12.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type13:before {
  background-image: url(../img/top/history-13.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type14:before {
  background-image: url(../img/top/history-14.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type15:before {
  background-image: url(../img/top/history-15.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type16:before {
  background-image: url(../img/top/history-16.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type17:before {
  background-image: url(../img/top/history-17.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type18:before {
  background-image: url(../img/top/history-18.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type19:before {
  background-image: url(../img/top/history-19.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type20:before {
  background-image: url(../img/top/history-20.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type21:before {
  background-image: url(../img/top/history-21.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type22:before {
  background-image: url(../img/top/history-22.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type23:before {
  background-image: url(../img/top/history-23.png);
}
#main_top #reasonLongterm .scroll .scrollInner .topMove.type24:before {
  background-image: url(../img/top/history-24.png);
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn {
  display: block;
  position: absolute;
  width: 4.86%;
  background-color: transparent;
}
@media (min-width: 960px) {
  #main_top #reasonLongterm .scroll .scrollInner .modalBtn {
    display: none;
  }
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 117.73%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type01 {
  top: 38%;
  left: 4.3%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type02 {
  top: 37%;
  left: 10%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type03 {
  top: 33%;
  left: 16%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type04 {
  top: 31%;
  left: 21.4%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type05 {
  top: 25%;
  left: 26.7%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type06 {
  top: 25%;
  left: 31.8%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type07 {
  top: 21%;
  left: 37%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type08 {
  top: 17%;
  left: 42.1%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type09 {
  top: 12%;
  left: 47.3%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type10 {
  top: 9%;
  left: 54%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type11 {
  top: 57%;
  left: 57.2%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type12 {
  top: 10%;
  left: 61%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type13 {
  top: 52%;
  left: 67%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type14 {
  top: 5%;
  left: 68.2%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type15 {
  top: 0%;
  left: 73.4%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type16 {
  top: 50%;
  left: 77.4%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type17 {
  top: 1%;
  left: 79.4%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type18 {
  top: 46%;
  left: 82.6%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type19 {
  top: 15%;
  left: 88.3%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type20 {
  top: 57%;
  left: 89%;
}
#main_top #reasonLongterm .scroll .scrollInner .modalBtn.type21 {
  top: 52%;
  left: 94.6%;
}
#main_top #reasonLongterm .scroll.start .scrollSuggestion {
  opacity: 0;
}
#main_top #reasonLongterm .graph_line {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-property: right;
  transition-property: right;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/top/history_line.png);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#main_top #reasonLongterm .modalButtons {
  width: 100%;
}
@media (min-width: 960px) {
  #main_top #reasonLongterm .modalButtons {
    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;
  }
}
#main_top #reasonLongterm .modalButtons > *:nth-of-type(1) .modalButton {
  background-image: url(../img/top/btn_modal01.png);
  background-position: left top;
}
#main_top #reasonLongterm .modalButtons > *:nth-of-type(2) .modalButton {
  background-image: url(../img/top/btn_modal02.png);
  border-bottom: 2px #4d6e7f solid;
}
@media (min-width: 960px) {
  #main_top #reasonLongterm .modalButtons > *:nth-of-type(2) .modalButton {
    border-right: 2px #4d6e7f solid;
  }
}
#main_top #reasonLongterm .modalButtons > *:nth-of-type(3) .modalButton {
  background-image: url(../img/top/btn_modal03.png);
}
#main_top #reasonLongterm .modalButtons > *:nth-of-type(4) .modalButton {
  background-image: url(../img/top/btn_modal04.png);
  border-bottom: 2px #4d6e7f solid;
}
@media (min-width: 960px) {
  #main_top #reasonLongterm .modalButtons > *:nth-of-type(4) .modalButton {
    border-right: 2px #4d6e7f solid;
  }
}
@media (min-width: 960px) {
  #main_top #reasonLongterm .modalButtons > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 20px);
            flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}
#main_top #reasonLongterm .modalButtons .modalButton {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 2px #4d6e7f solid;
  border-left: 2px #4d6e7f solid;
  border-right: 2px #4d6e7f solid;
  border-bottom: 2px #4d6e7f solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
@media (min-width: 960px) {
  #main_top #reasonLongterm .modalButtons .modalButton:hover {
    opacity: 1;
  }
  #main_top #reasonLongterm .modalButtons .modalButton:hover:after {
    background-color: rgba(0, 0, 0, 0);
  }
}
#main_top #reasonLongterm .modalButtons .modalButton:after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 45.61403%;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
@media (min-width: 960px) {
  #main_top #reasonLongterm .modalButtons .modalButton:after {
    padding-top: 45.61403%;
  }
}
#main_top #reasonLongterm .modalButtons .modalButton .txt {
  position: absolute;
  width: 100%;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: 700;
  z-index: 2;
}
@media (min-width: 640px) {
  #main_top #reasonLongterm .modalButtons .modalButton .txt {
    font-size: 3rem;
  }
}
#main_top #reasonLongterm a {
  text-decoration: underline;
}
#main_top #reasonLongterm a:hover {
  opacity: 1;
  text-decoration: none;
}
#main_top #reasonLongterm .whiteBoard {
  background-color: #f4f5f6;
  padding: 15px;
  color: #3b4b59;
}
@media (min-width: 960px) {
  #main_top #reasonLongterm .whiteBoard {
    padding: 30px;
  }
}
#main_top #reasonLongterm hr {
  border-color: #05c3de;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
}
#main_top #reasonLongterm .bg_graph01 {
  background-image: url(../img/top/graph01_01.png);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

body.loaded #main_top #reasonLongterm .scroll .scrollInner.active .leftExtend {
  right: 0;
}
body.loaded #main_top #reasonLongterm .scroll .scrollInner.active .topMove.scrolled:before {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#main_top #reasonTrust {
  background-color: #002f48;
  padding: 60px 0;
  color: #3b4b59;
}
@media (min-width: 640px) {
  #main_top #reasonTrust {
    padding: 120px 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/top/bg_trust_md.png);
  }
}
#main_top #reasonTrust .fc-white {
  color: #ffffff;
}
#main_top #reasonTrust .s_ttl_line {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  line-height: 1.8;
}
#main_top #reasonTrust .s_ttl_line:before, #main_top #reasonTrust .s_ttl_line:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  background-color: #000000;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#main_top #reasonTrust .s_ttl_line:before {
  left: 0;
}
#main_top #reasonTrust .s_ttl_line:after {
  right: 0;
}
#main_top #reasonTrust .whiteBoard {
  padding: 15px;
  background-color: #f4f5f6;
}
@media (min-width: 640px) {
  #main_top #reasonTrust .whiteBoard {
    padding: 30px;
  }
}
#main_top #reasonTrust .whiteBoard02 {
  padding: 15px;
  background-color: #ffffff;
}
@media (min-width: 640px) {
  #main_top #reasonTrust .whiteBoard02 {
    background-color: #f4f5f6;
    padding: 30px;
  }
}
#main_top #reasonTrust hr {
  border-color: #05c3de;
  border-style: solid;
  margin-top: 15px;
  margin-bottom: 15px;
}
#main_top #reasonTrust .tabBox .tabButton ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#main_top #reasonTrust .tabBox .tabButton ul > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 10px 5px;
  border-top: 3px transparent solid;
  cursor: pointer;
  background-color: #007db3;
  color: #ffffff;
}
#main_top #reasonTrust .tabBox .tabButton ul > *.current {
  color: #3b4b59;
  font-weight: 700;
  background-color: #e6e6e6;
}
#main_top #reasonTrust .tabBox .tabParts {
  padding: 20px 15px;
  display: none;
}
@media (min-width: 640px) {
  #main_top #reasonTrust .tabBox .tabParts {
    padding: 50px;
  }
}
#main_top #reasonTrust .tabBox .tabParts.current {
  display: block;
}
@media (min-width: 640px) {
  #main_top #reasonTrust .tabBox .tabParts.current {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/top/bg_tab01_md.png);
  }
}
#main_top #reasonTrust .tabBox .tabParts#reasonTrust-02.current {
  background-image: url(../img/top/bg_tab02_md.png);
}
#main_top #reasonTrust .tabBox .tabParts#reasonTrust-02.current .topMove.type01.w-md-390.w-lg-auto {
  width: 390px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 960px) {
  #main_top #reasonTrust .tabBox .tabParts#reasonTrust-02.current .topMove.type01.w-md-390.w-lg-auto {
    width: auto;
  }
}
#main_top #reasonTrust .tabBox .tabParts#reasonTrust-03.current {
  background-image: url(../img/top/bg_tab03_md.png);
}
#main_top #reasonTrust .tabBox .tabParts#reasonTrust-03 .mv01 .vjs-poster {
  background-image: url(../img/top/movie_poster04.png) !important;
}
#main_top #reasonTrust .tabBox .tabParts#reasonTrust-03 .mv02 .vjs-poster {
  background-image: url(../img/top/movie_poster05.png) !important;
}
#main_top #reasonTrust .tabBox .tabParts#reasonTrust-03 .bc-player-default_default .vjs-big-play-button {
  font-size: 1.5em;
}
#main_top #reasonTrust .tabBox .tabParts .bg_gray {
  background-color: #f2f2f2;
}
#main_top #reasonTrust .tabBox .tabParts .bg_gray02 {
  background-color: #ebebeb;
  max-width: 690px;
  margin: 37px auto 0;
  padding: 30px;
}
#main_top #reasonTrust .tabBox .tabParts hr {
  border-color: #05c3de;
  margin-top: 15px;
  margin-bottom: 15px;
  border-style: solid;
}
@media (min-width: 960px) {
  #main_top #reasonTrust .tabBox .tabParts hr {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
#main_top #reasonTrust a {
  text-decoration: underline;
}
#main_top #reasonTrust a:hover {
  opacity: 1;
  text-decoration: none;
}
#main_top #reasonTrust .trust_Accordion dl {
  background-color: #f2f2f2;
  -webkit-box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.2);
}
#main_top #reasonTrust .trust_Accordion dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 15px 10px;
  cursor: pointer;
  position: relative;
}
#main_top #reasonTrust .trust_Accordion dl dt .txt {
  font-size: 1.5rem;
  font-weight: 700;
  margin-left: 0;
  border-bottom: 2px #127eb1 solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 40px;
  line-height: 2.5;
}
#main_top #reasonTrust .trust_Accordion dl dt:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-top: 4px #146f9f solid;
  border-right: 4px #146f9f solid;
  position: absolute;
  top: 50%;
  right: 2em;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
#main_top #reasonTrust .trust_Accordion dl dd {
  display: none;
  padding: 15px;
}
#main_top #reasonTrust .trust_Accordion dl dd .graph_img {
  text-align: center;
  margin-top: 20px;
}
#main_top #reasonTrust .trust_Accordion dl dd .graph_img img {
  width: 60%;
}
#main_top #reasonTrust .trust_Accordion dl dd .bg_white {
  background-color: #ffffff;
}
#main_top #reasonTrust .trust_Accordion dl.open dt:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
#main_top #reasonTrust .trust_Accordion #trust-03 .mv01 .vjs-poster {
  background-image: url(../img/top/movie_poster04.png) !important;
}
#main_top #reasonTrust .trust_Accordion #trust-03 .mv02 .vjs-poster {
  background-image: url(../img/top/movie_poster05.png) !important;
}
#main_top #reasonTrust .trust_Accordion #trust-03 .bc-player-default_default .vjs-big-play-button {
  font-size: 1.5em;
}
#main_top #reasonTrust .scrollActionTab {
  position: relative;
}
#main_top #reasonTrust .scrollActionTab .topMove {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#main_top #reasonTrust .scrollActionTab .topMove:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 1s all;
  transition: 1s all;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
}
#main_top #reasonTrust .scrollActionTab .topMove.type01:before {
  background-image: url(../img/top/tab02_img01-01.svg);
}
#main_top #reasonTrust .scrollActionTab.active .topMove:before {
  top: 0;
  opacity: 1;
}
#main_top #reasonTrust .bg_graph02_01 {
  background-image: url(../img/top/graph02_01.png);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
#main_top #reasonTrust .bg_graph02_02 {
  background-image: url(../img/top/graph02_02.png);
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
#main_top #reasonTrust .bg_graph02_03 {
  background-image: url(../img/top/graph02_03.png);
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
#main_top #reasonTrust .bg_graph02_04 {
  background-image: url(../img/top/graph02_04.png);
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
#main_top #reasonTrust .bg_graph02_05 {
  background-image: url(../img/top/graph02_05.png);
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

#main_top #reasonResult {
  background-color: #002f48;
  padding: 60px 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/top/bg_result_md.png);
}
@media (min-width: 640px) {
  #main_top #reasonResult {
    padding: 120px 0;
  }
}
#main_top #reasonResult #movieArea .fade_in .vjs-poster {
  background-image: url(../img/top/movie_poster01.png) !important;
}
#main_top #reasonResult #movieArea .fade02 .vjs-poster {
  background-image: url(../img/top/movie_poster02.png) !important;
}
#main_top #reasonResult #movieArea .fade03 .vjs-poster {
  background-image: url(../img/top/movie_poster03.png) !important;
}
#main_top #reasonResult #movieArea .bc-player-default_default .vjs-big-play-button {
  font-size: 1.5em;
}
#main_top #reasonResult .whiteBoard {
  padding: 15px;
  background-color: #f4f5f6;
}
@media (min-width: 640px) {
  #main_top #reasonResult .whiteBoard {
    padding: 30px;
  }
}
#main_top #reasonResult .whiteBoard.op01 {
  background-color: #e6e6e6;
  color: #3b4b59;
}
#main_top #reasonResult .whiteBoard.op01_01 strong {
  color: #00608a;
}
#main_top #reasonResult .whiteBoard.op01_02 strong {
  color: #209d7d;
}
#main_top #reasonResult .whiteBoard.op01_03 strong {
  color: #7749bc;
}
#main_top #reasonResult .whiteBoard .result_fc_navy {
  color: #00608a;
}
#main_top #reasonResult .whiteBoard .result_fc_green {
  color: #209d7e;
}
#main_top #reasonResult .whiteBoard .result_fc_purple {
  color: #7748bb;
}
#main_top #reasonResult .whiteBoard .border_left {
  border-left: 2px solid #b7bbbf;
}
#main_top #reasonResult .whiteBoard img.w100p {
  width: 100%;
  max-width: none;
}
#main_top #reasonResult #Accordion01-01 .whiteBoard, #main_top #reasonResult #Accordion01-02 .whiteBoard, #main_top #reasonResult #Accordion01-03 .whiteBoard, #main_top #reasonResult #Accordion01-04 .whiteBoard {
  background-color: #ffffff;
}
#main_top #reasonResult strong {
  color: #05c3de;
  display: inline-block;
}
#main_top #reasonResult a {
  text-decoration: underline;
}
#main_top #reasonResult a:hover {
  opacity: 1;
  text-decoration: none;
}
#main_top #reasonResult hr {
  border-color: #05c3de;
  margin-top: 15px;
  margin-bottom: 15px;
  border-style: solid;
}
#main_top #reasonResult .leftExtend {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  -webkit-transition: 1s right;
  transition: 1s right;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
#main_top #reasonResult .leftExtend.active {
  right: 0;
}
#main_top #reasonResult .leftExtend.type02 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  background-image: url(../img/top/chart04-02.svg);
}
#main_top #reasonResult .leftExtend.type03 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  background-image: url(../img/top/chart04-03.svg);
}
#main_top #reasonResult .topMove {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#main_top #reasonResult .topMove:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 1s all;
  transition: 1s all;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  opacity: 0;
}
#main_top #reasonResult .topMove.active:before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
#main_top #reasonResult .topMove.type01:before {
  background-image: url(../img/top/chart04-01.svg);
}
#main_top #reasonResult .bg_reasonResult_graph01 {
  background-image: url(../img/top/reasonResult_graph01_01.png);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
#main_top #reasonResult .bg_reasonResult_graph02 {
  background-image: url(../img/top/reasonResult_graph02_01.png);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
#main_top #reasonResult .bg_reasonResult_graph03 {
  background-image: url(../img/top/reasonResult_graph03_01.png);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
#main_top .Accordion01 dl {
  background-color: #ffffff;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 640px) {
  #main_top .Accordion01 dl {
    background-position: center bottom;
  }
}
#main_top .Accordion01 dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
@media (min-width: 640px) {
  #main_top .Accordion01 dl dt {
    padding: 10px 15px;
  }
}
#main_top .Accordion01 dl dt .num {
  color: #2dbada;
  opacity: 0.15;
  line-height: 1;
  font-size: 7.5rem;
  font-weight: 700;
}
@media (min-width: 640px) {
  #main_top .Accordion01 dl dt .num {
    font-size: 15rem;
  }
}
#main_top .Accordion01 dl dt .txt {
  font-size: 1.5rem;
  font-weight: 700;
  border-bottom: 2px #007db3 solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 40px;
  text-align: center;
}
@media (min-width: 640px) {
  #main_top .Accordion01 dl dt .txt {
    font-size: 2.5rem;
    margin-right: 80px;
  }
}
#main_top .Accordion01 dl dt:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-top: 4px #007db3 solid;
  border-right: 4px #007db3 solid;
  position: absolute;
  top: 50%;
  right: 2em;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
#main_top .Accordion01 dl dd {
  display: none;
  padding: 0 15px 15px;
}
@media (min-width: 640px) {
  #main_top .Accordion01 dl dd {
    padding: 0 50px 50px;
  }
}
#main_top .Accordion01 dl dd .graph_img {
  text-align: center;
  margin-top: 20px;
}
#main_top .Accordion01 dl dd .graph_img .base_graph {
  display: inline-block;
  position: relative;
}
#main_top .Accordion01 dl.open dt:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
#main_top .Accordion01 hr {
  border-color: #05c3de;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
}
#main_top .Accordion01 .whiteBoard {
  background-color: #ffffff;
  padding: 15px;
}
@media (min-width: 960px) {
  #main_top .Accordion01 .whiteBoard {
    padding: 30px;
  }
}
#main_top .Accordion01 ul.list_disc {
  list-style: disc;
  margin-left: 1.5em;
}
#main_top .border-left.border-lg-none {
  border-left: 1px solid #d7d9db;
}
@media (min-width: 960px) {
  #main_top .border-left.border-lg-none {
    border-left: none !important;
  }
}
@media (min-width: 960px) {
  #main_top .border-lg-left {
    border-left: 2px solid #d7d9db;
  }
}

.red_border_box {
  border: 1px solid #ae3260;
}

.basecolor_border_box {
  border: 1px solid #3b4b59;
}

.fc-red {
  color: #ae3260;
}

.fc-blue02 {
  color: #05c3de;
}

:root {
  --swiper-navigation-size: 20px ;
}

#main_top {
  position: relative;
}

body.loaded #main_top #bg_movie {
  opacity: 1;
}

#movie_box {
  background: url(../img/top/movie_box_bg_sp.jpg) center center/cover;
  padding: 50px 0;
}
@media (min-width: 640px) {
  #movie_box {
    background-image: url(../img/top/movie_box_bg.jpg);
    padding: 70px 0;
  }
}
#movie_box .whiteBoard {
  background-color: #ffffff;
  padding: 15px;
}
@media (min-width: 640px) {
  #movie_box .whiteBoard {
    padding: 40px;
  }
}
#movie_box .whiteBoard hr {
  border-color: #05c3de;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
}

#main_top #reasonResult, #main_top #whyUSA {
  background-color: #002f48;
  padding: 60px 0;
}
@media (min-width: 640px) {
  #main_top #reasonResult, #main_top #whyUSA {
    padding: 120px 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/top/bg_why_md.png);
  }
}
#main_top #reasonResult h2, #main_top #whyUSA h2 {
  text-align: center;
  color: #3b4b59;
  font-size: 2.6rem;
  color: #ffffff;
  letter-spacing: 0.2em;
  line-height: 1.5;
}
@media (min-width: 640px) {
  #main_top #reasonResult h2, #main_top #whyUSA h2 {
    font-size: 4.6rem;
  }
}
#main_top #reasonResult h2 strong, #main_top #whyUSA h2 strong {
  color: #05c3de;
}
#main_top #reasonResult .text_link, #main_top #whyUSA .text_link {
  text-decoration: underline;
}
#main_top #reasonResult .whyAccordion dl, #main_top #whyUSA .whyAccordion dl {
  background-color: #ffffff;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 10px 10px 30px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 640px) {
  #main_top #reasonResult .whyAccordion dl, #main_top #whyUSA .whyAccordion dl {
    background-position: center bottom;
  }
}
#main_top #reasonResult .whyAccordion dl dt, #main_top #whyUSA .whyAccordion dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
@media (min-width: 640px) {
  #main_top #reasonResult .whyAccordion dl dt, #main_top #whyUSA .whyAccordion dl dt {
    padding: 10px 15px;
  }
}
#main_top #reasonResult .whyAccordion dl dt .num, #main_top #whyUSA .whyAccordion dl dt .num {
  color: #2dbada;
  opacity: 0.15;
  line-height: 1;
  font-size: 7.5rem;
  font-weight: 700;
}
@media (min-width: 640px) {
  #main_top #reasonResult .whyAccordion dl dt .num, #main_top #whyUSA .whyAccordion dl dt .num {
    font-size: 15rem;
  }
}
#main_top #reasonResult .whyAccordion dl dt .txt, #main_top #whyUSA .whyAccordion dl dt .txt {
  font-size: 1.5rem;
  font-weight: 700;
  margin-left: -4em;
  border-bottom: 2px #002f48 solid;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 40px;
}
@media (min-width: 640px) {
  #main_top #reasonResult .whyAccordion dl dt .txt, #main_top #whyUSA .whyAccordion dl dt .txt {
    font-size: 2.5rem;
    margin-right: 80px;
    line-height: 1.3;
  }
}
#main_top #reasonResult .whyAccordion dl dt:after, #main_top #whyUSA .whyAccordion dl dt:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-top: 4px #002f48 solid;
  border-right: 4px #002f48 solid;
  position: absolute;
  top: 50%;
  right: 2em;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
#main_top #reasonResult .whyAccordion dl dd, #main_top #whyUSA .whyAccordion dl dd {
  display: none;
  padding: 0 15px 15px;
}
@media (min-width: 640px) {
  #main_top #reasonResult .whyAccordion dl dd, #main_top #whyUSA .whyAccordion dl dd {
    padding: 0 50px 50px;
  }
}
#main_top #reasonResult .whyAccordion dl dd .graph_img, #main_top #whyUSA .whyAccordion dl dd .graph_img {
  text-align: center;
  margin-top: 20px;
}
#main_top #reasonResult .whyAccordion dl dd .graph_img .base_graph, #main_top #whyUSA .whyAccordion dl dd .graph_img .base_graph {
  display: inline-block;
  position: relative;
}
#main_top #reasonResult .whyAccordion dl.open dt:after, #main_top #whyUSA .whyAccordion dl.open dt:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
#main_top #reasonResult .whyAccordion hr, #main_top #whyUSA .whyAccordion hr {
  border-color: #05c3de;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
}
#main_top #reasonResult .whyAccordion .whiteBoard, #main_top #whyUSA .whyAccordion .whiteBoard {
  background-color: #ffffff;
  padding: 15px;
}
@media (min-width: 960px) {
  #main_top #reasonResult .whyAccordion .whiteBoard, #main_top #whyUSA .whyAccordion .whiteBoard {
    padding: 30px;
  }
}
#main_top #reasonResult .whyAccordion section[id^=whyUSA-]:nth-of-type(1) dl.open, #main_top #whyUSA .whyAccordion section[id^=whyUSA-]:nth-of-type(1) dl.open {
  background-color: #f4f5f6;
}
#main_top #reasonResult .whyAccordion section[id^=whyUSA-]:nth-of-type(2) dl.open, #main_top #whyUSA .whyAccordion section[id^=whyUSA-]:nth-of-type(2) dl.open {
  background-color: #f4f5f6;
}
#main_top #reasonResult .whyAccordion section[id^=whyUSA-]:nth-of-type(3) dl.open, #main_top #whyUSA .whyAccordion section[id^=whyUSA-]:nth-of-type(3) dl.open {
  background-color: #f4f5f6;
}
#main_top #reasonResult .scrollActionToggle, #main_top #whyUSA .scrollActionToggle {
  position: relative;
}
#main_top #reasonResult .scrollActionToggle .topMove, #main_top #whyUSA .scrollActionToggle .topMove {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: 1s all ease 0.5s;
  transition: 1s all ease 0.5s;
}
#main_top #reasonResult .scrollActionToggle .topMove.type01, #main_top #whyUSA .scrollActionToggle .topMove.type01 {
  background-image: url(../img/top/ac01_img01-01.svg);
}
#main_top #reasonResult .scrollActionToggle.active .topMove, #main_top #whyUSA .scrollActionToggle.active .topMove {
  top: 0;
}
#main_top #reasonResult .scrollActionToggle.active .leftExtend, #main_top #whyUSA .scrollActionToggle.active .leftExtend {
  right: 0;
}
#main_top #reasonResult .scrollActionToggle .leftExtend, #main_top #whyUSA .scrollActionToggle .leftExtend {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: 1s all ease 0.5s;
  transition: 1s all ease 0.5s;
}
#main_top #reasonResult .scrollActionToggle .leftExtend.type02, #main_top #whyUSA .scrollActionToggle .leftExtend.type02 {
  background-image: url(../img/top/ac01_img04-01.svg);
}
#main_top #reasonResult .scrollActionToggle .leftExtend.type03, #main_top #whyUSA .scrollActionToggle .leftExtend.type03 {
  background-image: url(../img/top/ac01_img04-02.svg);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
#main_top #reasonResult .scrollActionToggle .leftExtend.type04, #main_top #whyUSA .scrollActionToggle .leftExtend.type04 {
  background-image: url(../img/top/ac01_img04-03.svg);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
#main_top #reasonResult .scrollActionToggle .leftExtend.type05, #main_top #whyUSA .scrollActionToggle .leftExtend.type05 {
  background-image: url(../img/top/ac02_img01-01.svg);
}
#main_top #reasonResult .scrollActionToggle .leftExtend.type06, #main_top #whyUSA .scrollActionToggle .leftExtend.type06 {
  background-image: url(../img/top/ac02_img01-02.svg);
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
#main_top #reasonResult .scrollActionToggle .leftExtend.type07, #main_top #whyUSA .scrollActionToggle .leftExtend.type07 {
  background-image: url(../img/top/ac02_img01-03.svg);
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
#main_top #reasonResult .scrollActionToggle .leftExtend.type08, #main_top #whyUSA .scrollActionToggle .leftExtend.type08 {
  background-image: url(../img/top/ac02_img01-04.svg);
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
#main_top #reasonResult .scrollActionToggle .leftExtend.type09, #main_top #whyUSA .scrollActionToggle .leftExtend.type09 {
  background-image: url(../img/top/ac03_img01-01.svg);
}

#footer_note {
  background-color: #1e2d39;
  padding: 15px 0;
}
@media (min-width: 640px) {
  #footer_note {
    padding: 40px 0;
  }
}

.circleBox {
  width: 72.72727272%;
  max-width: 240px;
  position: absolute;
  top: 9%;
  left: 18%;
}

.c-circle {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  margin: auto;
}
.c-circle__view {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.c-circle__1, .c-circle__2, .c-circle__3, .c-circle__4, .c-circle__5 {
  fill: transparent;
  stroke-width: 31.8309886184;
  stroke-dashoffset: 25;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.c-circle__1 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #00608a;
}
.c-circle__2 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #209d7d;
}
.c-circle__3 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #7749bc;
}
.c-circle__4 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #ae3260;
}
.c-circle__5 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #be7e1e;
}

.graph_img.active .c-circle__1 {
  -webkit-animation-name: one;
          animation-name: one;
}
.graph_img.active .c-circle__2 {
  -webkit-animation-name: two;
          animation-name: two;
}
.graph_img.active .c-circle__3 {
  -webkit-animation-name: three;
          animation-name: three;
}
.graph_img.active .c-circle__4 {
  -webkit-animation-name: four;
          animation-name: four;
}
.graph_img.active .c-circle__5 {
  -webkit-animation-name: five;
          animation-name: five;
}

@-webkit-keyframes one {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 55, 45, 0, 0;
  }
}

@keyframes one {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 55, 45, 0, 0;
  }
}
@-webkit-keyframes two {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 55, 20, 0;
  }
}
@keyframes two {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 55, 20, 0;
  }
}
@-webkit-keyframes three {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 75, 6, 19;
  }
}
@keyframes three {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 75, 6, 19;
  }
}
@-webkit-keyframes four {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 81, 2, 17;
  }
}
@keyframes four {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 81, 2, 17;
  }
}
@-webkit-keyframes five {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 83, 17, 0;
  }
}
@keyframes five {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 83, 17, 0;
  }
}
.circleBox-01 {
  width: 72.72727272%;
  max-width: 240px;
  position: absolute;
  top: 9%;
  left: 18%;
}

.c-circle-01 {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  margin: auto;
}
.c-circle-01__view {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.c-circle-01__1, .c-circle-01__2, .c-circle-01__3, .c-circle-01__4, .c-circle-01__5, .c-circle-01__6 {
  fill: transparent;
  stroke-width: 31.8309886184;
  stroke-dashoffset: 25;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.c-circle-01__1 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #00608a;
}
.c-circle-01__2 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #209d7d;
}
.c-circle-01__3 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #7749bc;
}
.c-circle-01__4 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #ae3260;
}
.c-circle-01__5 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #be7e1e;
}
.c-circle-01__6 {
  stroke-dasharray: 0, 0, 0, 100;
  stroke: #7b8f9e;
}

.graph_img.active .c-circle-01__1 {
  -webkit-animation-name: one-01;
          animation-name: one-01;
}
.graph_img.active .c-circle-01__2 {
  -webkit-animation-name: two-01;
          animation-name: two-01;
}
.graph_img.active .c-circle-01__3 {
  -webkit-animation-name: three-01;
          animation-name: three-01;
}
.graph_img.active .c-circle-01__4 {
  -webkit-animation-name: four-01;
          animation-name: four-01;
}
.graph_img.active .c-circle-01__5 {
  -webkit-animation-name: five-01;
          animation-name: five-01;
}
.graph_img.active .c-circle-01__6 {
  -webkit-animation-name: six-01;
          animation-name: six-01;
}

@-webkit-keyframes one-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 58, 42, 0, 0;
  }
}

@keyframes one-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 58, 42, 0, 0;
  }
}
@-webkit-keyframes two-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 58, 6, 0;
  }
}
@keyframes two-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 58, 6, 0;
  }
}
@-webkit-keyframes three-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 64, 5, 31;
  }
}
@keyframes three-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 64, 5, 31;
  }
}
@-webkit-keyframes four-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 69, 4, 27;
  }
}
@keyframes four-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 69, 4, 27;
  }
}
@-webkit-keyframes five-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 73, 3, 24;
  }
}
@keyframes five-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 73, 3, 24;
  }
}
@-webkit-keyframes six-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 76, 24, 0;
  }
}
@keyframes six-01 {
  0% {
    stroke-dasharray: 0, 0, 0, 100;
  }
  100% {
    stroke-dasharray: 0, 76, 24, 0;
  }
}
#main_top #fundInformation {
  background-color: #efeeec;
  background-position: right bottom -240px;
  background-repeat: no-repeat;
  padding: 70px 0;
  /*
  		.iframeTabBox {
  			display: block;
  			width: 100%;
  			// transform: translateY(-50%);
  			max-width: 1140px;
  			margin-left: auto;
  			margin-right: auto;
  			padding: 0;
  			// padding: 0 24px;
  			position: relative;
  			@media (min-width: 1140px) {
  				padding: 0;
  			}
  			.arrow {	
  				position: absolute;
  				content: "";
  				left: 0;
  				top: 50%;
  				width: 10px;
  				height: 10px;
  				border-bottom: 2px solid #3b4b59;
  				border-left: 2px solid #3b4b59;
  				transform: translateY(-50%) rotate(45deg);						
  				z-index: 5;
  				pointer-events: none;
  				&.right {
  					left: auto;
  					right: 0;
  					border-top: 2px solid #3b4b59;
  					border-bottom: none;
  					border-right: 2px solid #3b4b59;
  					border-left: none;
  				}
  				@include media_query(lg) {
  					display: none;
  				}
  			}
  			#iframeTab {
  				position: relative;

  				// display: block;
  				// width: 100%;
  				// transform: translateY(-50%);
  				// max-width: 960px;
  				// margin-left: auto;
  				// margin-right: auto;
  				// padding: 0 24px;
  				// position: relative;
  				// @media (min-width: 1140px) {
  				// 	padding: 0;
  				// }

  				ul {
  					position: absolute;
  					display: flex;
  					// min-width: 100%;
  					border-left: 1px solid #7a929f;
  					border-right: 1px solid #7a929f;
  					width: 100%;
  					> li {
  						flex: 0 0 25%;
  						max-width: 25%;
  						min-width: 285px;
  						// flex: 0 0 50%;
  						// max-width: 50%;
  						// min-width: 150px;
  						border-right: 1px solid #7a929f;
  						a {
  							display: flex;
  							height: 100%;
  							// flex-direction: column;
  							text-align: center;
  							padding: 10px 15px;
  							background-color: #efeeec;
  							color: $base_navy01;
  							// background-color: $base_blue01;
  							// color: #ffffff;
  							font-weight: 700;
  							transition: 0.5s color ease, 0.5s background-color ease;
  							white-space: nowrap;
  							align-items: center;
  							justify-content: center;
  							// border-top: 2px $base_blue01 solid;
  							// border-left: 2px $base_blue01 solid;
  							// border-right: 2px $base_blue01 solid;
  							@include media_query(lg) {
  								padding: 25px 15px;
  							}
  						span {
  								line-height: 1.8;
  								display: inline-block;
  								font-size: 1.2rem;
  								font-weight: 700;
  								@include media_query(lg) {
  									// font-size: 1.8rem;
  									font-size: 1.3rem;
  								}
  							}
  							&:hover {
  								opacity: 1.0;
  							}
  						}
  						&.current {
  							a {
  								background-color: $base_blue01;
  								color: #ffffff;
  								// background-color: #efeeec;
  								// color: $base_navy01;
  								// background-color: transparent;
  								// border-top: 2px #d9d8d6 solid;
  								// border-left: 2px #d9d8d6 solid;
  								// border-right: 2px #d9d8d6 solid;																
  							}
  						}
  					}
  					&.hoverAction {
  						> li {
  							&.current {
  								a {
  									// background-color: $base_blue01;
  									// color: #efeeec;
  									// border-top: 2px $base_blue01 solid;
  									// border-left: 2px $base_blue01 solid;
  									// border-right: 2px $base_blue01 solid;
  									background-color: #ffffff;
  									color: $base_navy01;
  								}
  								&.hoverOn {
  									a {										
  										// background-color: transparent;
  										// border-top: 2px #d9d8d6 solid;
  										// border-left: 2px #d9d8d6 solid;
  										// // border-right: 2px #d9d8d6 solid;
  										// background-color: #ffffff;
  										// color: $base_navy01;
  										background-color: $base_blue01;
  										color: #efeeec;
  									}
  								}
  							}
  							&.hoverOn {
  								a {
  									// background-color: #ffffff;
  									// color: $base_navy01;
  									background-color: $base_blue01;
  									color: #efeeec;
  									// background-color: transparent;
  									// border-top: 2px #d9d8d6 solid;
  									// border-left: 2px #d9d8d6 solid;
  									// border-right: 2px #d9d8d6 solid;									
  								}
  							}
  						}
  					}
  				}
  			}
  		}
  	*/
}
@media (min-width: 640px) {
  #main_top #fundInformation {
    background-image: url(../img/top/bg_info.png);
    padding: 120px 0;
  }
}
#main_top #fundInformation .tab_container {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border-top: 1px solid #7a929f;
  -webkit-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
}
@media (min-width: 960px) {
  #main_top #fundInformation .tab_container {
    padding-left: 70px;
    padding-right: 70px;
    margin-bottom: 20px;
  }
}
#main_top #fundInformation h2 {
  text-align: center;
  color: #3b4b59;
  font-weight: 700;
  font-size: 1.9rem;
}
@media (min-width: 640px) {
  #main_top #fundInformation h2 {
    font-size: 3rem;
  }
}
#main_top #fundInformation iframe {
  width: 100%;
}
#main_top #fundInformation .inner_fundInfo {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 640px) {
  #main_top #fundInformation .inner_fundInfo {
    max-width: 1140px;
  }
}
#main_top #fundInformation .mini-container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#main_top #fundInformation .fundInfo_link01 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 640px) {
  #main_top #fundInformation .fundInfo_link01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media (min-width: 640px) {
  #main_top #fundInformation .fundInfo_link01 .left_block, #main_top #fundInformation .fundInfo_link01 .right_block {
    width: 48%;
    max-width: 520px;
  }
}
#main_top #fundInformation .fundInfo_link01 .left_block ul li {
  border-bottom: 1px solid #cecece;
  padding: 10px 0;
}
@media (min-width: 640px) {
  #main_top #fundInformation .fundInfo_link01 .left_block ul li {
    padding: 10px 0;
  }
}
#main_top #fundInformation .fundInfo_link01 .left_block ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#main_top #fundInformation .fundInfo_link01 .left_block ul li dl dd {
  width: 49%;
}
#main_top #fundInformation .fundInfo_link01 .left_block ul li dl dd a {
  font-weight: 700;
  color: #086ea1;
  font-size: 1.3rem;
  text-decoration: underline;
}
@media (min-width: 640px) {
  #main_top #fundInformation .fundInfo_link01 .left_block ul li dl dd a {
    font-size: 1.8rem;
  }
}
#main_top #fundInformation .fundInfo_link01 .right_block a {
  display: block;
  text-align: center;
  position: relative;
  border: 1px solid #086ea1;
  border-radius: 10px;
  padding: 15px 20px;
}
@media (min-width: 640px) {
  #main_top #fundInformation .fundInfo_link01 .right_block a {
    width: 100%;
    border-radius: 8px;
    padding: 10px 20px;
    background-color: #f4f5f6;
  }
}
#main_top #fundInformation .fundInfo_link01 .right_block a span {
  color: #086ea1;
  font-size: 1.3rem;
  font-weight: 700;
}
@media (min-width: 640px) {
  #main_top #fundInformation .fundInfo_link01 .right_block a span {
    font-size: 1.8rem;
  }
}
#main_top #fundInformation .fundInfo_link01 .right_block a::after {
  display: inline-block;
  margin-left: 1em;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #086ea1;
  border-right: 1px solid #086ea1;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
@media (min-width: 640px) {
  #main_top #fundInformation .fundInfo_link02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
#main_top #fundInformation .fundInfo_link02 a {
  display: block;
  text-align: center;
  position: relative;
  background-color: #086ea1;
  border-radius: 10px;
  padding: 10px 20px;
}
@media (min-width: 640px) {
  #main_top #fundInformation .fundInfo_link02 a {
    width: 48%;
    max-width: 520px;
    border-radius: 8px;
    padding: 10px 20px;
  }
}
#main_top #fundInformation .fundInfo_link02 a span {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
}
@media (min-width: 640px) {
  #main_top #fundInformation .fundInfo_link02 a span {
    font-size: 2.6rem;
  }
}
#main_top #fundInformation .fundInfo_link02 a::after {
  display: inline-block;
  margin-left: 1em;
  content: "";
  right: 15px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
#main_top #fundInformation .iframeTabBox {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
}
@media (min-width: 1140px) {
  #main_top #fundInformation .iframeTabBox {
    padding: 0;
    max-width: 1140px;
    padding: 0 0;
  }
}
#main_top #fundInformation .iframeTabBox .arrow {
  position: absolute;
  content: "";
  left: 15px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #3b4b59;
  border-left: 2px solid #3b4b59;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  z-index: 5;
  pointer-events: none;
}
#main_top #fundInformation .iframeTabBox .arrow.right {
  left: auto;
  right: 15px;
  border-top: 2px solid #3b4b59;
  border-bottom: none;
  border-right: 2px solid #3b4b59;
  border-left: none;
}
@media (min-width: 960px) {
  #main_top #fundInformation .iframeTabBox .arrow {
    display: none;
  }
}
#main_top #fundInformation .iframeTabBox #iframeTab {
  position: relative;
}
#main_top #fundInformation .iframeTabBox #iframeTab ul {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
@media (min-width: 640px) {
  #main_top #fundInformation .iframeTabBox #iframeTab ul {
    width: 100%;
    border-left: 1px solid #7a929f;
  }
}
#main_top #fundInformation .iframeTabBox #iframeTab ul > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  min-width: 150px;
  border-right: 1px solid #7a929f;
}
@media (min-width: 640px) {
  #main_top #fundInformation .iframeTabBox #iframeTab ul > li {
    min-width: auto;
    border-right: 1px solid #7a929f;
  }
}
#main_top #fundInformation .iframeTabBox #iframeTab ul > li:last-of-type {
  border-right: none;
}
@media (min-width: 960px) {
  #main_top #fundInformation .iframeTabBox #iframeTab ul > li:last-of-type {
    border-right: 1px solid #7a929f;
  }
}
#main_top #fundInformation .iframeTabBox #iframeTab ul > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  text-align: center;
  padding: 10px 15px;
  background-color: #efeeec;
  color: #002f48;
  font-weight: 700;
  -webkit-transition: 0.5s color ease, 0.5s background-color ease;
  transition: 0.5s color ease, 0.5s background-color ease;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 960px) {
  #main_top #fundInformation .iframeTabBox #iframeTab ul > li a {
    padding: 5px 15px;
  }
}
#main_top #fundInformation .iframeTabBox #iframeTab ul > li a span {
  line-height: 1.6;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 700;
}
@media (min-width: 960px) {
  #main_top #fundInformation .iframeTabBox #iframeTab ul > li a span {
    font-size: 1.8rem;
  }
}
#main_top #fundInformation .iframeTabBox #iframeTab ul > li a span .sub {
  display: block;
  font-size: 1rem;
  line-height: 1.4;
}
@media (min-width: 960px) {
  #main_top #fundInformation .iframeTabBox #iframeTab ul > li a span .sub {
    font-size: 1.3rem;
  }
}
#main_top #fundInformation .iframeTabBox #iframeTab ul > li a:hover {
  opacity: 1;
}
#main_top #fundInformation .iframeTabBox #iframeTab ul > li.current a {
  background-color: #007db3;
  color: #ffffff;
}
#main_top #fundInformation .iframeTabBox #iframeTab ul.hoverAction > li.current a {
  background-color: #ffffff;
  color: #002f48;
}
#main_top #fundInformation .iframeTabBox #iframeTab ul.hoverAction > li.current.hoverOn a {
  background-color: #007db3;
  color: #efeeec;
}
#main_top #fundInformation .iframeTabBox #iframeTab ul.hoverAction > li.hoverOn a {
  background-color: #007db3;
  color: #efeeec;
}

#main_top #why_value {
  background: #000000;
  padding: 60px 0;
  color: #ffffff;
}
@media (min-width: 640px) {
  #main_top #why_value {
    padding: 120px 0;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/top/why_bg.jpg);
  }
}
#main_top #why_value h2.h2_format {
  letter-spacing: -0.1px;
}
#main_top #why_value .scroll {
  position: relative;
}
#main_top #why_value .scroll .scrollSuggestion {
  display: block;
  width: 70px;
  position: absolute;
  bottom: 15px;
  left: 70px;
  z-index: 2;
  -webkit-animation: swing 2s ease-in-out 0s infinite alternate;
          animation: swing 2s ease-in-out 0s infinite alternate;
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease;
  pointer-events: none;
}
#main_top #why_value .scroll .scrollSuggestion:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/common/scroll_suggestion.png);
}
#main_top #why_value .scroll .scrollInner {
  width: 1418px;
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 960px) {
  #main_top #why_value .scroll .scrollInner {
    width: 2836px;
  }
}
#main_top #why_value .scroll .scrollInner .leftExtend {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  -webkit-transition: 2s all ease 1s;
  transition: 2s all ease 1s;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}
#main_top #why_value .scroll .scrollInner .leftExtend.type01 {
  background-image: url(../img/top/history-01.svg);
}
#main_top #why_value .scroll .scrollInner .topMove {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#main_top #why_value .scroll .scrollInner .topMove:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  opacity: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
#main_top #why_value .scroll .scrollInner .topMove.type02:before {
  background-image: url(../img/top/history-02.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type03:before {
  background-image: url(../img/top/history-03.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type04:before {
  background-image: url(../img/top/history-04.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type05:before {
  background-image: url(../img/top/history-05.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type06:before {
  background-image: url(../img/top/history-06.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type07:before {
  background-image: url(../img/top/history-07.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type08:before {
  background-image: url(../img/top/history-08.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type09:before {
  background-image: url(../img/top/history-09.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type10:before {
  background-image: url(../img/top/history-10.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type11:before {
  background-image: url(../img/top/history-11.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type12:before {
  background-image: url(../img/top/history-12.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type13:before {
  background-image: url(../img/top/history-13.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type14:before {
  background-image: url(../img/top/history-14.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type15:before {
  background-image: url(../img/top/history-15.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type16:before {
  background-image: url(../img/top/history-16.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type17:before {
  background-image: url(../img/top/history-17.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type18:before {
  background-image: url(../img/top/history-18.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type19:before {
  background-image: url(../img/top/history-19.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type20:before {
  background-image: url(../img/top/history-20.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type21:before {
  background-image: url(../img/top/history-21.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type22:before {
  background-image: url(../img/top/history-22.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type23:before {
  background-image: url(../img/top/history-23.png);
}
#main_top #why_value .scroll .scrollInner .topMove.type24:before {
  background-image: url(../img/top/history-24.png);
}
#main_top #why_value .scroll .scrollInner .modalBtn {
  display: block;
  position: absolute;
  width: 4.86%;
  background-color: transparent;
}
@media (min-width: 960px) {
  #main_top #why_value .scroll .scrollInner .modalBtn {
    display: none;
  }
}
#main_top #why_value .scroll .scrollInner .modalBtn:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 117.73%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type01 {
  top: 38%;
  left: 4.3%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type02 {
  top: 37%;
  left: 10%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type03 {
  top: 33%;
  left: 16%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type04 {
  top: 31%;
  left: 21.4%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type05 {
  top: 25%;
  left: 26.7%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type06 {
  top: 25%;
  left: 31.8%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type07 {
  top: 21%;
  left: 37%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type08 {
  top: 17%;
  left: 42.1%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type09 {
  top: 12%;
  left: 47.3%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type10 {
  top: 9%;
  left: 54%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type11 {
  top: 57%;
  left: 57.2%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type12 {
  top: 10%;
  left: 61%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type13 {
  top: 52%;
  left: 67%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type14 {
  top: 5%;
  left: 68.2%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type15 {
  top: 0%;
  left: 73.4%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type16 {
  top: 50%;
  left: 77.4%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type17 {
  top: 1%;
  left: 79.4%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type18 {
  top: 46%;
  left: 82.6%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type19 {
  top: 15%;
  left: 88.3%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type20 {
  top: 57%;
  left: 89%;
}
#main_top #why_value .scroll .scrollInner .modalBtn.type21 {
  top: 52%;
  left: 94.6%;
}
#main_top #why_value .scroll.start .scrollSuggestion {
  opacity: 0;
}
#main_top #why_value .graph_line {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-property: right;
  transition-property: right;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/top/history_line.png);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media (min-width: 960px) {
  #main_top #why_value .modalButtons > div img {
    opacity: 1;
    -webkit-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
    width: 100%;
    max-width: none;
  }
  #main_top #why_value .modalButtons > div:nth-of-type(1) .modalButton {
    background: url(../img/top/btn_feature01_on.png) no-repeat 0 0/cover;
  }
  #main_top #why_value .modalButtons > div:nth-of-type(2) .modalButton {
    background: url(../img/top/btn_feature02_on.png) no-repeat 0 0/cover;
  }
  #main_top #why_value .modalButtons > div:nth-of-type(3) .modalButton {
    background: url(../img/top/btn_feature03_on.png) no-repeat 0 0/cover;
  }
}
@media (min-width: 960px) {
  #main_top #why_value .modalButtons > div:hover img {
    opacity: 0;
  }
}
#main_top #why_value .modalButtons .modalButton {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
#main_top #why_value .modalButtons .modalButton .txt {
  position: absolute;
  width: 100%;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: 700;
  z-index: 2;
}
@media (min-width: 640px) {
  #main_top #why_value .modalButtons .modalButton .txt {
    font-size: 3rem;
  }
}
#main_top #why_value a {
  text-decoration: underline;
}
#main_top #why_value a:hover {
  opacity: 1;
  text-decoration: none;
}
#main_top #why_value .whiteBoard {
  background-color: #f4f5f6;
  padding: 15px;
  color: #3b4b59;
}
@media (min-width: 960px) {
  #main_top #why_value .whiteBoard {
    padding: 30px;
  }
}
#main_top #why_value hr {
  border-color: #05c3de;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
}
#main_top #why_value .bg_graph01 {
  background-image: url(../img/top/graph01_01.png);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
#main_top .text_link {
  text-decoration: underline;
}
#main_top .arrow_link {
  padding-right: 25px;
  position: relative;
  text-align: right;
}
#main_top .arrow_link:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  background: url(../img/common/arrow03.png) no-repeat 0 0/contain;
  top: 0;
  right: 0;
}
@media (min-width: 640px) {
  #main_top .arrow_link:after {
    height: 22px;
    width: 22px;
    top: 8px;
    right: 0;
  }
}
#main_top .arrow_link:hover {
  cursor: pointer;
}

.why_table .fc-blue {
  color: #054c70;
}
.why_table .border_box {
  border: 1px solid #04c3de;
  padding: 5px 0;
}
@media (min-width: 960px) {
  .why_table .border_box {
    padding: 10px 0;
  }
}
.why_table > div:last-of-type {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .why_table > div:last-of-type {
    margin-top: 0;
  }
}
.why_table > div:last-of-type > div {
  background-color: #f3f4f5;
}

body.loaded #main_top #why_value .scroll .scrollInner.active .leftExtend {
  right: 0;
}
body.loaded #main_top #why_value .scroll .scrollInner.active .topMove.scrolled:before {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#main_top #advantage {
  background: #ccd0d4;
  padding: 60px 0;
  color: #1e2d39;
}
@media (min-width: 640px) {
  #main_top #advantage {
    padding: 70px 0;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/top/advantage_bg.jpg);
  }
}
#main_top #advantage h2.h2_format {
  color: #000000;
  letter-spacing: -0.1px;
}
#main_top #advantage h2.h2_format strong {
  color: #054c70;
}
#main_top #advantage .modalButtons .modalButton {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
#main_top #advantage .modalButtons .modalButton .txt {
  position: absolute;
  width: 100%;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: 700;
  z-index: 2;
}
@media (min-width: 640px) {
  #main_top #advantage .modalButtons .modalButton .txt {
    font-size: 3rem;
  }
}
#main_top #advantage a {
  text-decoration: underline;
}
#main_top #advantage a:hover {
  opacity: 1;
  text-decoration: none;
}
#main_top #advantage .whiteBoard {
  background-color: #f4f5f6;
  padding: 15px;
  color: #3b4b59;
}
@media (min-width: 960px) {
  #main_top #advantage .whiteBoard {
    padding: 30px;
  }
}
#main_top #advantage hr {
  border-color: #05c3de;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
}
#main_top .text_link {
  text-decoration: underline;
}
#main_top .arrow_link {
  padding-right: 25px;
  position: relative;
  text-align: right;
}
#main_top .arrow_link:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  background: url(../img/common/arrow04.png) no-repeat 0 0/contain !important;
  top: 0;
  right: 0;
}
@media (min-width: 640px) {
  #main_top .arrow_link:after {
    height: 22px;
    width: 22px;
    top: 8px;
    right: 0;
  }
}
#main_top .arrow_link:hover {
  cursor: pointer;
}
#main_top .num_ttl {
  text-align: center;
  border-bottom: 2px solid #0c4d6f;
}
@media (min-width: 640px) {
  #main_top .num_ttl {
    border-bottom: none;
  }
}
#main_top .num_ttl p {
  position: relative;
  padding-left: 50px;
  display: inline-block;
  line-height: 1.6;
}
@media (min-width: 640px) {
  #main_top .num_ttl p {
    padding-left: 80px;
    width: auto;
    line-height: 2.5;
    border-bottom: 2px solid #0c4d6f;
  }
}
#main_top .num_ttl p:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  background: url(../img/top/num01.png) no-repeat center center/contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
@media (min-width: 640px) {
  #main_top .num_ttl p:before {
    width: 65px;
    height: 51px;
    background: url(../img/top/num01.png) no-repeat center center/contain;
  }
}
#main_top .num_ttl.num02 p:before {
  background-image: url(../img/top/num02.png);
}
#main_top .num_ttl.num03 p:before {
  background-image: url(../img/top/num03.png);
}

body.loaded #main_top #advantage .scroll .scrollInner.active .leftExtend {
  right: 0;
}
body.loaded #main_top #advantage .scroll .scrollInner.active .topMove.scrolled:before {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#main_top #operation_results {
  background: #1e2d39;
  padding: 60px 0;
  color: #ffffff;
}
@media (min-width: 640px) {
  #main_top #operation_results {
    padding: 70px 0;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/top/operation_results_bg.jpg);
  }
}
#main_top #operation_results h2.h2_format {
  letter-spacing: -0.1px;
}
#main_top #operation_results .graph_line {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-property: right;
  transition-property: right;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/top/history_line.png);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media (min-width: 960px) {
  #main_top #operation_results .modalButtons > div img {
    opacity: 1;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    width: 100%;
    max-width: none;
  }
  #main_top #operation_results .modalButtons > div:nth-of-type(1) .modalButton {
    background: url(../img/top/btn_feature01_on.png) no-repeat 0 0/cover;
  }
  #main_top #operation_results .modalButtons > div:nth-of-type(2) .modalButton {
    background: url(../img/top/btn_feature02_on.png) no-repeat 0 0/cover;
  }
  #main_top #operation_results .modalButtons > div:nth-of-type(3) .modalButton {
    background: url(../img/top/btn_feature03_on.png) no-repeat 0 0/cover;
  }
}
@media (min-width: 960px) {
  #main_top #operation_results .modalButtons > div:hover img {
    opacity: 0;
  }
}
#main_top #operation_results .modalButtons .modalButton {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
#main_top #operation_results .modalButtons .modalButton .txt {
  position: absolute;
  width: 100%;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: 700;
  z-index: 2;
}
@media (min-width: 640px) {
  #main_top #operation_results .modalButtons .modalButton .txt {
    font-size: 3rem;
  }
}
#main_top #operation_results a {
  text-decoration: underline;
}
#main_top #operation_results a:hover {
  opacity: 1;
  text-decoration: none;
}
#main_top #operation_results .whiteBoard {
  background-color: #ffffff;
  padding: 15px;
  color: #3b4b59;
}
@media (min-width: 960px) {
  #main_top #operation_results .whiteBoard {
    padding: 30px;
  }
}
#main_top #operation_results hr {
  border-color: #05c3de;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
}
#main_top .text_link {
  text-decoration: underline;
}
#main_top .arrow_link {
  padding-right: 25px;
  position: relative;
  text-align: right;
}
#main_top .arrow_link:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  background: url(../img/common/arrow03.png) no-repeat 0 0/contain;
  top: 0;
  right: 0;
}
@media (min-width: 640px) {
  #main_top .arrow_link:after {
    height: 22px;
    width: 22px;
    top: 8px;
    right: 0;
  }
}
#main_top .arrow_link:hover {
  cursor: pointer;
}
#main_top .bg_graph01 {
  max-width: 1060px;
  background-image: url(../img/top/operation_results_graph01_02.png);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
#main_top .bg_graph02 {
  max-width: 1060px;
  background-image: url(../img/top/operation_results_graph01_04.png);
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
#main_top .operation_results_graph01_03 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#main_top .bg_graph03 {
  max-width: 1060px;
  background-image: url(../img/top/operation_results_graph01_05.png);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}
#main_top .bg_graph04 {
  max-width: 1060px;
  background-image: url(../img/top/operation_results_graph01_06.png);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}

.scrollAction .leftShow {
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  display: block;
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}

.scrollAction.active .leftShow {
  -webkit-animation: leftSlide 0.5s ease forwards;
          animation: leftSlide 0.5s ease forwards;
}

.note_kome span {
  white-space: nowrap;
}

body.loaded #main_top #why_value .scroll .scrollInner.active .leftExtend {
  right: 0;
}
body.loaded #main_top #why_value .scroll .scrollInner.active .topMove.scrolled:before {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#main_top #operation_reason {
  background: #ccd0d4;
  padding: 60px 0;
  color: #000000;
}
@media (min-width: 640px) {
  #main_top #operation_reason {
    padding: 70px 0;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/top/operation_reason_bg.jpg);
  }
}
#main_top #operation_reason h2.h2_format {
  color: #000000;
  letter-spacing: -0.1px;
}
#main_top #operation_reason h2.h2_format strong {
  color: #054c70;
}
#main_top #operation_reason .modalButtons .modalButton {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
#main_top #operation_reason .modalButtons .modalButton .txt {
  position: absolute;
  width: 100%;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: 700;
  z-index: 2;
}
@media (min-width: 640px) {
  #main_top #operation_reason .modalButtons .modalButton .txt {
    font-size: 3rem;
  }
}
#main_top #operation_reason a {
  text-decoration: underline;
}
#main_top #operation_reason a:hover {
  opacity: 1;
  text-decoration: none;
}
#main_top #operation_reason .whiteBoard {
  background-color: #ffffff;
  padding: 15px;
  color: #3b4b59;
}
@media (min-width: 960px) {
  #main_top #operation_reason .whiteBoard {
    padding: 30px;
  }
}
#main_top #operation_reason hr {
  border-color: #05c3de;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
}
#main_top #operation_reason .w-100p.w-md-50p {
  width: 100%;
}
@media (min-width: 640px) {
  #main_top #operation_reason .w-100p.w-md-50p {
    width: 50%;
  }
}
#main_top .text_link {
  text-decoration: underline;
}
#main_top .arrow_link {
  padding-right: 25px;
  position: relative;
  text-align: right;
}
#main_top .arrow_link:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  background: url(../img/common/arrow04.png) no-repeat 0 0/contain !important;
  top: 0;
  right: 0;
}
@media (min-width: 640px) {
  #main_top .arrow_link:after {
    height: 22px;
    width: 22px;
    top: 8px;
    right: 0;
  }
}
#main_top .arrow_link:hover {
  cursor: pointer;
}
@media (min-width: 960px) {
  #main_top .reason_btn p.modalButton img {
    opacity: 1;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    width: 100%;
    max-width: none;
  }
  #main_top .reason_btn p.modalButton.btn01 {
    background: url(../img/top/operation_reason_img04_on.png) no-repeat 0 0/cover;
  }
  #main_top .reason_btn p.modalButton.btn02 {
    background: url(../img/top/operation_reason_img05_on.png) no-repeat 0 0/cover;
  }
}
@media (min-width: 960px) {
  #main_top p.modalButton:hover img {
    opacity: 0;
  }
}

body.loaded #main_top #advantage .scroll .scrollInner.active .leftExtend {
  right: 0;
}
body.loaded #main_top #advantage .scroll .scrollInner.active .topMove.scrolled:before {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#main_top #iroha {
  background: #1e2d39;
  padding: 60px 0;
  color: #000000;
}
@media (min-width: 640px) {
  #main_top #iroha {
    padding: 70px 0;
  }
}
#main_top #iroha h2.h2_format {
  letter-spacing: -0.1px;
}
#main_top #iroha .whiteBoard {
  background-color: #ffffff;
  padding: 15px;
  color: #3b4b59;
}
@media (min-width: 960px) {
  #main_top #iroha .whiteBoard {
    padding: 30px;
  }
}
#main_top #iroha hr {
  border-color: #05c3de;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
}
#main_top .Accordion01 dl {
  background-color: #f3f4f5;
  background-image: none;
}
@media (min-width: 640px) {
  #main_top .Accordion01 dl {
    background-image: url(../img/top/bg_Accordion.jpg);
  }
}
#main_top .Accordion01 dl dt {
  padding-left: 70px;
  position: relative;
}
@media (min-width: 640px) {
  #main_top .Accordion01 dl dt {
    padding-left: 90px;
  }
}
#main_top .Accordion01 dl dt:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 45px;
  background: url(../img/top/acc_num01.png) no-repeat center center/contain;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 640px) {
  #main_top .Accordion01 dl dt:before {
    width: 57px;
    height: 65px;
    left: 20px;
  }
}
#main_top .Accordion01 dl dt.num02:before {
  background-image: url(../img/top/acc_num02.png);
}
#main_top .Accordion01 dl dt.num03:before {
  background-image: url(../img/top/acc_num03.png);
}
#main_top .Accordion01 dl dt.num04:before {
  background-image: url(../img/top/acc_num04.png);
}
#main_top .Accordion01 dl dt .txt {
  border-bottom: none;
  text-align: left;
}
#main_top .Accordion01 dl dt:after {
  border-color: #000000;
}
@media (min-width: 640px) {
  #main_top .Accordion01 dl dd {
    padding: 0 50px 30px;
  }
}

.scrollAction .leftShow {
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  display: block;
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}

.scrollAction.active .leftShow {
  -webkit-animation: leftSlide 0.5s ease forwards;
          animation: leftSlide 0.5s ease forwards;
}

.note_kome span {
  white-space: nowrap;
}

body.loaded #main_top #why_value .scroll .scrollInner.active .leftExtend {
  right: 0;
}
body.loaded #main_top #why_value .scroll .scrollInner.active .topMove.scrolled:before {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#main_report {
  margin-top: 50px;
}
@media (min-width: 960px) {
  #main_report {
    margin-top: 70px;
  }
}
#main_report .report_container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
#main_report #categoryLinks {
  display: block;
  width: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#main_report #categoryLinks ul {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
}
#main_report #categoryLinks ul > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  min-width: 150px;
}
#main_report #categoryLinks ul > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  text-align: center;
  padding: 10px 15px;
  background-color: #007db3;
  color: #ffffff;
  font-weight: 700;
  -webkit-transition: 0.5s color ease, 0.5s background-color ease;
  transition: 0.5s color ease, 0.5s background-color ease;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#main_report #categoryLinks ul > li a span {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.4;
}
@media (min-width: 960px) {
  #main_report #categoryLinks ul > li a span {
    font-size: 1.6rem;
  }
}
#main_report #categoryLinks ul > li a:hover {
  opacity: 1;
}
#main_report #categoryLinks ul > li.current a {
  background-color: #ffffff;
  color: #002f48;
}
#main_report #categoryLinks ul.hoverAction > li.current a {
  background-color: #007db3;
  color: #ffffff;
}
#main_report #categoryLinks ul.hoverAction > li.current.hoverOn a {
  background-color: #ffffff;
  color: #002f48;
}
#main_report #categoryLinks ul.hoverAction > li.hoverOn a {
  background-color: #ffffff;
  color: #002f48;
}
#main_report #reportList {
  background-color: #1e2d39;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 70px;
}
@media (min-width: 640px) {
  #main_report #reportList {
    padding-bottom: 120px;
  }
}
#main_report #reportList .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.6rem;
  color: #ffffff;
}
#main_report #reportList .wp-pagenavi > * {
  margin-left: 10px;
  margin-right: 10px;
}
#main_report #reportList .wp-pagenavi > *.current {
  color: #007db3;
  text-decoration: underline;
}
#main_report #postList {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background-color: #ffffff;
}
@media (min-width: 640px) {
  #main_report #postList {
    display: table;
  }
}
#main_report #postList .postData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.5;
}
@media (min-width: 640px) {
  #main_report #postList .postData {
    display: table-row;
  }
}
#main_report #postList .postData span[class^=post] {
  display: block;
  padding: 1em 1em 1em 0;
}
@media (min-width: 640px) {
  #main_report #postList .postData span[class^=post] {
    display: table-cell;
  }
}
#main_report #postList .postData span.postDate {
  padding-left: 1em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10em;
          flex: 0 0 10em;
  max-width: 10em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 640px) {
  #main_report #postList .postData span.postDate {
    display: table-cell;
    padding-left: 2em;
    max-width: none;
    max-width: inherit;
    width: 11em;
    vertical-align: middle;
  }
}
#main_report #postList .postData span.postCategory {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 10em);
          flex: 0 0 calc(100% - 10em);
  max-width: calc(100% - 10em);
}
@media (min-width: 640px) {
  #main_report #postList .postData span.postCategory {
    text-align: center;
    vertical-align: middle;
    max-width: none;
    max-width: inherit;
    width: 10em;
  }
}
#main_report #postList .postData span.postCategory .categoryBox {
  display: inline-block;
  font-size: 1.1rem;
  color: #ffffff;
  text-align: center;
  padding: 0.5em 2em;
  width: 15em;
}
@media (min-width: 640px) {
  #main_report #postList .postData span.postCategory .categoryBox {
    font-size: 1.2rem;
    padding: 0.5em 2em;
  }
}
#main_report #postList .postData span.postCategory .categoryBox.baltimore, #main_report #postList .postData span.postCategory .categoryBox.category_type02 {
  background-color: #004e70;
}
#main_report #postList .postData span.postCategory .categoryBox.special, #main_report #postList .postData span.postCategory .categoryBox.category_type03 {
  background-color: #166a54;
}
#main_report #postList .postData span.postCategory .categoryBox.other, #main_report #postList .postData span.postCategory .categoryBox.category_type04 {
  background-color: #3b464f;
}
#main_report #postList .postData span.postTitle {
  padding: 0 1em 1em 1em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 640px) {
  #main_report #postList .postData span.postTitle {
    vertical-align: middle;
    max-width: none;
    max-width: inherit;
    padding: 1em 1em 1em 0;
  }
}
#main_report #postList .postData:nth-of-type(2n-1) span[class^=post] {
  background-color: #ebebeb;
}

.pager_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.6rem;
  color: #ffffff;
}
.pager_box > * {
  margin-left: 10px;
  margin-right: 10px;
}
.pager_box > * a.active {
  color: #007db3;
  text-decoration: underline;
}

#main_about {
  margin-top: 50px;
  /*navArea*/
}
@media (min-width: 960px) {
  #main_about {
    margin-top: 70px;
  }
}
@media (min-width: 960px) {
  #main_about #navArea .row.gutter-00 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 960px) {
  #main_about #navArea .row.gutter-00 .col-lg-6 {
    padding-left: 0;
    padding-right: 0;
  }
}
#main_about #navArea .dif {
  position: relative;
  color: #ffffff;
  padding: 30px 15px;
}
@media (min-width: 960px) {
  #main_about #navArea .dif {
    background-color: #000000;
    padding: 50px 35px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 30px 40px;
  }
}
#main_about #navArea .dif:before {
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  padding: 0 15px;
  background-color: #000000;
}
@media (min-width: 960px) {
  #main_about #navArea .dif:before {
    display: none;
  }
}
#main_about #navArea .dif > * {
  position: relative;
}
#main_about #navArea .dif .integer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-all;
}
#main_about #navArea .dif .integer .ttl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 700;
  margin-right: 0.2em;
}
@media (min-width: 640px) {
  #main_about #navArea .dif .integer .ttl {
    font-size: 2.8rem;
  }
}
#main_about #navArea .dif .integer .val {
  font-weight: 900;
  font-size: 3rem;
  line-height: 1;
}
@media (min-width: 960px) {
  #main_about #navArea .dif .integer .val {
    font-size: 4rem;
    letter-spacing: -1.5px;
  }
}
#main_about #navArea .dif .integer .val strong {
  color: #05c3de;
  font-weight: 700;
  font-size: 5.7rem;
}
@media (min-width: 960px) {
  #main_about #navArea .dif .integer .val strong {
    font-size: 7.6rem;
  }
}
#main_about #navArea .anchorBox {
  width: 100%;
  display: block;
}
@media (min-width: 640px) {
  #main_about #navArea .anchorBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#main_about #navArea .anchorBox > * {
  display: block;
}
@media (min-width: 640px) {
  #main_about #navArea .anchorBox > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    position: relative;
  }
  #main_about #navArea .anchorBox > *:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
  }
  #main_about #navArea .anchorBox > *:hover {
    opacity: 1;
  }
  #main_about #navArea .anchorBox > *:hover:after {
    opacity: 0;
  }
}
@media (min-width: 640px) {
  #main_about #navArea .anchorBox > *:nth-of-type(1):after {
    background-image: url(../img/about/btn_link01_off_md.png);
  }
}
@media (min-width: 640px) {
  #main_about #navArea .anchorBox > *:nth-of-type(2):after {
    background-image: url(../img/about/btn_link02_off_md.png);
  }
}
@media (min-width: 640px) {
  #main_about #navArea .anchorBox > *:nth-of-type(3):after {
    background-image: url(../img/about/btn_link03_off_md.png);
  }
}
#main_about #navArea .about_bg {
  background: url(../img/about/about_bg_sp.jpg) no-repeat center center/cover;
}
@media (min-width: 960px) {
  #main_about #navArea .about_bg {
    background: url(../img/about/about_bg.jpg) no-repeat center center/cover;
  }
}
#main_about #navArea .about_bg .row {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 960px) {
  #main_about #navArea .about_bg .row {
    padding-left: 15px;
    padding-right: 15px;
  }
}/*# sourceMappingURL=style.css.map */