.lp li {
  list-style-type: none;
}
.lp img {
  vertical-align: top;
}

@media screen and (min-width: 769px) {
  #fv {
    background: url(../img/fv_bg01.png) no-repeat center top/200%, #e2e2e2;
  }
  #fv .fv_box {
    position: relative;
    padding-top: 6.25rem;
  }
  #fv .fv_txt01 {
    position: absolute;
    left: 0;
    top: 36.5%;
    width: 50%;
    text-align: center;
  }
  #fv .fv_txt01 .fv_txt01_01 {
    width: 93%;
    margin: 0 auto 2.625rem;
    text-align: center;
    font-weight: bold;
    font-size: 3.75rem;
    letter-spacing: 0.244rem;
    border-bottom: 0.313rem solid #000;
    padding-bottom: 0;
    margin-bottom: 1.625rem;
    white-space: nowrap;
  }
  #fv .fv_txt01 .fv_txt01_01 span {
    font-size: 2.5rem;
    letter-spacing: 0.125rem;
    display: block;
    margin-bottom: 0.875rem;
  }
  #fv .fv_txt01 .fv_txt01_01 .fv_txt01_01sp {
    display: inline-block;
  }
  #fv .fv_txt01 .fv_txt01_02 {
    font-size: 1.25rem;
    line-height: 2.188rem;
    letter-spacing: 0.094rem;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    margin-top: 2.5rem;
  }
  #fv .fv_txt01 .fv_txt01_02 .sp_none {
    display: block;
    width: 100%;
    white-space: nowrap;
    margin-top: 0.625rem;
  }
  #fv ul {
    position: absolute;
    left: 0;
    top: 73%;
    width: 50%;
  }
  #fv ul li {
    width: 70%;
    margin: 0 auto;
  }
  #fv ul li:not(:last-child) {
    margin-bottom: 0.563rem;
  }
  #fv ul li a {
    display: block;
    height: 3.75rem;
    line-height: 3.75rem;
    font-weight: bold;
    background: #f37f63;
    text-align: center;
    color: #ffffff;
    border-radius: 0.625rem;
    font-size: 1.625rem;
  }
  #fv .header_info {
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    text-align: right;
    bottom: 6%;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1000px) {
  #fv {
    background: url(../img/fv_bg01.png) no-repeat center top/125rem, #e2e2e2;
  }
}
@media screen and (max-width: 768px) {
  #fv {
    background: url(../img/fv_bg01_sp.jpg) no-repeat center top/100%;
    margin-bottom: 24.7395833333%;
  }
  #fv .fv_box {
    position: relative;
  }
  #fv .fv_txt01 {
    position: absolute;
    left: 0.962rem;
    top: 7.692rem;
    width: 75.5208333333%;
  }
  #fv .fv_txt01 .fv_txt01_01 {
    width: 93%;
    margin: 0 0 1.615rem 0.385rem;
    font-weight: bold;
    font-size: 3.615rem;
    letter-spacing: 0.15rem;
    padding-bottom: 0;
    margin-bottom: 1rem;
    line-height: 3.077rem;
    white-space: nowrap;
  }
  #fv .fv_txt01 .fv_txt01_01 span {
    font-size: 1.615rem;
    letter-spacing: 0.077rem;
    display: block;
    margin-bottom: 0.538rem;
  }
  #fv .fv_txt01 .fv_txt01_01 .fv_txt01_01sp_border {
    display: inline-block;
    border-bottom: 0.192rem solid #000;
    font-size: 3.615rem;
  }
  #fv .fv_txt01 .fv_txt01_01 .fv_txt01_01sp {
    font-size: 2.692rem;
    display: inline;
  }
  #fv .fv_txt01 .fv_txt01_02 {
    font-size: 1.077rem;
    line-height: 1.538rem;
    letter-spacing: 0.058rem;
    white-space: nowrap;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 9.808rem;
    top: 22.308rem;
    text-shadow: 3px 3px 14px rgba(0, 0, 0, 0.7);
  }
  #fv .fv_txt01 .fv_txt01_02 .fv_txt01_02_02 {
    display: block;
    text-align: center;
    line-height: 1.231rem;
    position: relative;
    padding-top: 0.885rem;
  }
  #fv .fv_txt01 .fv_txt01_02 .fv_txt01_02_02::before {
    content: "";
    position: absolute;
    background: url(../img/fv_head_bg01_sp.png) top center no-repeat;
    background-size: contain;
    width: 1.769rem;
    height: 4.038rem;
    left: -0.615rem;
    top: 0rem;
  }
  #fv .fv_txt01 .fv_txt01_02 .fv_txt01_02_02::after {
    content: "";
    position: absolute;
    background: url(../img/fv_head_bg02_sp.png) top center no-repeat;
    background-size: contain;
    width: 1.731rem;
    height: 4.038rem;
    right: 0rem;
    top: 0rem;
  }
  #fv ul {
    width: 88.5416666667%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    margin-left: -44.2708333333%;
    top: 104.1818181818%;
    left: 50%;
  }
  #fv ul li {
    width: 48.5294117647%;
    height: 3.846rem;
  }
  #fv ul li a {
    display: block;
    height: 3.846rem;
    line-height: 3.846rem;
    font-weight: bold;
    background: #f37f63;
    text-align: center;
    color: #ffffff;
    border-radius: 0.385rem;
    font-size: 1.385rem;
  }
  #fv .header_info {
    left: 10.654rem;
    width: 60%;
    position: absolute;
    z-index: 1;
    top: 38.462rem;
    font-size: 0.731rem;
    line-height: 1.231rem;
    color: #ffffff;
  }
}

