@font-face {
  font-family: "DIN 2014 Demi";
  src: url("../fonts/DIN_2014_Demi.otf");
}

@media screen and (min-width: 769px) {
  .row {
    max-width: 1000px;
  }
  .p_top .mv img {
    width: 100%;
    height: auto;
  }
  .p_top .mv::after {
    display: none;
  }
  .p_top .qes {
    background: #ECF3FF;
    padding: 30px 0 40px;
  }
  .p_top .qes h2 {
    line-height: 0;
    margin-bottom: 14.07px;
  }
  .p_top .qes h2 img {
    margin-right: 0;
    width: 497.18px;
  }
  .p_top .qes .qes_list {
    width: 498px;
  }
  .p_top .cta {
    background: #fff;
    padding: 50px 0;
  }
  .p_top .cta .row {
    max-width: 800px;
  }
  .p_top .cta .cta_box {
    top: 0;
    margin: 0;
  }
  .p_top .cta .cta_box h2 {
    padding: 28px 0 39.68px 44.37px;
    line-height: 0;
    background: url("../img/cta_bg.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    -moz-border-radius: 40px 40px 0 0;
         border-radius: 40px 40px 0 0;
  }
  .p_top .cta .cta_box h2 img {
    width: 340px;
  }
  .p_top .cta .cta_main {
    background: #013FB2;
    -moz-border-radius: 20px;
         border-radius: 20px;
    padding: 14px 15px 23px 30px;
    margin-top: -20px;
    position: relative;
    z-index: 2;
  }
  .p_top .cta .cta_main h3 {
    line-height: 0;
    text-align: center;
  }
  .p_top .cta .cta_main h3 img {
    width: 605px;
  }
  .p_top .cta .cta_main ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 12px;
    gap: 0;
  }
  .p_top .cta .cta_main ul li + li {
    margin-left: 8.73px;
  }
  .p_top .cta .cta_main ul .cta_tel {
    margin-right: 15.58px;
    width: 348.23px;
  }
  .p_top .cta .cta_main ul .cta_tel img {
    width: 100%;
    height: auto;
  }
  .p_top .cta .cta_main ul .cta_tel span {
    color: #fff;
    font-size: 42.98px;
    line-height: 1;
    left: 80.34px;
    top: 21.37px;
    font-family: "DIN 2014 Demi";
    letter-spacing: 0;
  }
  .p_top .cta .cta_main ul .cta_mail {
    width: 250px;
  }
  .p_top .cta .cta_main ul .cta_line {
    width: 250px;
  }
  .p_top .cta.st2 {
    padding: 40px 0 49px;
  }
  .p_top .contact {
    padding: 50px 0 60px;
    background: #EFF5FF;
  }
  .p_top .contact h2 {
    text-align: center;
    line-height: 0;
  }
  .p_top .contact h2 img {
    width: 323px;
  }
  .p_top .contact .row {
    max-width: 750px;
  }
  .p_top .contact .form {
    padding: 40px;
    background: #fff;
    border: 3px solid #013FB2;
    -moz-border-radius: 20px;
         border-radius: 20px;
    -moz-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
         box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  }
  .p_top .contact .form dl {
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p_top .contact .form dl dt {
    width: 218px;
    margin-right: 10px;
    padding: 0;
  }
  .p_top .contact .form dl dt span {
    min-width: 36px;
    min-height: 18px;
    -moz-border-radius: 3px;
         border-radius: 3px;
    font-size: 14px;
    line-height: 1;
    background: #D30004;
  }
  .p_top .contact .form dl dd {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .p_top .contact .form dl dd input {
    padding: 0 15px;
    font-size: 15px;
    height: 43px;
    background: #F4F4F4;
    border: 1px solid #DCDCDC;
    -moz-border-radius: 6px;
         border-radius: 6px;
  }
  .p_top .contact .form dl dd .wrapSel {
    width: 100%;
    position: relative;
  }
  .p_top .contact .form dl dd .wrapSel::after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #000;
    border-top: 0;
    border-right: 0;
    right: 21.55px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
       -moz-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
    pointer-events: none;
  }
  .p_top .contact .form dl dd .wrapSel select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    padding: 0 15px;
    outline: none;
    font-size: 15px;
    color: #000;
    appearance: none;
    height: 43px;
    background: #F4F4F4;
    border: 1px solid #DCDCDC;
    -moz-border-radius: 6px;
         border-radius: 6px;
  }
  .p_top .contact .form .cbWr {
    margin-top: 25px;
  }
  .p_top .contact .form button {
    width: 344px;
  }
  .p_top .contact.st1 {
    background: #fff;
    padding: 0 0 60px;
  }
  .p_top .sec01 {
    background: #EFF5FF;
    padding: 40px 0 60px;
  }
  .p_top .sec01 h2 {
    text-align: center;
    line-height: 0;
    margin-bottom: 30px;
  }
  .p_top .sec01 h2 img {
    width: 275px;
  }
  .p_top .sec01 ul li {
    line-height: 0;
  }
  .p_top .sec01 ul li + li {
    margin-top: 40px;
  }
  .p_top .sec02 {
    background: #EFF5FF;
    padding: 50px 0 60px;
  }
  .p_top .sec02 .row {
    max-width: 798px;
  }
  .p_top .sec02 h2 {
    text-align: center;
    line-height: 0;
    margin-bottom: 30px;
  }
  .p_top .sec02 h2 img {
    width: 320px;
  }
  .p_top .sec02 ul {
    background: none;
    padding: 0;
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: -17px -15px;
  }
  .p_top .sec02 ul li {
    line-height: 0;
    margin: 17px 15px;
    width: 384px;
  }
  .p_top .sec04 {
    background: #EFF5FF;
    padding: 41px 0 53px;
  }
  .p_top .sec04 .row {
    max-width: 736px;
  }
  .p_top .sec04 h2 {
    text-align: center;
    line-height: 0;
    margin-bottom: 30px;
  }
  .p_top .sec04 h2 img {
    width: 320px;
  }
  .p_top .sec04 ul {
    display: block;
    position: relative;
  }
  .p_top .sec04 ul::after {
    position: absolute;
    content: "";
    width: 2px;
    height: -webkit-calc(100% + 11px);
    height: -moz-calc(100% + 11px);
    height: calc(100% + 11px);
    background: #013FB2;
    top: 0;
    left: 79px;
  }
  .p_top .sec04 ul li {
    line-height: 0;
    margin: 0;
  }
  .p_top .sec04 ul li + li {
    margin-top: 17px;
  }
  .p_top .sec04 ul li img {
    width: 100%;
    height: auto;
  }
  .p_top .qa {
    background: #013FB2;
    padding: 50px 0 60px;
  }
  .p_top .qa .row {
    max-width: 750px;
  }
  .p_top .qa .qa_list dl {
    background: #FFFFFF;
    border-color: #0670D7;
  }
  .p_top .qa .qa_list dl dt {
    color: #013FB2;
    font-weight: 700;
  }
  .p_top .qa .qa_list dl dt i::before, .p_top .qa .qa_list dl dt i::after {
    background: #013FB2;
  }
  .p_top .qa .qa_list dl dd .ask {
    color: #001B4D;
  }
  .p_top .area {
    padding: 50px 0 0;
    background: none;
  }
  .p_top .area h2 {
    text-align: center;
    line-height: 0;
    margin-bottom: 30px;
  }
  .p_top .area h2 img {
    width: 173px;
  }
  .p_top .area_main .area_text {
    width: 394px;
  }
  .p_top .area_main .area_list {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 40px;
  }
  .p_top .area_main .area_list dl {
    background: #013FB2;
    -moz-border-radius: 10px;
         border-radius: 10px;
    padding: 0 14px;
  }
  .p_top .area_main .area_list dl dt {
    color: #fff;
  }
  .p_top .area_main .area_list dl dt i::before, .p_top .area_main .area_list dl dt i::after {
    background: #fff;
  }
  .p_top .area_main .area_list dl dd .actCt {
    margin-bottom: 14px;
    border-top: 0;
    background: #fff;
    color: #01266B;
    -moz-border-radius: 10px;
         border-radius: 10px;
    padding: 15px 9px;
    font-weight: 500;
  }
}

