/*

TOP

*/
/* FV
----------------------------- */
.mv {
    position: relative;
    min-height: 385px;
    background-image: url(img/main_bg01.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 70%;
    min-width: 1200px;
  }
  .mv .mv_inner {
    max-width: 900px;
    width: 57%;
    display: block;
    padding: 4rem 4rem 4rem 4rem;
    background: #0d2e85;
    margin: 0 auto;
    margin-right: 10%;
    position: absolute;
    right: calc((100VW - 100%) * -1 / 2);
    bottom: -1rem;
  }
  .mv .mv_inner::before {
    /* position:absolute; */
    content: '';
    /* background: rgba(9,82,134,.8); */
    /* height:100%; */
    /* width: 100vw; */
    /* top: 0; */
    /* left:-100vw; */
  }

  @media screen and (max-width: 999px) {
    .mv .mv_inner {
      padding: 3rem 4rem;
      /* justify-content: center; */
   }
  }

  .mv .mv_inner h2.mv_title {
    margin: 1rem 4rem 1rem 0;
    font-size: 2.8rem;
    padding: 0 0rem;
    line-height: 1.5;
    color: #fff;
    margin: auto 0 2rem;
    margin-right: 3.5rem;
    font-weight: bold;
  }
  .mv .mv_inner p.mv_text {
    color: #fff;
    line-height: 1.6;
    width: 100%;
    margin: auto 0;
    font-family: 'Segoe UI', Meiryo, sans-serif;
  }
  /* compare-table-frame
  ----------------------------- */
  .compare-table-frame {
  }
  .compare-table-group {
    margin: 2rem 0 3rem;
    padding: 2rem 2rem 3rem;
    background: #f2f2f2;
  }
  .contents_top .compare-table-group h2,
  .contents_top .compare-table-group h3,
  .contents_top .compare-table-group h4,
  .contents_top .compare-table-group h5,
  .contents_top .compare-table-group .catch-copy,
  .contents-left .image-text-area.image-static .image-text__text.text-static p.catch-copy,
  .contents-right .image-text-area.image-static .image-text__text.text-static p.catch-copy,
  .contents-left .top-image-text-box .image-text-area.image-wrap .image-text__text.text-wrap p.catch-copy,
  .contents-right .top-image-text-box .image-text-area.image-wrap .image-text__text.text-wrap p.catch-copy
  {
    color: #333;
    font-size: 2rem;
    background: url(img/underline_catch01.png) no-repeat center bottom;
    background-size: 100% auto;
    text-align: center;
    margin: 2rem 0 3rem;
    padding: 0 0 2rem;
    font-family: "", serif;
  }
  .compare-table-group .catch02 {
    padding: 1.5rem 0;
    text-align: center;
    border-top: 2px solid #16b7bf;
    border-bottom: 2px solid #16b7bf;
    font-size: 2.5rem;
    line-height: 1.2;
    color: #16b7bf;
    margin: 2rem 0 3rem;
  }

  /*/////img/////*/
  .top-image-text-box {
    margin: 30px 0;
  }
  .top-image-text-box .catch-copy {
    line-height: 1.4;
    margin: 2rem 0 3rem;
    padding: 0 0 2rem;
    padding-top: 3px;
  }

  /*/////title-text-area /////*/
  .compare-table-frame .title-text-area{
    background: #fff;
    padding: 2rem;
    margin: 3rem auto;
  }
  .compare-table-frame .title-text-area .top-title h2,
  .compare-table-frame .title-text-area .top-title h3,
  .compare-table-frame .title-text-area .top-title h4,
  .compare-table-frame .title-text-area .top-title h5{
    margin-top:0;
    font-weight: normal;
  }
  .compare-table-frame .title-text-area .top-title .box-head{
    line-height: 140%;
    position: relative;
    color: #005092;
    font-size: 2.2rem;
    font-weight: normal;
    background-size: 100% auto;
    margin: 0;
    margin-left: 3rem;
    font-family: "", serif;
    border-left: 6px solid #ebb50b;
    padding: 0;
    padding-left: 1.7rem;
  }

  /*/////image-text-area /////*/
  .compare-table-frame .compare-table-group .image-text-area {
    background: #fff;
    padding: 2rem;
  }

  .compare-table-frame .compare-table-group .image-text-area .table-layout table tr td {
    vertical-align: middle;
  }

  /*/////title-table-area  /////*/
  .compare-table-frame .compare-table-group .title-table-area {
    margin: 3rem auto;
    background: #fff;
    padding: 2rem;
  }
  .compare-table-frame .compare-table-group .title-table-area h2 ,
  .compare-table-frame .compare-table-group .title-table-area h3 ,
  .compare-table-frame .compare-table-group .title-table-area h4 ,
  .compare-table-frame .compare-table-group .title-table-area h5 {
    line-height: 140%;
    position: relative;
    color: #005092;
    font-size: 2rem;
    background-size: 100% auto;
    margin-left: 3rem;
    font-family: "", serif;
    padding: 0.5rem;
    border-left: 6px solid #ebb50b;
    padding-left: 1.7rem;
    background: none;
    text-align: left;
    background: none;
  }
  .compare-table-frame .compare-table-group .title-table-area h2 a,
  .compare-table-frame .compare-table-group .title-table-area h3 a,
  .compare-table-frame .compare-table-group .title-table-area h4 a,
  .compare-table-frame .compare-table-group .title-table-area h5 a{
    color: #005092;
  }
  .compare-table-frame .compare-table-group .title-table-area h3 {
  }
  .compare-table-frame .compare-table-group .title-table-area h3 a,
  .compare-table-frame .compare-table-group .title-table-area h4 a,
  .compare-table-frame .compare-table-group .title-table-area h5 a{
    color: #005092;
  }
  .compare-table-frame .compare-table-group .title-table-area h3::before {
    width: 50px;
    height: 50px;
    background: url(img/h3-icon.png) no-repeat center 8px #f46891;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 10px;
  }
  .compare-table-frame .compare-table-group .title-table-area h4 {
/*    line-height: 140%;
    position: relative;
    color: #005092;
    font-size: 2.2rem;
    font-weight: normal;
    background-size: 100% auto;
    margin: 0;
    margin-left: 3rem;
    font-family: "", serif;
    border-left: 6px solid #ebb50b;
    padding: 0;
    padding-left: 1.7rem;*/
  }
  .compare-table-frame .compare-table-group .title-table-area h4::after {
  }
  .compare-table-frame .compare-table-group .title-table-area h5 {
  }
  .compare-table-frame .compare-table-group .title-table-area h5::before {
    content: '';
  }

    /*  */
    .compare-table-frame .underlayer-title h2,
    .compare-table-frame .underlayer-title h3,
    .compare-table-frame .underlayer-title h4,
    .compare-table-frame .underlayer-title h5 {
    margin-top: 0;
    padding-top: 0;
    }

  .compare-table-frame .compare-table-group .title-table-area .table-layout table {}
  .compare-table-frame .compare-table-group .title-table-area .table-layout table tr td:nth-child(1) {}
  .compare-table-frame .compare-table-group .title-table-area .table-layout table tr td {
    vertical-align: middle;
  }


  /*/////title-list-area /////*/

  .compare-table-frame .compare-table-group .title-list-area {
    background: #fff;
    padding: 2rem;
    margin-bottom: 2.5rem;
    border-radius: 8px;
  }

  .compare-table-frame .compare-table-group .title-list-area h2 ,
  .compare-table-frame .compare-table-group .title-list-area h3 ,
  .compare-table-frame .compare-table-group .title-list-area h4 ,
  .compare-table-frame .compare-table-group .title-list-area h5 {
    width: 100%;
    margin: 0 auto 3rem;
    padding: 2.0rem 0 2.0rem 75px;
    background-color: #fff;
    font-size: 2.8rem;
    line-height: 140%;
    position: relative;
    background: url(img/title_list_icon.png) no-repeat 5px 50%;
    background-size: 55px 54px;
    min-height: 55px;
    top: 0;
    bottom: 0;
    text-align: left;
  }

  .compare-table-frame .compare-table-group .title-list-area h2::before ,
  .compare-table-frame .compare-table-group .title-list-area h3::before ,
  .compare-table-frame .compare-table-group .title-list-area h4::before ,
  .compare-table-frame .compare-table-group .title-list-area h5::before {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #005092;
  }
  .compare-table-frame .compare-table-group .title-list-area h2::after,
  .compare-table-frame .compare-table-group .title-list-area h3::after ,
  .compare-table-frame .compare-table-group .title-list-area h4::after ,
  .compare-table-frame .compare-table-group .title-list-area h5::after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #005092;
  }


  .compare-table-frame .compare-table-group .title-list-area ul li {
    color: #005092;
    background: url(img/icon_catch04.png) no-repeat 22px 21px #fcf4db;
    margin: 0 0 2rem;
    padding: 1.5rem 1.5rem 1.5rem 4.8rem;
    line-height: 1.6;
    font-size: 1.7rem;
  }
  .compare-table-frame .compare-table-group .title-list-area ul li:last-child{
    margin:0;
  }
  .compare-table-frame .compare-table-group .title-list-area ul li a {
    color: #005092;
  }
  .compare-table-frame .compare-table-group .title-list-area ul li p {
    color: #333;
    margin: 2rem 0 2rem -2.2rem;
  }
  /*----------------------------------------------------
      SP_css
  ----------------------------------------------------*/
  @media screen and (max-width: 599px) {
    /* FV
  ----------------------------- */
  .mv {
      padding: 10% 0;
      padding-bottom: 0;
  }
    .mv .mv_inner {
      max-width: 100%;
      width: 95%;
      margin: 0px auto;
      padding: 2rem 0rem;
      display: block;
      margin-top: 45%;
      position: relative;
      left: 0;
      border-radius: 0.5rem;
      bottom: 1rem;
    }
    .mv .mv_inner h2.mv_title {
      margin: auto;
      font-size: 2rem;
      line-height: 1.3;
      text-align: justify;
      display: block;
      width: 90%;
      padding: 3%;
    }
    .mv .mv_inner p.mv_text {
      line-height: 1.6;
      text-align: justify;
      width: 90%;
      padding: 2%;
      margin: auto;
    }
    /* compare-table-frame
  ----------------------------- */
    .compare-table-group {
      padding: 3%;
    }
    .compare-table-group h2,
    .compare-table-group h3,
    .compare-table-group h4,
    .compare-table-group h5 {
      font-size: 2rem;
      margin: 0 auto 3rem;
      line-height: 1.3;
    }
    .contents_top .compare-table-group .catch-copy {
      font-size: 1.7rem;
      margin: 1rem 0 1.5rem;
      padding: 0 0 1.2rem;
      line-height: 1.4;
    }
  /*/////image-text-area /////*/
  .compare-table-frame .compare-table-group .image-text-area {
    padding: 5%;
  }

  /*/////title-text-area /////*/
  .compare-table-frame .title-text-area{
    padding: 5%;
  }
  /*/////title-table-area  /////*/
  .compare-table-frame .compare-table-group .title-table-area {
    padding: 5%;
  }
  .compare-table-frame .compare-table-group .title-table-area h2,
  .compare-table-frame .compare-table-group .title-table-area h3,
  .compare-table-frame .compare-table-group .title-table-area h4,
  .compare-table-frame .compare-table-group .title-table-area h5 {
      width: 100%;
      margin: 4rem 0 3rem 0;
  }

  .compare-table-frame .compare-table-group .title-table-area h2 ,
  .compare-table-frame .compare-table-group .title-table-area h3 ,
  .compare-table-frame .compare-table-group .title-table-area h4 ,
  .compare-table-frame .compare-table-group .title-table-area h5 {
    padding: 0 0.8rem;
    margin: 0;
    font-size: 2rem;
    border-left: 0.4rem solid #ebb50b;
  }

  .compare-table-frame .compare-table-group .title-table-area h4 {
  }
  .compare-table-frame .compare-table-group .title-table-area h4::after {
    content: "";
  }
  .compare-table-frame .compare-table-group .title-table-area h5 {
  }
  .compare-table-frame .compare-table-group .title-table-area h5::before {
    content: "";
  }

  .compare-table-frame .compare-table-group .title-table-area .title-div {
    font-size: 1.6rem;
  }

  /*/////title-list-area /////*/

  .compare-table-frame .compare-table-group .title-list-area {
    background: #fff;
    padding: 5%;
  }
  .compare-table-frame .compare-table-group .title-list-area h2,
  .compare-table-frame .compare-table-group .title-list-area h3,
  .compare-table-frame .compare-table-group .title-list-area h4,
  .compare-table-frame .compare-table-group .title-list-area h5 {
      width: 100%;
      margin: 2rem 0 3rem 0;
  }

  .compare-table-frame .compare-table-group .title-list-area h2 {
    padding: 1rem;
    font-size: 2rem;
    text-align: left;
    padding-left: 18%;
    background-size: 13%;
    background-position: 5px 13px;
    margin: 0.1rem 0;
  }




    .underlayer-title h2,
    .compare-table-frame .compare-table-group .title-list-area h2 ,
    .compare-table-frame .compare-table-group .title-list-area h3 ,
    .compare-table-frame .compare-table-group .title-list-area h4 ,
    .compare-table-frame .compare-table-group .title-list-area h5 {
      padding: 1rem;
      font-size: 2rem;
      text-align: left;
      padding-left: 18%;
      background-size: 13%;
      background-position: 5px 13px;
      margin: 0.1rem 0;
    }
    .underlayer-title  h2::before,
    .compare-table-frame .compare-table-group .title-list-area h2::before {
      content: '';
      width: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      border-top: 1px solid #005092;
    }
    .underlayer-title h2::after,
    .compare-table-frame .compare-table-group .title-list-area h2::after{
      content: '';
      width: 100%;
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      border-bottom: 1px solid #005092;
    }









  .compare-table-frame .compare-table-group .title-list-area ul li {
    background: url(img/icon_catch04.png) no-repeat left 6% top 18px #f9f2e0;
    margin: 0 0 2rem;
    padding: 5% 5% 5% 16%;
    line-height: 1.6;
    font-size: 1.5rem;
  }
  .compare-table-frame .compare-table-group .title-list-area ul li p {
    color: #333;
    margin: 2rem 0 2rem -3rem;
  }

  .contents_top .compare-table-group h2,
  .contents_top .compare-table-group h3,
  .contents_top .compare-table-group h4,
  .contents_top .compare-table-group h5,
  .contents_top .compare-table-group .catch-copy {
      background: url(img/underline_catch01_sp.png) repeat-x center bottom;
      background-size: 5% auto;
  }

  .compare-table-frame .title-text-area .top-title .box-head{
    margin: 0;
    padding-left: 3%;
    font-size: 1.6rem;
  }

  .mv .mv_inner::before {
      content: none;
  }

  .mv {
      background: url(img/mv1.png) no-repeat left 0.2rem top 0;
      background-size: 100%;
      width: 100%;
      padding: 0;
      margin: 0;
      padding-top: 10%;
      min-width: auto;
      min-height: auto;
  }

}