@media screen and (min-width: 769px) {
  #case {
    background: url(../img/case-study_bg01.jpg) no-repeat center top/200%;
  }
  #case h2 {
    padding: 10.3% 0 0;
  }
  #case h2 img {
    margin-bottom: 0;
  }
  #case p.catch_txt {
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 2.188rem;
    margin-bottom: 3.8%;
  }
  #case ul {
    width: 75.4%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 9.4%;
  }
  #case ul li {
    width: 23.8726790451%;
    margin-right: 1.3262599469%;
    height: 7.5rem;
  }
  #case ul li:nth-of-type(4n) {
    margin-right: 0;
  }
  #case ul li:nth-of-type(n + 5) {
    margin-top: 1.5915119363%;
  }
}
@media screen and (min-width: 1000px) {
  #case {
    background: url(../img/case-study_bg01.jpg) no-repeat center top/125rem;
  }
}
@media screen and (max-width: 768px) {
  #case {
    background: url(../img/case-study_bg01_sp.jpg) no-repeat center top/100%;
  }
  #case h2 {
    padding: 13.0208333333% 0 0;
    margin-bottom: 2.0833333333%;
  }
  #case h2 img {
    margin-bottom: 0;
  }
  #case p.catch_txt {
    text-align: center;
    font-weight: bold;
    font-size: 1.077rem;
    line-height: 1.808rem;
    margin-bottom: 4.1666666667%;
  }
  #case ul {
    width: 83.3333333333%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 12.5%;
  }
  #case ul li {
    width: 32.03125%;
    margin-right: 1.875%;
    height: 5.231rem;
  }
  #case ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  #case ul li:nth-of-type(n + 4) {
    margin-top: 1.875%;
  }
}

@media screen and (min-width: 769px) {
  #point {
    background: url(../img/point_bg01.jpg) no-repeat center top/200%;
    height: 143.625rem;
  }
  #point .point_txt01 {
    text-align: center;
    font-size: 1.25rem;
    line-height: 2.188rem;
    letter-spacing: 0.063rem;
    font-weight: bold;
    padding-bottom: 12.8%;
    background: url(../img/point_arrow01.png) no-repeat center bottom/1.625rem;
    margin-bottom: -1.188rem;
  }
  #point .point_wrap {
    padding-bottom: 10%;
  }
  #point .point_wrap ul li {
    position: relative;
  }
  #point .point_wrap ul li:nth-of-type(odd) dl {
    left: 50%;
  }
  #point .point_wrap ul li:nth-of-type(odd) dl dt,
#point .point_wrap ul li:nth-of-type(odd) dl dd {
    padding-right: 4.2%;
  }
  #point .point_wrap ul li:nth-of-type(even) dl {
    left: 0;
  }
  #point .point_wrap ul li:nth-of-type(even) dt,
#point .point_wrap ul li:nth-of-type(even) dd {
    padding-left: 0;
  }
  #point .point_wrap ul li:nth-of-type(even) dd {
    padding-right: 8%;
  }
  #point .point_wrap ul li:first-of-type {
    margin-bottom: 3.75rem;
  }
  #point .point_wrap ul li:nth-of-type(2) {
    margin-bottom: 2.188rem;
  }
  #point .point_wrap ul li:nth-of-type(3) dt {
    padding-top: 23.4%;
  }
  #point .point_wrap ul li dl {
    position: absolute;
    width: 50%;
    top: 0;
    z-index: 1;
  }
  #point .point_wrap ul li dl dt,
#point .point_wrap ul li dl dd {
    padding-left: 5.2%;
  }
  #point .point_wrap ul li dl dt {
    padding-top: 10.4%;
    font-size: 1.875rem;
    line-height: 2.625rem;
    font-weight: bold;
    margin-bottom: 4%;
  }
  #point .point_wrap ul li dl dt h3 {
    font-size: 1.875rem;
  }
  #point .point_wrap ul li dl dt span {
    font-size: 2.813rem;
    line-height: 4.375rem;
    display: inline-block;
    margin-bottom: 0.188rem;
    position: relative;
  }
  #point .point_wrap ul li dl dt span:before {
    content: "";
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: 0.25rem;
    background: #7fc8ea;
  }
  #point .point_wrap ul li dl dd {
    font-size: 1.125rem;
    line-height: 2.188rem;
  }
  #point .point_cta {
    text-align: center;
  }
  #point .point_cta img {
    width: 21.875rem;
  }
}
@media screen and (min-width: 1000px) {
  #point {
    background: url(../img/point_bg01.jpg) no-repeat center top/125rem;
  }
}
@media screen and (max-width: 768px) {
  #point {
    background: url(../img/point_bg01_sp.jpg) no-repeat center top/100%;
    height: 194.269rem;
  }
  #point p.point_txt01 {
    text-align: center;
    font-size: 1.077rem;
    line-height: 1.808rem;
    letter-spacing: 0.054rem;
    font-weight: bold;
    padding-bottom: 13.4114583333%;
    background: url(../img/point_arrow01_sp.png) no-repeat center bottom/2rem;
  }
  #point .point_wrap {
    padding-bottom: 14.0625%;
  }
  #point .point_wrap ul li:nth-of-type(odd) dl dt,
#point .point_wrap ul li:nth-of-type(odd) dl dd {
    padding-right: 5.2%;
  }
  #point .point_wrap ul li:first-of-type {
    margin-bottom: 2.923rem;
  }
  #point .point_wrap ul li:nth-of-type(2) {
    margin-bottom: 4.077rem;
  }
  #point .point_wrap ul li dl {
    padding: 6.5104166667% 6.5104166667% 0;
  }
  #point .point_wrap ul li dl dt {
    font-size: 1.538rem;
    line-height: 1.615rem;
    font-weight: bold;
    margin-bottom: 4%;
  }
  #point .point_wrap ul li dl dt h3 {
    font-size: 1.538rem;
  }
  #point .point_wrap ul li dl dt span {
    font-size: 2.462rem;
    line-height: 3.731rem;
    display: inline-block;
    margin-bottom: 0.115rem;
    position: relative;
  }
  #point .point_wrap ul li dl dt span:before {
    content: "";
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0.154rem;
    height: 0.154rem;
    background: #7fc8ea;
  }
  #point .point_wrap ul li dl dd {
    font-size: 1.077rem;
    line-height: 1.808rem;
  }
  #point .point_cta {
    text-align: center;
  }
  #point .point_cta img {
    width: 23.077rem;
  }
}

