@charset "UTF-8";
/*1331px以上で適用する内容*/
@media screen and (min-width: 1331px) {
  /* メインビジュアル----------------------------------------------- */
  .mainvisual {
    background-color: #ef423c;
    width: 100%;
    padding: 84px 0 0 0;
  }
  .mainvisual .mainvisual_main {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    color: white;
  }
  .mainvisual .mainvisual_main img {
    width: 560px;
    margin-bottom: 30px;
  }
  .mainvisual .mainvisual_main h1 {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 15px;
  }
  .mainvisual .mainvisual_main p {
    font-size: 17px;
    line-height: 1.7;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 991px) and (max-width: 1330px) {
  /* メインビジュアル----------------------------------------------- */
  .mainvisual {
    background-color: #ef423c;
    width: 100%;
    padding: 66px 0 0 0;
  }
  .mainvisual .mainvisual_main {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    color: white;
  }
  .mainvisual .mainvisual_main img {
    width: 560px;
    margin-bottom: 30px;
  }
  .mainvisual .mainvisual_main h1 {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 15px;
  }
  .mainvisual .mainvisual_main p {
    font-size: 17px;
    line-height: 1.7;
    padding-bottom: 50px;
  }
}
/*991px以上で適用する内容*/
@media screen and (min-width: 991px) {
  /* all----------------------------------------------- */
  .all {
    width: 100%;
    position: relative;
  }

  /* main_contents----------------------------------------------- */
  .main_contents {
    width: 1000px;
    margin: 0 auto;
  }

  /* about----------------------------------------------- */
  .about {
    width: 100%;
    padding: 70px 0;
  }
  .about .about_title {
    text-align: center;
    margin: 0 0 50px 0;
  }
  .about .about_title img {
    width: 35px;
  }
  .about .about_title h2 {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.5;
    margin: 25px 0;
  }
  .about .about_title h2 img {
    width: 170px;
    margin: 0 10px 0 0;
  }
  .about .about_title p {
    font-size: 17px;
    line-height: 1.7;
  }
  .about .about_pv {
    text-align: center;
    margin: 0 0 50px 0;
  }
  .about .about_pv a {
    padding: 10px;
    border: 2px solid #ef423c;
    width: 720px;
    height: 405px;
    display: inline-block;
  }
  .about .about_pv a img {
    width: 100%;
  }
  .about .about_step h3 {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.5;
    background-color: #2c53a3;
    color: white;
    width: 400px;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    padding: 10px 0;
    margin-bottom: 40px;
  }
  .about .about_step img.ab_ti-subtitle {
    width: 21px;
    margin: calc((255px - 24px) / 2 ) 20px;
    float: left;
  }
  .about .about_step .ab_st-step {
    float: left;
    width: calc( (999px - ((21px + 40px)*2)) / 3 );
    text-align: center;
  }
  .about .about_step .ab_st-step img {
    width: 47px;
  }
  .about .about_step .ab_st-step h4 {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.5;
    color: #ef423c;
    border-bottom: 1px solid #ef423c;
    padding: 20px 0 10px;
    width: 200px;
    margin: 0 auto;
  }
  .about .about_step .ab_st-step p {
    font-size: 15px;
    line-height: 1.5;
    padding-top: 10px;
  }

  /* title----------------------------------------------- */
  .melit_title, .use_title, .format_title, .customer_title, .faq_title, .document_title, .entry_title {
    text-align: center;
    margin: 0 auto 50px;
    width: 100%;
  }
  .melit_title img, .use_title img, .format_title img, .customer_title img, .faq_title img, .document_title img, .entry_title img {
    width: 35px;
  }
  .melit_title h2, .use_title h2, .format_title h2, .customer_title h2, .faq_title h2, .document_title h2, .entry_title h2 {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.5;
    margin: 25px 0;
  }
  .melit_title h2 img, .use_title h2 img, .format_title h2 img, .customer_title h2 img, .faq_title h2 img, .document_title h2 img, .entry_title h2 img {
    width: 170px;
    margin: 0 10px 0 0;
  }
  .melit_title p, .use_title p, .format_title p, .customer_title p, .faq_title p, .document_title p, .entry_title p {
    font-size: 15px;
    line-height: 1.5;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 80%;
  }

  /* melit----------------------------------------------- */
  .melit_bg {
    background-color: #65bed2;
    width: 100%;
    margin: 0 -500%;
    padding: 0 500%;
  }
  .melit_bg .melit {
    width: 1000px;
    padding: 70px 0;
  }
  .melit_bg .melit .melit_contents {
    width: 760px;
    margin: 0 auto 40px;
  }
  .melit_bg .melit .melit_contents .me_co-left {
    width: 66%;
    height: 200px;
    position: relative;
    float: left;
  }
  .melit_bg .melit .melit_contents .me_co-left img {
    width: 136px;
    position: absolute;
    bottom: 0;
  }
  .melit_bg .melit .melit_contents .me_co-left h3 {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.5;
    font-weight: bold;
    color: #ef423c;
    position: absolute;
    bottom: 60px;
    left: 70px;
  }
  .melit_bg .melit .melit_contents .me_co-left p {
    font-size: 15px;
    line-height: 1.5;
    position: absolute;
    bottom: 0;
    left: 70px;
  }
  .melit_bg .melit .melit_contents .me_co-left h3.san_line {
    bottom: 84px;
  }
  .melit_bg .melit .melit_contents .me_co-left h3.yon_line {
    bottom: 103px;
  }
  .melit_bg .melit .melit_contents .me_co-right img {
    width: 200px;
    float: right;
  }
  .melit_bg .melit .melit_btn-document {
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
    width: 440px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .melit_bg .melit .melit_btn-document a {
    display: block;
    color: white;
    background-color: #2c53a3;
    border-radius: 80px;
    padding: 13px 0;
    transition: .3s;
    border: 2px solid #2c53a3;
  }
  .melit_bg .melit .melit_btn-document a:hover {
    background-color: white;
    color: #ef423c;
    border: 2px solid #ef423c;
    font-weight: bold;
  }

  /* use----------------------------------------------- */
  .use {
    width: 1000px;
    padding: 70px 0;
  }
  .use .use_contents {
    position: relative;
    text-align: center;
    width: 220px;
    height: 230px;
    float: left;
    margin: 0 calc((999px - 220px * 3) / 6) 40px;
    color: #ef423c;
  }
  .use .use_contents img {
    width: 220px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: -1;
  }
  .use .use_contents h3 {
    font-size: 17px;
    line-height: 1.7;
  }
  .use .use_btn-details {
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
    width: 440px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .use .use_btn-details a {
    display: block;
    color: white;
    background-color: #2c53a3;
    border-radius: 80px;
    padding: 13px 0;
    transition: .3s;
    border: 2px solid #2c53a3;
  }
  .use .use_btn-details a:hover {
    background-color: white;
    color: #ef423c;
    border: 2px solid #ef423c;
    font-weight: bold;
  }

  /* format----------------------------------------------- */
  .format_bg {
    background-color: #65bed2;
    width: 100%;
    margin: 0 -500%;
    padding: 0 500%;
  }

  .format {
    width: 1000px;
    padding: 70px 0;
  }
  .format .format_contents ul li {
    width: 216px;
    float: left;
    margin: 0 calc((1000px - 216px * 4) / 8) 30px;
  }
  .format .format_contents ul li a {
    display: block;
    transition: .3s;
  }
  .format .format_contents ul li a img {
    width: 216px;
  }
  .format .format_contents ul li a:hover {
    opacity: .8;
  }
  .format .format_btn-details {
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
    width: 440px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .format .format_btn-details a {
    display: block;
    color: white;
    background-color: #2c53a3;
    border-radius: 80px;
    padding: 13px 0;
    transition: .3s;
    border: 2px solid #2c53a3;
  }
  .format .format_btn-details a:hover {
    background-color: white;
    color: #ef423c;
    border: 2px solid #ef423c;
    font-weight: bold;
  }

  /* customer----------------------------------------------- */
  .customer {
    width: 100%;
    padding: 70px 0;
    position: relative;
  }
  .customer .customer_contents .cu_co-item {
    width: 216px;
    float: left;
    margin: 0 calc((1000px - 216px * 4) / 8) 40px;
  }
  .customer .customer_contents .cu_co-item a {
    display: block;
    transition: .3s;
  }
  .customer .customer_contents .cu_co-item a img {
    width: 216px;
  }
  .customer .customer_contents .cu_co-item a:hover {
    opacity: .8;
  }
  .customer .customer_contents .cu_co-item p:first-of-type {
    font-size: 15px;
    line-height: 1.5;
    border-bottom: 1px solid #ef423c;
    padding: 10px 0;
  }
  .customer .customer_contents .cu_co-item p:last-of-type {
    font-size: 17px;
    line-height: 1.7;
    color: #ef423c;
    font-weight: bold;
    padding-top: 10px;
  }
  .customer .customer_btn-details {
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
    width: 440px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .customer .customer_btn-details a {
    display: block;
    color: white;
    background-color: #2c53a3;
    border-radius: 80px;
    padding: 13px 0;
    transition: .3s;
    border: 2px solid #2c53a3;
  }
  .customer .customer_btn-details a:hover {
    background-color: white;
    color: #ef423c;
    border: 2px solid #ef423c;
    font-weight: bold;
  }
  .customer img.customer_illust {
    position: absolute;
    bottom: -1px;
    z-index: -1;
  }

  /* faq----------------------------------------------- */
  .faq_bg {
    background-color: #65bed2;
    width: 100%;
    margin: 0 -500%;
    padding: 0 500%;
  }

  .faq {
    width: 1000px;
    padding: 70px 0 10px;
  }
  .faq .faq_contents .fa_co-item {
    margin: 0 0 60px;
  }
  .faq .faq_contents .fa_co-item img.arrow {
    width: 20px;
    padding: 10px 0 10px 127px;
  }
  .faq .faq_contents .fa_co-item .fa_co-item--q {
    width: 80%;
    margin: 0 auto;
  }
  .faq .faq_contents .fa_co-item .fa_co-item--q img {
    width: 77px;
    float: left;
  }
  .faq .faq_contents .fa_co-item .fa_co-item--q h3 {
    font-size: 17px;
    line-height: 1.7;
    color: #ef423c;
    margin: 0 0 0 97px;
    padding-top: 10px;
  }
  .faq .faq_contents .fa_co-item .fa_co-item--a {
    width: 80%;
    margin: 0 auto;
  }
  .faq .faq_contents .fa_co-item .fa_co-item--a img {
    width: 77px;
    float: left;
  }
  .faq .faq_contents .fa_co-item .fa_co-item--a p {
    font-size: 17px;
    line-height: 1.7;
    margin: 0 0 0 97px;
  }
  .faq .faq_btn-details {
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
    width: 440px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .faq .faq_btn-details a {
    display: block;
    color: white;
    background-color: #2c53a3;
    border-radius: 80px;
    padding: 13px 0;
    transition: .3s;
    border: 2px solid #2c53a3;
  }
  .faq .faq_btn-details a:hover {
    background-color: white;
    color: #ef423c;
    border: 2px solid #ef423c;
    font-weight: bold;
  }

  /* document----------------------------------------------- */
  .document {
    width: 1000px;
    padding: 70px 0;
    position: relative;
  }
  .document .document_btn {
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
    width: 440px;
    margin: 0 auto;
    padding: 30px 0 10px 0;
  }
  .document .document_btn a {
    display: block;
    color: white;
    background-color: #2c53a3;
    border-radius: 80px;
    padding: 13px 0;
    transition: .3s;
    border: 2px solid #2c53a3;
  }
  .document .document_btn a:hover {
    background-color: white;
    color: #ef423c;
    border: 2px solid #ef423c;
    font-weight: bold;
  }
  .document img.document_illust {
    width: 84%;
    position: absolute;
    bottom: 0;
    left: calc(( 1000px - 84% ) / 2);
    z-index: -1;
  }

  /* entry----------------------------------------------- */
  .entry_bg {
    background-color: #65bed2;
    width: 100%;
    margin: 0 -500%;
    padding: 0 500%;
  }

  .entry {
    width: 1000px;
    padding: 70px 0;
  }
  .entry .entry_btn {
    font-size: 17px;
    line-height: 1.7;
    text-align: center;
    width: 440px;
    margin: 0 auto;
    padding: 30px 0 10px 0;
  }
  .entry .entry_btn a {
    display: block;
    color: white;
    background-color: #ef423c;
    border-radius: 80px;
    padding: 13px 0;
    transition: .3s;
    border: 2px solid #ef423c;
  }
  .entry .entry_btn a:hover {
    background-color: white;
    color: #ef423c;
    border: 2px solid #ef423c;
    font-weight: bold;
  }

  /* IEのみ バージョン10以降----------------------------------------------- */
}
@media screen and (min-width: 991px) and (-ms-high-contrast: active), screen and (min-width: 991px) and (-ms-high-contrast: none) {
  /* customer----------------------------------------------- */
  .customer img.customer_illust {
    position: absolute;
    bottom: -487px;
  }
}

/*# sourceMappingURL=index.css.map */