@media screen and (max-width: 768px) {
  .header h1 a {
    width: 35.74879vw;
  }
  .p_top .mv img {
    width: 100%;
    height: auto;
  }
  .p_top .mv::after {
    display: none;
  }
  .p_top .qes {
    background: #ECF3FF;
    padding: 5.55556vw 0 5.31401vw;
  }
  .p_top .qes h2 {
    line-height: 0;
    margin-bottom: 2.48792vw;
  }
  .p_top .qes h2 img {
    margin-right: 0;
    width: 88.18599vw;
  }
  .p_top .qes .qes_list {
    width: 100%;
    padding: 0 1.93237vw;
  }
  .p_top .qes .qes_list li {
    line-height: 0;
  }
  .p_top .cta {
    background: #fff;
    padding: 5.7971vw 0 9.66184vw;
  }
  .p_top .cta .cta_box {
    top: 0;
    margin: 0;
  }
  .p_top .cta .cta_box h2 {
    padding: 4.95169vw 0 10.84058vw 2.89855vw;
    line-height: 0;
    background: url("../img/cta_bg_sp.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    -moz-border-radius: 4.83092vw 4.83092vw 0 0;
         border-radius: 4.83092vw 4.83092vw 0 0;
  }
  .p_top .cta .cta_box h2 img {
    width: 71.61594vw;
  }
  .p_top .cta .cta_main {
    background: #013FB2;
    -moz-border-radius: 4.83092vw;
         border-radius: 4.83092vw;
    padding: 4.34783vw 3.62319vw 3.38164vw 3.62319vw;
    margin-top: -6.76329vw;
    position: relative;
    z-index: 2;
  }
  .p_top .cta .cta_main h3 {
    line-height: 0;
    text-align: center;
  }
  .p_top .cta .cta_main h3 img {
    width: 80.55556vw;
  }
  .p_top .cta .cta_main ul {
    margin-top: 2.29469vw;
    gap: 0;
  }
  .p_top .cta .cta_main ul li + li {
    margin-top: 1.93237vw;
  }
  .p_top .cta .cta_main ul .cta_tel {
    width: 100%;
  }
  .p_top .cta .cta_main ul .cta_tel img {
    width: 100%;
    height: auto;
  }
  .p_top .cta .cta_main ul .cta_tel span {
    color: #013FB2;
    font-size: 7.93237vw;
    line-height: 1;
    left: 20.57488vw;
    top: 6.85266vw;
    font-family: "DIN 2014 Demi";
    letter-spacing: 0;
  }
  .p_top .cta .cta_main ul .cta_mail {
    width: 100%;
  }
  .p_top .cta .cta_main ul .cta_line {
    width: 100%;
  }
  .p_top .cta.st2 {
    padding: 5.7971vw 0 12.07729vw;
  }
  .p_top .contact {
    padding: 12.07729vw 0 9.66184vw;
    background: #EFF5FF;
  }
  .p_top .contact h2 {
    text-align: center;
    line-height: 0;
    margin-bottom: 4.83092vw;
  }
  .p_top .contact h2 img {
    width: 78.01932vw;
  }
  .p_top .contact .form {
    padding: 7.24638vw 4.10628vw;
    background: #fff;
    border: 0.72464vw solid #013FB2;
    -moz-border-radius: 4.83092vw;
         border-radius: 4.83092vw;
    -moz-box-shadow: 0 0.96618vw 3.38164vw rgba(0, 0, 0, 0.25);
         box-shadow: 0 0.96618vw 3.38164vw rgba(0, 0, 0, 0.25);
  }
  .p_top .contact .form dl {
    display: block;
  }
  .p_top .contact .form dl dt {
    width: 100%;
    padding: 0;
  }
  .p_top .contact .form dl dt span {
    min-width: 8.69565vw;
    min-height: 4.34783vw;
    -moz-border-radius: 0.72464vw;
         border-radius: 0.72464vw;
    font-size: 3.38164vw;
    line-height: 1;
    background: #D30004;
  }
  .p_top .contact .form dl dd {
    width: 100%;
    margin-top: 2.89855vw;
  }
  .p_top .contact .form dl dd input {
    padding: 0 3.62319vw;
    font-size: 3.62319vw;
    height: 10.38647vw;
    background: #F4F4F4;
    border: 1px solid #DCDCDC;
    -moz-border-radius: 1.44928vw;
         border-radius: 1.44928vw;
  }
  .p_top .contact .form dl dd .wrapSel {
    width: 100%;
    position: relative;
  }
  .p_top .contact .form dl dd .wrapSel::after {
    position: absolute;
    content: "";
    width: 1.69082vw;
    height: 1.69082vw;
    border: 1px solid #000;
    border-top: 0;
    border-right: 0;
    right: 5.20531vw;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
       -moz-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
    pointer-events: none;
  }
  .p_top .contact .form dl dd .wrapSel select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    padding: 0 3.62319vw;
    outline: none;
    font-size: 3.62319vw;
    color: #000;
    appearance: none;
    height: 10.38647vw;
    background: #F4F4F4;
    border: 1px solid #DCDCDC;
    -moz-border-radius: 1.44928vw;
         border-radius: 1.44928vw;
  }
  .p_top .contact .form .cbWr {
    margin-top: 6.03865vw;
  }
  .p_top .contact .form button {
    width: 83.09179vw;
  }
  .p_top .contact.st1 {
    background: #fff;
    padding: 0 0 12.07729vw;
  }
  .p_top .sec01 {
    background: #EFF5FF;
    padding: 9.66184vw 0 9.66184vw;
  }
  .p_top .sec01 h2 {
    text-align: center;
    line-height: 0;
    margin-bottom: 7.24638vw;
  }
  .p_top .sec01 h2 img {
    width: 66.42512vw;
  }
  .p_top .sec01 ul li {
    line-height: 0;
  }
  .p_top .sec01 ul li + li {
    margin-top: 9.66184vw;
  }
  .p_top .sec02 {
    background: #EFF5FF;
    padding: 9.66184vw 0 9.66184vw;
  }
  .p_top .sec02 h2 {
    text-align: center;
    line-height: 0;
    margin-bottom: 7.24638vw;
  }
  .p_top .sec02 h2 img {
    width: 77.29469vw;
  }
  .p_top .sec02 ul {
    background: none;
    padding: 0;
    display: block;
    gap: 0;
  }
  .p_top .sec02 ul::after {
    display: none;
  }
  .p_top .sec02 ul li {
    line-height: 0;
    width: 100%;
  }
  .p_top .sec02 ul li + li {
    margin-top: 4.83092vw;
  }
  .p_top .sec04 {
    background: #EFF5FF;
    padding: 9.66184vw 0 9.66184vw;
  }
  .p_top .sec04 h2 {
    text-align: center;
    line-height: 0;
    margin-bottom: 7.24638vw;
  }
  .p_top .sec04 h2 img {
    width: 77.29469vw;
  }
  .p_top .sec04 ul {
    display: block;
    position: relative;
  }
  .p_top .sec04 ul::after {
    position: absolute;
    content: "";
    width: 0.48309vw;
    height: -webkit-calc(100% + 2.657vw);
    height: -moz-calc(100% + 2.657vw);
    height: calc(100% + 2.657vw);
    background: #013FB2;
    top: 0;
    left: 19.08213vw;
  }
  .p_top .sec04 ul li {
    line-height: 0;
    margin: 0;
  }
  .p_top .sec04 ul li + li {
    margin-top: 4.10628vw;
  }
  .p_top .sec04 ul li img {
    width: 100%;
    height: auto;
  }
  .p_top .qa {
    background: #013FB2;
    padding: 9.66184vw 0 9.66184vw;
  }
  .p_top .qa .qa_list dl {
    background: #FFFFFF;
    border-color: #0670D7;
  }
  .p_top .qa .qa_list dl dt {
    color: #013FB2;
    font-weight: 700;
  }
  .p_top .qa .qa_list dl dt i::before, .p_top .qa .qa_list dl dt i::after {
    background: #013FB2;
  }
  .p_top .qa .qa_list dl dd .ask {
    color: #001B4D;
  }
  .p_top .area {
    padding: 9.66184vw 0 0;
    background: none;
  }
  .p_top .area h2 {
    text-align: center;
    line-height: 0;
    margin-bottom: 7.24638vw;
  }
  .p_top .area h2 img {
    width: 41.78744vw;
  }
  .p_top .area_main .area_text {
    width: 80.19324vw;
  }
  .p_top .area_main .area_list dl {
    background: #013FB2;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    padding: 0 3.62319vw;
  }
  .p_top .area_main .area_list dl dt {
    color: #fff;
  }
  .p_top .area_main .area_list dl dt i::before, .p_top .area_main .area_list dl dt i::after {
    background: #fff;
  }
  .p_top .area_main .area_list dl dd .actCt {
    margin-bottom: 3.62319vw;
    border-top: 0;
    background: #fff;
    color: #01266B;
    -moz-border-radius: 2.41546vw;
         border-radius: 2.41546vw;
    padding: 3.62319vw 4.10628vw 3.62319vw 2.657vw;
    font-weight: 500;
  }
}