#biprogy {
  background: url(../img/biprogy_bg.jpg) no-repeat center top;
  background-color: #7fc8ea;
}
#biprogy h2 span {
  color: #ffffff;
  background: url(../img/actual-image_head_bg01.png) no-repeat left center/0.438rem, url(../img/actual-image_head_bg02.png) no-repeat right center/0.438rem;
  line-height: 3.077rem;
}
#biprogy .biprogy_txt01 {
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2.188rem;
  text-shadow: 3px 0px 7px rgba(0, 0, 0, 0.5);
}
#biprogy .biprogy_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#biprogy .biprogy_list li {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #biprogy {
    background: url(../img/biprogy_bg_sp.jpg) no-repeat center top;
    padding-top: 6.538rem;
  }
  #biprogy h2 span {
    background: url(../img/actual-image_head_bg01.png) no-repeat left center/0.438rem, url(../img/actual-image_head_bg02.png) no-repeat right center/0.438rem;
    line-height: 3.077rem;
  }
  #biprogy .biprogy_txt01 {
    text-align: left;
    color: #fff;
    font-size: 1.077rem;
    font-weight: bold;
    line-height: 1.808rem;
    padding: 0 2.692rem;
    text-shadow: 0.115rem 0rem 0.269rem rgba(0, 0, 0, 0.5);
  }
  #biprogy .biprogy_list {
    padding: 0 1.154rem;
    margin-top: 3.077rem;
  }
  #biprogy .biprogy_list li {
    width: 100%;
    margin-bottom: 1.923rem;
  }
}

@media screen and (min-width: 769px) {
  #functions {
    background: url(../img/functions_bg01.jpg) no-repeat center top/200%;
  }
  #functions h2 {
    padding: 8.7% 0 0;
  }
  #functions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 7.4%;
  }
  #functions ul li {
    width: 24%;
    margin-right: 2%;
    height: 13.125rem;
    padding: 2.1% 0 2.5%;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0.625rem;
  }
  #functions ul li img {
    display: block;
    margin-bottom: 0.125rem;
  }
  #functions ul li p {
    text-align: center;
    font-size: 1.25rem;
    line-height: 2.188rem;
    font-weight: bold;
  }
  #functions ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  #functions ul li:nth-of-type(n + 4) {
    margin-top: 2%;
  }
}
@media screen and (min-width: 1000px) {
  #functions {
    background: url(../img/functions_bg01.jpg) no-repeat center top/125rem;
  }
}
@media screen and (max-width: 768px) {
  #functions {
    background: url(../img/functions_bg01_sp.jpg) no-repeat center top/100%;
  }
  #functions h2 {
    padding: 1.923rem 0 1.154rem;
  }
  #functions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 62.5%;
    padding-bottom: 4.9479166667%;
    margin-left: 7.5520833333%;
  }
  #functions ul li {
    width: 47.9166666667%;
    margin-right: 4.1666666667%;
    height: 9.231rem;
    padding: 4.375% 0 0;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0.385rem;
  }
  #functions ul li img {
    display: block;
    margin-bottom: 0.077rem;
  }
  #functions ul li p {
    text-align: center;
    font-size: 1.077rem;
    line-height: 1.385rem;
    font-weight: bold;
  }
  #functions ul li:nth-of-type(even) {
    margin-right: 0;
  }
  #functions ul li:nth-of-type(n + 3) {
    margin-top: 4.1666666667%;
  }
}

