@charset "UTF-8";
@media screen and (max-width: 900px) {
  * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  * *::before,
* *::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  html {
    font-size: 62.5%;
  }
  /*メインビジュアル*/
  /*メインビジュアル PC版*/
  /*メインビジュアル SP版*/
  /*コンテンツ*/
  /*アプリケーション*/
  /*アプリケーションキャッチコピー PC版*/
  /*アプリケーションキャッチコピー SP版*/
  /*各アプリケーション*/
  /*資料請求誘導*/
  /*資料紹介 PC版*/
  /*資料紹介 SP版*/
  /*資料紹介ボタン*/
  /*スクロールエリア*/
  /*フッター*/
}
@media screen and (max-width: 900px) and (min-width: 900px) {
  html {
    font-size: 0.7142857143vw;
  }
}
@media screen and (max-width: 900px) and (min-width: 1400px) {
  html {
    font-size: 62.5%;
  }
}
@media screen and (max-width: 900px) {
  body {
    font-family: "Noto Sans JP", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}
@media screen and (max-width: 900px) {
  li {
    list-style: none;
  }
}
@media screen and (max-width: 900px) {
  .container {
    padding: 0 5%;
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 900px) {
  .container_mv {
    padding: 0 5%;
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 900px) {
  .mv_wrapper_pc {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .mv_main_sp {
    display: inline;
  }
  .mv_main_sp .mv_main_inner {
    position: relative;
  }
  .mv_main_sp .mv_main_inner img {
    width: 100%;
    margin: 0 auto;
  }
  .mv_main_sp .mv_main_inner a {
    position: absolute;
    top: 90.4%;
    left: 61%;
    display: block;
    width: 37%;
    height: 7%;
  }
  .mv_main_sp .mv_sp_bg {
    background-color: #9B0001;
    padding: 3rem 0;
    margin-top: -1%;
  }
  .mv_main_sp .mv_sp_bg .mv_sp_main_copy {
    font-size: 3rem;
    font-weight: bold;
    color: white;
    line-height: 140%;
  }
  .mv_main_sp .mv_sp_bg .mv_sp_text {
    font-size: 1.8rem;
    color: white;
    margin-top: 1rem;
    line-height: 170%;
    text-align: justify;
  }
}
@media screen and (max-width: 900px) {
  .contents_area {
    width: 100%;
    margin: 0 auto;
    padding: 5% 0 0;
  }
  .contents_area .point_title img {
    margin-top: 2rem;
    margin-bottom: -0.3rem;
    max-width: 30rem;
  }
  .contents_area .contents_bg {
    background-color: #6C8296;
  }
  .contents_area .contents_inner {
    flex-direction: column;
  }
  .contents_area .contents_inner .contents_text {
    width: 100%;
    padding: 5% 0;
  }
  .contents_area .contents_inner .contents_text .contents_copy {
    font-size: 3rem;
    color: white;
  }
  .contents_area .contents_inner .contents_text .contents_copy_body {
    font-size: 2rem;
    color: white;
    line-height: 170%;
    margin-top: 3%;
  }
  .contents_area .contents_inner .contents_img {
    width: 100%;
    padding: 3% 2% 6%;
  }
  .contents_area .contents_inner .contents_img img {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .area_bg {
    background-color: #EFEFEF;
    z-index: 0;
    margin-top: 10%;
  }
}
@media screen and (max-width: 900px) {
  .app_title_bg_pc {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .app_title_bg_sp {
    display: inline;
    width: 100%;
    position: relative;
    margin-top: 10rem;
  }
  .app_title_bg_sp img {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .app_contents_area {
    display: flex;
    flex-direction: column;
    margin: 0 -1rem;
  }
  .app_contents_area .app_contents_inner {
    background-color: white;
    padding: 7% 0 4%;
    width: 100%;
    margin: 5% auto 0;
  }
  .app_contents_area .app_contents_inner .app_contents_title {
    background-color: #032665;
  }
  .app_contents_area .app_contents_inner .app_contents_title p {
    font-size: 3.5rem;
    font-weight: bold;
    color: white;
    text-align: center;
  }
  .app_contents_area .app_contents_inner .app_contents_text {
    padding: 4% 5%;
  }
  .app_contents_area .app_contents_inner .app_contents_text p {
    font-size: 1.6rem;
    line-height: 170%;
  }
  .app_contents_area .app_contents_inner .app_contents_img {
    text-align: center;
    margin-top: 3%;
  }
  .app_contents_area .app_contents_inner .app_contents_img img {
    width: 100%;
    padding: 0 5%;
  }
}
@media screen and (max-width: 900px) {
  .request_inner {
    margin-top: 5rem;
  }
  .request_inner .request_copy {
    font-size: 2rem;
    font-weight: bold;
    color: #032665;
    text-align: center;
    line-height: 120%;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 900px) {
  .request_type {
    flex-direction: column;
    margin: 0 -1%;
    justify-content: space-between;
    padding-bottom: 10%;
  }
  .request_type li {
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: white;
    background-color: #032665;
    padding: 0.5% 0;
    margin: 1% 1%;
    z-index: 2;
  }
}
@media screen and (max-width: 900px) {
  .request_document_bg_pc {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .request_document_bg_sp {
    display: inline-block;
    position: relative;
  }
  .request_document_bg_sp img {
    width: 100%;
    margin: 0 auto;
    margin-top: -13%;
  }
  .request_document_bg_sp .request_document {
    flex-direction: column !important;
    width: 100%;
  }
  .request_document_bg_sp .request_document .request_document_inner {
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    transform: translate(0, -10%);
    text-align: center;
  }
  .request_document_bg_sp .request_document .request_document_inner img {
    width: 70%;
  }
  .request_document_bg_sp .request_document .request_document_inner p {
    width: 100%;
    margin: 3% auto;
    padding: 0 10%;
    font-size: 1.5rem;
    line-height: 170%;
  }
}
@media screen and (max-width: 900px) {
  .request_btn_area {
    width: 100%;
    text-align: center;
    margin: 2% 0 10%;
  }
  .request_btn_area .request_btn {
    background-color: #AD0003;
    border-radius: 0.5rem;
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    display: inline-block;
    text-decoration: none;
    padding: 1% 3%;
    line-height: 150%;
    box-shadow: 0.4rem 0.4rem 0.4rem #9E9E9F;
  }
  .request_btn_area .request_btn span {
    font-size: 3.5rem;
    font-weight: bold;
  }
  .request_btn_area .request_btn:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
}
@media screen and (max-width: 900px) {
  .scroll_area {
    opacity: 0;
    display: none;
    /*topへ戻るボタン　追従*/
    /*資料紹介ボタン 追従*/
  }
  .scroll_area #scroll_top_btn {
    position: fixed;
    bottom: 2rem;
    right: 2%;
    z-index: 999;
  }
  .scroll_area .request_btn_scroll_pc {
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 999;
  }
  .scroll_area .request_btn_scroll_pc .request_btn_scroll_pc_bg {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3% 0;
  }
  .scroll_area .request_btn_scroll_pc .request_btn_scroll_pc_bg .request_btn_scroll {
    background-color: #AD0003;
    border-radius: 0.5rem;
    font-size: 2rem;
    font-weight: bold;
    color: white;
    display: inline-block;
    text-decoration: none;
    padding: 1.5% 3.5%;
    line-height: 150%;
    box-shadow: 0.4rem 0.4rem 0.4rem #9E9E9F;
  }
  .scroll_area .request_btn_scroll_pc .request_btn_scroll_pc_bg .request_btn_scroll span {
    font-size: 3rem;
    font-weight: bold;
  }
  .scroll_area .request_btn_scroll_pc .request_btn_scroll_pc_bg .request_btn_scroll:hover {
    opacity: 0.7;
    transition: 0.3s;
  }
}
@media screen and (max-width: 900px) {
  .active {
    opacity: 1;
    display: inline;
  }
}
@media screen and (max-width: 900px) {
  footer .footer_bg {
    position: relative;
    margin: 0 auto;
  }
  footer .footer_bg .footer_bg_pc img {
    display: none;
  }
  footer .footer_bg .footer_bg_sp img {
    display: inline;
    width: 100%;
    margin: 0 auto;
  }
  footer .footer_bg .link_list_area {
    position: absolute;
    top: 17%;
    width: 100%;
    margin: 0 auto;
  }
  footer .footer_bg .link_list_area .link_list_inner {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  footer .footer_bg .link_list_area .link_list_inner a {
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    text-decoration: none;
    line-height: 180%;
  }
  footer .footer_bg .link_list_area a:hover {
    color: #9B0001;
  }
  footer .copyright {
    background-color: #9B0001;
  }
  footer .copyright p {
    font-size: 1.2rem;
    text-align: center;
    color: white;
    line-height: 300%;
  }
}
@media screen and (max-width: 900px) {
  .float-btn {
    bottom: 9rem;
    z-index: 999;
    padding: 0.9rem 4rem 0.9rem 1rem;
    box-shadow: 0.6rem 0.6rem 0.6rem rgba(0, 0, 0, 0.3);
    font-weight: 700;
  }
  .float-btn span {
    display: block;
    font-size: 1.4rem;
    margin: 0 0 0.3rem;
  }
  .float-btn__link {
    font-size: 2rem;
    color: #fff;
  }
}
@media screen and (max-width: 900px) {
  .middle-bnr {
    padding: 4rem 0 4rem;
  }
}/*# sourceMappingURL=responsive.css.map */