/*
===============================================================================
■ LP
===============================================================================
*/

p {
    font-size: 120%;
}

.red_t {
    color: #8f1010;
}

.area_lp {
    margin-bottom: -30px;
}
.area_lp img {
    display: block;
}

.area_ss {
    width: 1100px;
    margin: 0 auto;
}

.area_ss dl dt p {
    max-width: 590px;
    font-weight: bold;
    line-height: 1.7;
}

.lp .problem dl {
    background: linear-gradient(#005d90, #108687);
    display: flex;
    justify-content: center;
    gap: 30px;
    padding-bottom: 100px;
}

.area_ss dl {
    display: flex;
    justify-content: center;
}

.area_lp .in_contact {
    background: url("../images/lp/bg_grd2.png") no-repeat center top;
    padding: 0 0 35px 197px;
}

.area_lp .in_contact a {
    display: inline-block;
}

.area_lp .in_contact img {
    max-width: 460px;
}

.area_lp .section-case-b {
    background: url("../images/lp/bg_dot1.jpg") ;
    padding: 0 0 60px;
}

.lp .case1 {
    display: flex;
    justify-content: space-around !important;
    flex-wrap: wrap;
}

.lp .case1 dt {
    padding-bottom: 50px;
}

.lp .case1_bt dt {
    padding: 5px;
}

.area_lp .section-case-g {
    background: url(../images/lp/bg_pho1.jpg) no-repeat right top, url(../images/lp/bg_dot_b.png) repeat-x center bottom;
    background-color: #f0f0ef;
    padding: 0 0 60px;
}

.section-case-mnh {
    background: url("../images/lp/bg_pho2.jpg") no-repeat center top;
    background-color: #015556;
}

.area_lp .lp_btstyle {
    max-width: 496px;
    display: block;
    margin: 0 auto 65px;
}

.lp #footer #footer-menu {
    padding: 0 0 70px;
}

.lp #footer #footer-menu #footer-copyright p {
    text-align: center;
}

/*----------------- ▼ (SP) ▼ -----------------*/
@media print, screen and (max-width: 750px) {

img {
    width: 100vw;
  }

.area_pc {
    display: none;
  }

.area_ss {
    width: 100vw;
  }

.area_ss dl {
    gap: 0;
    flex-direction: column;
    width: 95%;
    margin: 0 auto;
  }

.lp .problem dl {
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

.lp .problem dl dt {
    width: 75%;
    margin: 0 auto;
    padding: 0 0 30px;
  }

.area_lp .in_contact {
    background: url(../images/lp/sp_bg_grd2.jpg) repeat-y;
    background-size: 100%;
    padding: 0;
    width: 100vw;
    text-align: center;
  }

.area_lp .in_contact img {
    width: 80vw;
  }

.lp .case1 {
    display: flex;
    flex-direction: column;
    width: 95vw;
  }

.lp .case1 dt {
    margin: 0 auto;
    width: 80%;
  }

.lp .case1_bt {
    padding: 0 10px 50px;
    width: 100vw;
    display: block;
    margin: 0;
  }

.lp .case1_bt dt {
    padding: 10px 20px;
  }

.area_lp .lp_btstyle {
    max-width: none;
    display: block;
    margin: 0;
    padding: 0 10px 50px;
    width: 100vw;
    text-align: center;
  }
}
/*----------------- ▲ (SP) ▲ -----------------*/

/*----------------- ▼ (PC) ▼ -----------------*/
@media only screen and (min-width: 750px) {
  .area_sp {
    display: none;
  }
}
/*----------------- ▲ (PC) ▲ -----------------*/