@media screen and (min-width: 769px) {
  #actual {
    background: url(../img/effect_arrow01.png) no-repeat center bottom, url(../img/actual-image_bg01.jpg) no-repeat center top;
    background-size: 1.875rem, 200%;
    margin-top: 6.25rem;
  }
  #actual h2 {
    padding: 11.2% 0 0;
  }
  #actual h2 span {
    color: #ffffff;
    background: url(../img/actual-image_head_bg01.png) no-repeat left center/0.438rem, url(../img/actual-image_head_bg02.png) no-repeat right center/0.438rem;
  }
  #actual h3 {
    text-align: center;
    font-size: 2.25rem;
    margin-bottom: 1.2%;
  }
  #actual h3 img {
    display: block;
    width: 15.2%;
    margin: 0 auto 1.5%;
  }
  #actual p.catch_txt {
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 2.188rem;
    margin-bottom: 3.8%;
  }
  #actual .broadcasting_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 67.6%;
    margin: 0 auto 6.2%;
  }
  #actual .broadcasting_inner h3 {
    margin-bottom: 1.5%;
  }
  #actual .broadcasting_inner dl {
    width: 45.2662721893%;
    text-align: center;
  }
  #actual .broadcasting_inner dl dt {
    margin-bottom: 7.1895424837%;
  }
  #actual .broadcasting_inner dl dt span {
    padding-top: 4.9019607843%;
    font-size: 1.75rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 0.5rem;
    border-bottom: 0.188rem solid #ffc92c;
  }
  #actual .broadcasting_inner dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    overflow: hidden;
    height: 34.063rem;
  }
  #actual .broadcasting_inner dl dd video {
    width: 100%;
  }
  #actual .flow_wrap {
    padding-bottom: 10%;
  }
  #actual .flow_wrap h3 {
    margin-bottom: 3%;
  }
  #actual .flow_wrap .flow_inner {
    position: relative;
    width: 90%;
    margin: 0 auto;
  }
  #actual .flow_wrap .flow_inner .flow_company li {
    position: absolute;
    font-size: 0.75rem;
    line-height: 0.941rem;
    font-weight: bold;
    z-index: 1;
  }
  #actual .flow_wrap .flow_inner .flow_company li:first-of-type {
    width: 10.313rem;
    height: 3.5rem;
    background: url(../img/actual-image_img02.png) no-repeat center top/100%;
    padding: 0.813rem 0.625rem 0.813rem 2.75rem;
    top: 66.2807525326%;
    left: 17.3333333333%;
  }
  #actual .flow_wrap .flow_inner .flow_company li:nth-of-type(2) {
    width: 8.438rem;
    height: 5.188rem;
    background: url(../img/actual-image_img03.png) no-repeat center top/100%;
    padding: 2.625rem 1.25rem 0.75rem 1.25rem;
    top: 82.489146165%;
    left: 22.8888888889%;
  }
  #actual .flow_wrap .flow_inner .flow_influencer li {
    position: absolute;
    font-size: 0.75rem;
    line-height: 0.941rem;
    font-weight: bold;
    z-index: 1;
  }
  #actual .flow_wrap .flow_inner .flow_influencer li:first-of-type {
    width: 10.313rem;
    height: 3.5rem;
    background: url(../img/actual-image_img02.png) no-repeat center top/100%;
    padding: 0.813rem 0.625rem 0.813rem 2.75rem;
    top: 60.3473227207%;
    left: 84.4444444444%;
  }
  #actual .flow_wrap .flow_inner .flow_influencer li:nth-of-type(2) {
    width: 8.438rem;
    height: 5.188rem;
    background: url(../img/actual-image_img03.png) no-repeat center top/100%;
    padding: 2.625rem 1.25rem 0.75rem 1.25rem;
    top: 82.489146165%;
    left: 63.8888888889%;
  }
}
@media screen and (min-width: 1000px) {
  #actual {
    background: url(../img/effect_arrow01.png) no-repeat center bottom, url(../img/actual-image_bg01.jpg) no-repeat center top;
    background-size: 1.875rem, 125rem;
  }
}
@media screen and (max-width: 768px) {
  #actual {
    background: url(../img/effect_arrow01_sp.png) no-repeat center bottom, url(../img/actual-image_bg01_sp.jpg) no-repeat center top;
    background-size: 100%;
  }
  #actual h2 {
    padding: 2.462rem 0 0;
    margin-bottom: 0.385rem;
  }
  #actual h2 span {
    color: #ffffff;
    background: url(../img/actual-image_head_bg01.png) no-repeat left center/0.269rem, url(../img/actual-image_head_bg02.png) no-repeat right center/0.269rem;
  }
  #actual h3 {
    text-align: center;
    font-size: 1.846rem;
    margin: 0 auto 1.154rem;
  }
  #actual h3 img {
    display: block;
    width: 5.385rem;
    margin: 0 auto 1.077rem;
  }
  #actual p.catch_txt {
    text-align: center;
    font-weight: bold;
    font-size: 1.077rem;
    letter-spacing: 0.054rem;
    line-height: 1.808rem;
    margin-bottom: 1.231rem;
  }
  #actual .broadcasting_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 26.154rem;
    margin: 0 auto 3.077rem;
  }
  #actual .broadcasting_inner dl {
    width: 46.3235294118%;
  }
  #actual .broadcasting_inner dl dt {
    margin-bottom: 7.9365079365%;
    text-align: center;
  }
  #actual .broadcasting_inner dl dt span {
    padding: 3.1746031746% 0.154rem 0;
    font-size: 1.346rem;
    line-height: 2.077rem;
    font-weight: bold;
    display: inline-block;
    border-bottom: 0.115rem solid #ffc92c;
  }
  #actual .broadcasting_inner dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    overflow: hidden;
    height: 21.731rem;
  }
  #actual .broadcasting_inner dl dd video {
    width: 100%;
  }
  #actual .flow_wrap {
    padding-bottom: 13.0208333333%;
  }
  #actual .flow_wrap h3 {
    margin-bottom: 3.90625%;
  }
  #actual .flow_wrap .flow_inner {
    padding-top: 6.5104166667%;
    position: relative;
    width: 91.1458333333%;
    margin: 0 auto;
  }
  #actual .flow_wrap .flow_inner .flow_company li {
    position: absolute;
    font-size: 0.923rem;
    line-height: 1rem;
    font-weight: bold;
    z-index: 1;
  }
  #actual .flow_wrap .flow_inner .flow_company li:first-of-type {
    width: 9.269rem;
    height: 4.038rem;
    background: url(../img/actual-image_img02_sp.png) no-repeat center top/100%;
    padding: 0.692rem 0.385rem 0.5rem 2.192rem;
    top: 48.7179487179%;
    left: 21%;
  }
  #actual .flow_wrap .flow_inner .flow_company li:nth-of-type(2) {
    width: 7.462rem;
    height: 4.769rem;
    background: url(../img/actual-image_img03_sp.png) no-repeat center top/100%;
    padding: 2.308rem 0.154rem 0.385rem 0.577rem;
    top: 60.0854700855%;
    left: 27.7142857143%;
  }
  #actual .flow_wrap .flow_inner .flow_influencer li {
    position: absolute;
    font-size: 0.923rem;
    line-height: 1rem;
    font-weight: bold;
    z-index: 1;
  }
  #actual .flow_wrap .flow_inner .flow_influencer li:first-of-type {
    width: 9rem;
    height: 4.769rem;
    background: url(../img/actual-image_img04_sp.png) no-repeat center top/100%;
    padding: 2.385rem 0.385rem 0.5rem 0.769rem;
    top: 85.9829059829%;
    left: 31.4285714286%;
  }
  #actual .flow_wrap .flow_inner .flow_influencer li:nth-of-type(2) {
    width: 6.962rem;
    height: 4.038rem;
    background: url(../img/actual-image_img05_sp.png) no-repeat center top/100%;
    padding: 0.577rem 0.769rem 0.462rem 2.308rem;
    top: 71.1111111111%;
    left: 76.2857142857%;
  }
}

@media screen and (min-width: 769px) {
  #effect {
    background: url(../img/effect_arrow02.png) no-repeat center top, url(../img/effect_bg01.png) no-repeat center bottom, #7fc8ea;
    background-size: 1.875rem, 200%;
  }
  #effect .effect_wrap {
    position: relative;
    padding: 11% 0 6%;
    width: 90%;
    margin: 0 auto;
  }
  #effect .effect_wrap dl {
    position: absolute;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    position: absolute;
    z-index: 1;
    top: 15.0909090909%;
  }
  #effect .effect_wrap dl dt h3 {
    text-align: center;
    font-size: 2.688rem;
    font-weight: bold;
    margin-bottom: 2.8%;
    letter-spacing: 0.269rem;
  }
  #effect .effect_wrap dl dt h3 span {
    font-size: 1.563rem;
    line-height: 3.375rem;
    display: block;
    letter-spacing: 0.156rem;
  }
  #effect .effect_wrap dl dd {
    text-align: center;
    font-size: 1.125rem;
    line-height: 2.188rem;
  }
  #effect .effect_wrap .effect_info {
    position: absolute;
    left: 0;
    top: 87.5%;
    text-align: center;
    width: 100%;
    z-index: 1;
  }
  #effect .effect_wrap02 {
    text-align: center;
    padding-bottom: 7%;
  }
  #effect .effect_wrap02 p {
    color: #fff;
    font-weight: bold;
    font-size: 2.25rem;
    letter-spacing: 2px;
  }
  #effect .effect_wrap02 p span {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 1000px) {
  #effect {
    background: url(../img/effect_arrow02.png) no-repeat center top, url(../img/effect_bg01.png) no-repeat center bottom, #7fc8ea;
    background-size: 1.875rem, 125rem;
  }
}
@media screen and (max-width: 768px) {
  #effect {
    background: url(../img/effect_arrow02_sp.png) no-repeat center top, #7fc8ea;
    background-size: 100%;
    position: relative;
    margin-bottom: 3.077rem;
    padding-bottom: 0;
  }
  #effect:after {
    content: "";
    left: 8.846rem;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: 23.5rem;
    background: url(../img/effect_bg01_sp.png) no-repeat center bottom/100%;
    background-size: contain;
  }
  #effect .effect_wrap {
    padding: 2.846rem 0 1.923rem;
    position: relative;
    margin: 0 auto;
    width: 26.923rem;
  }
  #effect .effect_wrap dl {
    position: absolute;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    position: absolute;
    z-index: 1;
    top: 5.385rem;
  }
  #effect .effect_wrap dl dt {
    text-align: center;
    font-size: 1.923rem;
    font-weight: bold;
    margin-bottom: 1.154rem;
    letter-spacing: 0.192rem;
  }
  #effect .effect_wrap dl dt span {
    font-size: 1.154rem;
    line-height: 1.595rem;
    display: block;
    letter-spacing: 0.038rem;
    margin-bottom: 0.385rem;
  }
  #effect .effect_wrap dl dd {
    text-align: center;
    font-size: 1.077rem;
    line-height: 1.808rem;
  }
  #effect .effect_wrap .effect_info {
    position: absolute;
    left: 1.538rem;
    top: 50.385rem;
    font-size: 0.731rem;
    line-height: 1.308rem;
    z-index: 1;
  }
  #effect .effect_wrap02 {
    text-align: left;
    padding: 0 0 1.923rem 1.154rem;
  }
  #effect .effect_wrap02 p {
    font-weight: bold;
    font-size: 1.923rem;
    letter-spacing: 2px;
    color: #fff;
    line-height: 2.846rem;
  }
  #effect .effect_wrap02 p span {
    font-size: 2.308rem;
  }
}

@media screen and (min-width: 769px) {
  #price {
    background: url(../img/price_bg02.png) no-repeat center bottom, url(../img/price_bg01.png) no-repeat center 4.063rem;
    background-size: 200%;
  }
  #price h2 {
    padding: 18% 0 18.5%;
  }
  #price h2 span {
    color: #ffffff;
    background: url(../img/actual-image_head_bg01.png) no-repeat left center/0.438rem, url(../img/actual-image_head_bg02.png) no-repeat right center/0.438rem;
  }
  #price .price_table {
    text-align: center;
    border-spacing: unset;
    border-collapse: collapse;
  }
  #price .price_table td {
    background-color: #eeeeee;
    font-size: 1.063rem;
    line-height: 1.375rem;
    font-weight: bold;
    color: #1a1a1a;
    min-height: 4.375rem;
    vertical-align: middle;
  }
  #price .price_table td:nth-child(1) {
    width: 10.875rem;
    border-bottom: 0.313rem solid #fff;
  }
  #price .price_table td:nth-child(2), #price .price_table td:nth-child(3), #price .price_table td:nth-child(4) {
    width: 16.25rem;
    border-left: 0.813rem solid #fff;
    border-bottom: 0.5rem solid #fff;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    vertical-align: middle;
  }
  #price .price_table td span {
    min-height: 4.375rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.2;
  }
  #price .price_table td .price_td_span {
    font-size: 1.063rem;
    line-height: 3.9;
    font-weight: normal;
  }
  #price .price_table td .price_number {
    font-size: 1.875rem;
  }
  #price .price_table tr:nth-child(4) td {
    line-height: 4.375rem;
  }
  #price .price_table .price_table_row4 {
    font-size: 1.438rem;
  }
  #price .price_table .price_head02,
#price .price_table .price_head03,
#price .price_table .price_head04 {
    color: #fff;
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.75rem;
    padding: 0.625rem 0;
  }
  #price .price_table .price_head02 {
    background-color: #2093b7;
  }
  #price .price_table .price_head03 {
    background-color: #79bed4;
  }
  #price .price_table .price_head03 span {
    min-height: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
  }
  #price .price_table .price_head04 {
    background-color: #afafaf;
  }
  #price .price_contact {
    margin-top: 3.75rem;
  }
  #price .price_contact p {
    margin-bottom: 1.563rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.375rem;
  }
  #price .price_contact p span {
    padding: 0.5rem 2.5rem;
    background: url(../img/price_txt02_bg01.png) no-repeat left center/1.375rem, url(../img/price_txt02_bg02.png) no-repeat right center/1.375rem;
  }
  #price .price_contact ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 8.2%;
  }
  #price .price_contact ul li {
    width: 35%;
    text-align: center;
    height: 3.75rem;
  }
  #price .price_contact ul li:not(:last-child) {
    margin-right: 1.25rem;
  }
  #price .price_contact ul li a {
    display: block;
    font-weight: bold;
    color: #ffffff;
    height: 3.75rem;
    line-height: 3.75rem;
    background: #f37f63;
    border-radius: 0.625rem;
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 768px) {
  #price .price_table {
    text-align: center;
    width: 26.923rem;
    margin: 0 auto;
  }
  #price .price_table .vertical_txt {
    line-height: 1.231;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
  #price .price_table td {
    background-color: #eeeeee;
    font-size: 1rem;
    line-height: 1.231rem;
    font-weight: bold;
    color: #1a1a1a;
    vertical-align: middle;
    padding: 0.769rem 0.385rem;
  }
  #price .price_table td:nth-child(1) {
    width: 3.769rem;
    border-bottom: 0.192rem solid #fff;
    vertical-align: middle;
    text-align: left;
  }
  #price .price_table td:nth-child(1) .vertical_content {
    margin: auto;
    width: 2.8em;
  }
  #price .price_table td.initial .vertical_content {
    height: 2.5em;
  }
  #price .price_table td.monthly .vertical_content {
    height: 3.5em;
  }
  #price .price_table td.live .vertical_content {
    height: 4.5em;
  }
  #price .price_table td.archive .vertical_content {
    height: 5.5em;
  }
  #price .price_table td:nth-child(2), #price .price_table td:nth-child(3), #price .price_table td:nth-child(4) {
    border-left: 0.269rem solid #fff;
    border-bottom: 0.269rem solid #fff;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    vertical-align: middle;
    white-space: nowrap;
  }
  #price .price_table td:nth-child(2) {
    width: 10rem;
  }
  #price .price_table td:nth-child(3) {
    width: 7.308rem;
  }
  #price .price_table td:nth-child(4) {
    width: 4.615rem;
  }
  #price .price_table td span {
    min-height: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
  }
  #price .price_table td .price_number {
    font-size: 1.692rem;
    letter-spacing: -0.02em;
  }
  #price .price_table td .price_td_span {
    font-size: 0.923rem;
    line-height: 1.538rem;
    font-weight: normal;
    white-space: nowrap;
  }
  #price .price_table .price_table_row4 {
    font-size: 1.462rem;
  }
  #price .price_table .price_table_row4 .vertical_content {
    margin: auto;
    height: 4em;
    width: 1em;
  }
  #price .price_table .price_head02,
#price .price_table .price_head03,
#price .price_table .price_head04 {
    color: #fff;
    font-size: 1.231rem;
    font-weight: bold;
    line-height: 1.346rem;
    padding: 0.385rem 0;
  }
  #price .price_table .price_head02 {
    background-color: #2093b7;
  }
  #price .price_table .price_head03 {
    background-color: #79bed4;
  }
  #price .price_table .price_head03 .price_head03sp {
    font-size: 1.077rem;
  }
  #price .price_table .price_head04 {
    background-color: #afafaf;
    font-size: 1.154rem;
  }
  #price .price_table tr:nth-child(2) td:nth-child(1) {
    text-align: center;
  }
  #price .price_contact {
    margin-top: 2.308rem;
  }
  #price .price_contact p {
    margin-bottom: 0.962rem;
    text-align: center;
    font-weight: bold;
    font-size: 0.846rem;
  }
  #price .price_contact p span {
    padding: 0.308rem 1.538rem;
  }
  #price .price_contact ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 3.154rem;
  }
  #price .price_contact ul li {
    width: 13.462rem;
    text-align: center;
    height: 2.308rem;
  }
  #price .price_contact ul li:not(:last-child) {
    margin-right: 0.769rem;
  }
  #price .price_contact ul li a {
    display: block;
    font-weight: bold;
    color: #ffffff;
    height: 3.885rem;
    line-height: 2.308rem;
    background: #f37f63;
    border-radius: 0.385rem;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1000px) {
  #price {
    background: url(../img/price_bg02.png) no-repeat center bottom, url(../img/price_bg01.png) no-repeat center 4.063rem;
  }
}
@media screen and (max-width: 768px) {
  #price {
    background: url(../img/price_bg01_sp.png) no-repeat center top;
    background-size: 100%;
  }
  #price h2 {
    padding: 3.462rem 0 5.769rem;
    margin-bottom: 0;
  }
  #price h2 span {
    color: #ffffff;
    background: url(../img/actual-image_head_bg01.png) no-repeat left center/0.269rem, url(../img/actual-image_head_bg02.png) no-repeat right center/0.269rem;
  }
  #price .price_table .price_head03sp {
    font-size: 1.077rem;
  }
  #price .price_contact p {
    margin-bottom: 0.962rem;
    text-align: center;
  }
  #price .price_contact p span {
    padding: 0.192rem 2.231rem;
    background: url(../img/price_txt02_bg01_sp.png) no-repeat left bottom/1.654rem, url(../img/price_txt02_bg02_sp.png) no-repeat right bottom/1.654rem;
    display: inline-block;
    font-weight: bold;
    font-size: 1.346rem;
    line-height: 1.846rem;
  }
  #price .price_contact ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 14.3229166667%;
  }
  #price .price_contact ul li {
    text-align: center;
  }
  #price .price_contact ul li:not(:last-child) {
    margin-right: 0.769rem;
  }
  #price .price_contact ul li a {
    display: block;
    font-weight: bold;
    color: #ffffff;
    line-height: 3.846rem;
    background: #f37f63;
    border-radius: 0.385rem;
    font-size: 1.385rem;
  }
}

@media screen and (min-width: 769px) {
  #media {
    background: #f7f7f7;
  }
  #media h2 {
    padding: 7.6% 0 2%;
  }
  #media ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 7.8%;
    width: 94.4%;
    margin: 0 auto;
  }
  #media ul li {
    margin-right: 1.0593220339%;
    width: 19.0677966102%;
  }
  #media ul li:nth-of-type(5n) {
    margin-right: 0;
  }
  #media ul li:nth-of-type(n + 6) {
    margin-top: 1.0593220339%;
  }
}
@media screen and (max-width: 768px) {
  #media {
    background: #f7f7f7;
  }
  #media h2 {
    padding: 7.03125% 0 2.6041666667%;
  }
  #media ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 13.0208333333%;
    width: 83.3333333333%;
    margin: 0 auto;
  }
  #media ul li {
    margin-right: 1.953125%;
    width: 32.03125%;
  }
  #media ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  #media ul li:nth-of-type(n + 4) {
    margin-top: 1.953125%;
  }
}

@media screen and (min-width: 769px) {
  #news {
    background: #f7f7f7;
    padding-bottom: 5.125rem;
  }
  #news .news_wrap {
    background: #ffffff;
    border-radius: 0.938rem;
    padding-bottom: 5.6%;
  }
  #news h2 {
    padding: 4.2% 0 2.2%;
  }
  #news ul {
    width: 90%;
    margin: 0 auto 2.2222222222%;
  }
  #news ul li {
    padding-bottom: 1.563rem;
    padding-left: 2.813rem;
  }
  #news ul li .day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 1.563rem;
    margin-bottom: 0.313rem;
    font-size: 0.938rem;
    letter-spacing: 0.047rem;
    color: #4d4d4d;
  }
  #news ul li .day span {
    color: #ffffff;
    display: block;
    width: 16.8888888889%;
    height: 1.563rem;
    font-size: 0.938rem;
    text-align: center;
    background: #7fc8ea;
    line-height: 1.563rem;
    border-radius: 0.313rem;
    margin-left: 0.625rem;
  }
  #news ul li .news_text {
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.056rem;
  }
  #news ul li .news_text a:hover {
    text-decoration: underline;
  }
  #news ul li:not(:last-child) {
    margin-bottom: 1.563rem;
    border-bottom: 0.063rem solid #c8c8c8;
  }
  #news .btn_all a {
    display: block;
    width: 33.6666666667%;
    margin: 0 auto;
    border: 0.125rem solid #000;
    border-radius: 0.625rem;
    font-size: 1.25rem;
    line-height: 3.313rem;
    height: 3.313rem;
    font-weight: bold;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #news {
    background: #f7f7f7;
    padding-bottom: 3.154rem;
  }
  #news .news_wrap {
    background: #ffffff;
    width: 91.1458333333%;
    margin: 0 auto;
    border-radius: 0.577rem;
    padding-bottom: 6.5104166667%;
  }
  #news h2 {
    padding: 6% 0 3.1428571429%;
  }
  #news h2 img {
    margin-bottom: 0.308rem;
  }
  #news ul {
    width: 95.7142857143%;
    margin: 0 auto 6.8571428571%;
  }
  #news ul li {
    padding-bottom: 1.077rem;
    border-bottom: 0.038rem solid #c8c8c8;
  }
  #news ul li .day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 2.9850746269%;
    height: 1.923rem;
    line-height: 1.923rem;
    font-size: 0.846rem;
    letter-spacing: 0.042rem;
    color: #4d4d4d;
  }
  #news ul li .day span {
    color: #ffffff;
    background: #7fc8ea;
    font-size: 0.769rem;
    display: block;
    width: 20%;
    height: 1.154rem;
    line-height: 1.154rem;
    text-align: center;
    border-radius: 0.192rem;
    margin-left: 0.692rem;
  }
  #news ul li .news_text {
    font-size: 0.846rem;
    line-height: 1.308rem;
    letter-spacing: 0.035rem;
    margin-left: 2.9850746269%;
  }
  #news ul li:not(:last-child) {
    margin-bottom: 1.077rem;
  }
  #news .btn_all a {
    display: block;
    width: 60%;
    margin: 0 auto;
    border: 0.077rem solid #000;
    border-radius: 0.385rem;
    font-size: 1.154rem;
    line-height: 2.692rem;
    height: 2.692rem;
    font-weight: bold;
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  #document {
    background: #7fc8ea;
  }
  #document .document_head {
    padding-top: 5.8%;
    font-size: 2.625rem;
    text-align: center;
    line-height: 3.125rem;
  }
  #document .document_head span {
    font-size: 1.625rem;
  }
  #document .document_txt01 {
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    padding: 1.875rem 0 3.75rem;
  }
  #document .document_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
  }
  #document .document_lists li {
    width: 19.5rem;
    background-color: #fff;
    border-radius: 0.938rem;
  }
  #document .document_lists li .document_list_img {
    /*p {
      background-color: rgba($color: #3399cc, $alpha: 0.9);
      text-align: center;
      color: #fff;
      font-size: pc_vw(14);
      width: 100%;
      padding: pc_vw(15) 0;
      line-height: 1.4;
    }*/
  }
  #document .document_lists li .document_list_img img {
    border-radius: 0.938rem 0.938rem 0 0;
    height: 14.625rem;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  #document .document_lists li h3 {
    text-align: center;
    font-size: 1.563rem;
    line-height: 2.125rem;
    color: #1a1a1a;
    padding: 1.875rem 1.875rem 0;
  }
  #document .document_lists li p {
    margin: 1.25rem 0 2.188rem;
    padding: 0 1.875rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #1a1a1a;
    max-height: 6.5em;
    overflow: hidden;
  }
  #document .document_cta {
    text-align: center;
    padding: 3.75rem 0 5rem;
  }
  #document .document_cta a {
    background: #fff;
    display: block;
    width: 42.5555555556%;
    margin: 0 auto;
    border-radius: 0.625rem;
    font-size: 1.25rem;
    line-height: 3.313rem;
    height: 3.313rem;
    font-weight: bold;
    text-align: center;
  }
  #document .document_cta img {
    width: 23.938rem;
  }
}
@media screen and (max-width: 768px) {
  #document {
    background: #7fc8ea;
  }
  #document h2 {
    padding: 10.15625% 0 2.8645833333%;
    text-align: center;
    font-size: 2.077rem;
    letter-spacing: 0.115rem;
    line-height: 2.692rem;
  }
  #document h2 span {
    font-size: 1.154rem;
    letter-spacing: 0.077rem;
    margin-bottom: 0.385rem;
  }
  #document h2 img {
    margin-bottom: 0.962rem;
  }
  #document .document_txt01 {
    text-align: center;
    font-size: 1.077rem;
    color: #fff;
    line-height: 1.808rem;
    font-weight: bold;
  }
  #document .document_lists {
    padding: 0 1.154rem;
    margin-top: 1.923rem;
  }
  #document .document_lists li {
    background-color: #fff;
    border-radius: 0.577rem;
    margin-bottom: 1.923rem;
  }
  #document .document_lists li .document_list_img {
    margin-bottom: 0.769rem;
  }
  #document .document_lists li .document_list_img img {
    border-top-left-radius: 0.577rem;
    border-top-right-radius: 0.577rem;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #document .document_lists li .document_list_txt {
    text-align: center;
    padding: 1.154rem;
  }
  #document .document_lists li .document_list_txt h3 {
    font-size: 1.308rem;
    line-height: 1.769rem;
    margin-bottom: 0.577rem;
  }
  #document .document_lists li .document_list_txt p {
    text-align: left;
    font-size: 1rem;
    line-height: 1.385rem;
    margin-bottom: 0.577rem;
  }
  #document .document_cta {
    text-align: center;
    padding: 0 0 3.077rem;
  }
  #document .document_cta img {
    width: 19.269rem;
  }
  #document .document_cta a {
    background: #fff;
    display: block;
    width: 71.4285714286%;
    margin: 0 auto;
    border-radius: 0.385rem;
    font-size: 1.154rem;
    line-height: 2.692rem;
    height: 2.692rem;
    font-weight: bold;
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  #faq {
    background: url(../img/faq_bg01.png) no-repeat center top;
    background-size: 200%;
  }
  #faq h2 {
    padding-top: 6.4%;
  }
  #faq .faq_wrap {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 4%;
  }
  #faq .faq_wrap dl:not(:last-child) {
    margin-bottom: 2.8888888889%;
  }
  #faq .faq_wrap dl dt {
    line-height: 2.25rem;
    font-weight: bold;
    font-size: 1.5rem;
    background: #e2e2e2;
    border-radius: 0.625rem;
    padding: 2.6666666667% 6.1111111111% 2.6666666667% 12.7777777778%;
    position: relative;
  }
  #faq .faq_wrap dl dt:before {
    content: "";
    left: 3.5555555556%;
    width: 4.875rem;
    height: 4.375rem;
    position: absolute;
    z-index: 1;
    top: -1.125rem;
    background: url(../img/faq_icon_q.png) no-repeat center top/100%;
  }
  #faq .faq_wrap dl dt:hover {
    cursor: pointer;
  }
  #faq .faq_wrap dl dt.active span:after {
    -webkit-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #faq .faq_wrap dl dt span:before, #faq .faq_wrap dl dt span:after {
    content: "";
    display: block;
    width: 1.375rem;
    height: 0.125rem;
    background: #666666;
    position: absolute;
    right: 1.6666666667%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #faq .faq_wrap dl dt span:after {
    background: #666666;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #faq .faq_wrap dl dd {
    display: none;
    font-size: 1.125rem;
    line-height: 2.188rem;
    padding: 2.2222222222% 3.3333333333% 2.2222222222% 12.7777777778%;
    background: url(../img/faq_icon_a.png) no-repeat 3.25rem 1.5rem;
    background-size: 1.875rem;
  }
}
@media screen and (min-width: 1000px) {
  #faq {
    background: url(../img/faq_bg01.png) no-repeat center top;
    background-size: 125rem;
  }
}
@media screen and (max-width: 768px) {
  #faq {
    background: url(../img/faq_bg01_sp.png) no-repeat center top;
    background-size: 100%;
  }
  #faq h2 {
    padding: 15.3645833333% 0 5.2083333333%;
  }
  #faq .faq_wrap {
    width: 91.1458333333%;
    margin: 0 auto;
    padding-bottom: 11.0677083333%;
  }
  #faq .faq_wrap dl:not(:last-child) {
    margin-bottom: 6%;
  }
  #faq .faq_wrap dl dt {
    line-height: 1.769rem;
    font-weight: bold;
    font-size: 1.231rem;
    background: #e2e2e2;
    border-radius: 0.385rem;
    padding: 3.1428571429% 10% 3.1428571429% 19.2857142857%;
    position: relative;
  }
  #faq .faq_wrap dl dt:before {
    content: "";
    left: 2.5714285714%;
    width: 3.577rem;
    height: 3.5rem;
    position: absolute;
    z-index: 1;
    top: -0.577rem;
    background: url(../img/faq_icon_q_sp.png) no-repeat center top/100%;
  }
  #faq .faq_wrap dl dt:hover {
    cursor: pointer;
  }
  #faq .faq_wrap dl dt.active span:after {
    -webkit-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #faq .faq_wrap dl dt span:before, #faq .faq_wrap dl dt span:after {
    content: "";
    display: block;
    width: 1.154rem;
    height: 0.154rem;
    background: #666666;
    position: absolute;
    right: 3.5714285714%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #faq .faq_wrap dl dt span:after {
    background: #666666;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #faq .faq_wrap dl dd {
    display: none;
    font-size: 1.077rem;
    line-height: 1.731rem;
    padding: 5.4285714286% 4.2857142857% 5.4285714286% 16.4285714286%;
    background: url(../img/faq_icon_a.png) no-repeat 1.615rem 1.462rem;
    background-size: 1.5rem;
  }
}

@media screen and (min-width: 769px) {
  #company {
    background: url(../img/company_bg01.png) no-repeat center bottom;
    background-size: 200%;
  }
  #company h2 {
    padding-top: 4.4%;
  }
  #company h2 img {
    margin-bottom: 0.188rem;
  }
  #company .company_wrap {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 7.4%;
  }
  #company .company_wrap dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #company .company_wrap dl:not(:last-child) {
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 0.063rem solid #c8c8c8;
  }
  #company .company_wrap dl dt {
    width: 19.4444444444%;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 2.188rem;
    padding-left: 2.813rem;
  }
  #company .company_wrap dl dd {
    width: 80.5555555556%;
    font-size: 1.125rem;
    line-height: 2.188rem;
  }
}
@media screen and (min-width: 1000px) {
  #company {
    background: url(../img/company_bg01.png) no-repeat center bottom;
    background-size: 125rem;
  }
}
@media screen and (max-width: 768px) {
  #company {
    background: url(../img/company_bg02_sp.png) no-repeat center bottom;
    background-size: 100%;
  }
  #company h2 {
    padding: 10.4166666667% 0 3.125%;
  }
  #company h2 img {
    margin-bottom: 0.115rem;
  }
  #company .company_wrap {
    width: 91.1458333333%;
    margin: 0 auto;
    padding-bottom: 14.3229166667%;
  }
  #company .company_wrap dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #company .company_wrap dl:not(:last-child) {
    padding-bottom: 0.962rem;
    margin-bottom: 0.962rem;
    border-bottom: 0.038rem solid #c8c8c8;
  }
  #company .company_wrap dl dt {
    width: 26.5714285714%;
    font-size: 1.077rem;
    font-weight: bold;
    line-height: 1.538rem;
    padding-left: 1.077rem;
  }
  #company .company_wrap dl dd {
    width: 70.5714285714%;
    font-size: 1.038rem;
    line-height: 1.538rem;
  }
}

#contact .head {
  margin-top: 6.25rem;
}
#contact .contact_txt01 {
  text-align: center;
  font-size: 1.25rem;
  line-height: 2.188rem;
  letter-spacing: 0.063rem;
  font-weight: bold;
  padding-bottom: 12.8%;
  margin-bottom: -1.188rem;
}
@media screen and (max-width: 768px) {
  #contact {
    background-color: #f7f7f7;
  }
  #contact .head {
    margin-top: 0;
    padding-top: 1.923rem;
  }
  #contact .contact_txt01 {
    font-weight: normal;
  }
}/*# sourceMappingURL=lp_style.css.map */