@charset "UTF-8";

/* Common */
body {
    color: #333;
}

#enefarm #page-contents {
    padding: 0;
}

.inner {
    max-width: 850px;
    margin: 0 auto;
    padding: 0;
}

.inner02 {
    max-width: 950px;
    margin: 0 auto;
    padding: 0;
}

.ttl-blue-bg-line {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.6;
    color: #206fbc;
}

.ttl-blue-bg-line .bg-line {
    background: url("/lp/enefarm/lp01/assets/img/bg_line.png") repeat-x 0 25px /6px 10px;
}

.b-sub {
    padding: 33px 15px 0;
    text-align: left;
}

.sub {
    font-size: 12px;
    line-height: 1.6;
    text-indent: -1.2rem;
    margin-left: 1.2rem;
}

.b-sub-1 .sub{
    text-indent: -2.4rem;
    margin-left: 2.4rem;
}

.sub a {
    color: #006fbc;
    text-underline-offset: 8px;
}

.b-flex-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bold {
    font-weight: bold;
}

.dotted-line {
    background: url("/lp/enefarm/lp01/assets/img/txt_dotted_line.png") repeat-x bottom center/2px 1px;
}

.text-blue {
    color: #206fbc;
}

.btn-new-window {
    display: inline-block;
    font-size: 16px;
    text-underline-offset: 8px;
}

.btn-new-window:link,
.btn-new-window:visited {
    color: #fff;
}

.btn-new-window.blue {
    color: #206fbc;
}

.btn-new-window.blue:link,
.btn-new-window.blue:visited {
    color: #206fbc;
}

.btn-new-window.blue:after {
    background: url("/lp/enefarm/lp01/assets/img/icon_new_window_blue.svg") no-repeat center/contain;
}

.btn-new-window:after {
    content: "";
    background: url("/lp/enefarm/lp01/assets/img/icon_new_window_white.svg") no-repeat center/contain;
    display: inline-block;
    position: relative;
    top: 2px;
    width: 17px;
    height: 17px;
    padding-left: 10px;
}

@media (max-width: 1025px) {
    #page-header {
        border-top: 0;
    }
}

@media (min-width: 769px) {

    .btn-new-window:hover,
    .btn-new-window.blue:hover,
    .sub a:hover {
        color: #db6700;
    }
}

@media screen and (max-width: 768px) {
    .b-sub {
        padding: 2.133vw 2.6vw 0;
    }

    .sub {
        font-size: 3.2vw;
        text-indent: 0;
        margin-left: 0;
    }
    .sub01{
        display: flex;
    }
    .sub01 .star{
        display: inline-block;
        padding-right: 1.33vw;
    }
    .sub01 .star02{
        display: inline-block;
    }
    .b-sub-1 .sub{
        text-indent: 0;
        margin-left: 0;
    }
    .ttl-blue-bg-line {
        font-size: 4.8vw;
        line-height: 1.6;
    }

    .ttl-blue-bg-line .bg-line {
        background: url("/lp/enefarm/lp01/assets/img/bg_line.png") repeat-x 0 4.533vw/1.867vw 1.867vw;
    }

    .btn-new-window {
        font-size: 3.2vw;
    }

    .btn-new-window.blue:after {
        padding-left: 1.6vw;
    }

    .btn-new-window:after {
        width: 3.733vw;
        height: 3.733vw;
        padding-left: 4.8vw;
        top: 0.533vw;
    }

    .dotted-line {
        background: url("/lp/enefarm/lp01/assets/img/txt_dotted_line.png") repeat-x bottom center/0.533vw 0.267vw;
    }
}

/* Header */
#page-header {
    margin-bottom: 0;
    padding-top: 0;
}

#header-upper-box {
    height: 80px;
}

.gnavbar {
    position: relative;
    top: unset;
    left: unset;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    margin-left: auto;
    overflow: visible;
    pointer-events: all;
    background-color: unset;
    opacity: 1;
    transition: unset;
}

.gnavbar .gnav-list {
    display: flex;
    flex-flow: column;
    flex-direction: row;
    align-items: stretch;
    height: 100%;
}

.gnavbar .gnav-list .gnav-list-item {
    position: relative;
    padding-left: 39px;
    border-radius: 0;
}

.gnavbar .gnav-list .gnav-list-item a {
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    color: #006fbc;
}

@media (min-width: 1025px) {
    .gnav-list-item a:hover {
        opacity: 0.75;
    }
}

@media (max-width: 1024px) {
    #header-main-box {
        padding: 0 5% 0 2.5%;
    }

    #header-upper-box {
        width: 100%;
        height: 65px;
    }

    .gnavbar {
        display: block;
        position: absolute;
        top: 65px;
        left: 0;
        right: 0;
        width: 100%;
        background: #206fbc;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .gnavbar.show {
        opacity: 1;
        visibility: visible;
    }

    .gnavbar .gnav-list {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .gnavbar .gnav-list .gnav-list-item {
        border-bottom: 1px solid #fff;
        padding-left: 0;
    }

    .gnavbar .gnav-list .gnav-list-item a {
        padding: 28px 20px 30px;
        font-size: 16px;
        color: #fff;
    }

    .gnavbar .gnav-list .gnav-list-item a:after {
        content: "";
        position: absolute;
        background: url("/lp/enefarm/lp01/assets/img/icon_arrow_w.svg") no-repeat top center/100% auto;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 10px;
        height: 18px;
        transition: transform 0.3s ease;
    }

    .gnav-hamburger-button {
        display: block;
        background: none;
        border: none;
        cursor: pointer;
    }

    .gnav-hamburger-button-inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 25px;
        height: 20px;
    }

    .gnav-hamburger-button-line {
        height: 2px;
        border-radius: 2px;
        background-color: #206fbc;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .gnav-hamburger-button.open .gnav-hamburger-button-line:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }

    .gnav-hamburger-button.open .gnav-hamburger-button-line:nth-child(2) {
        opacity: 0;
    }

    .gnav-hamburger-button.open .gnav-hamburger-button-line:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }
}

/* MainVisual */
.mv-area {
    background: url("/lp/enefarm/lp01/assets/img/mv_bg_talent.jpg") no-repeat top center/cover;
    text-align: center;
    max-width: 1920px;
    margin: 0 auto;
}

.mv-area .inner-mv {
    max-width: 670px;
    margin: 0 auto;
}

.mv-area .inner-mv .mv {
    padding: 22px 0 1px;
}

@media (max-width: 1024px) {
    .mv-area .inner-mv .mv {
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .mv-area {
        background: unset;
    }

    .mv-area .inner-mv {
        max-width: unset;
    }

    .mv-area .inner-mv .mv img {
        width: 100%;
    }
}

/* Campaign */
.b-campaign {
    padding: 27px 15px 0;
}

.b-campaign .inner .b-campaign-01 .campaign-ttl-01 {
    background: #206fbc url("/lp/enefarm/lp01/assets/img/campaign_bg_ttl.png") no-repeat top center/cover;
    text-align: center;
    padding: 22px 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.b-campaign .inner .b-campaign-01 .campaign-ttl-01 img {
    margin: 0 auto;
}

.b-campaign .inner .b-campaign-01 .campaign-content {
    border: 2px solid #206fbc;
    border-top: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    text-align: center;
    padding: 33px 0 50px;
}

.b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content {
    padding: 26px 48px 0;
}

.b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content .img {
    width: 54.2666666667%;
}

.b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content .content {
    width: 39.7333333333%;
}

.b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content .content .text {
    font-size: 16px;
    text-align: left;
    line-height: 1.7;
}

.b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content .content .text:nth-of-type(1) {
    margin-top: 19px;
}

.b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content .content .img+.text {
    margin-top: 40px;
}

.b-campaign .inner .campaign-video {
    padding-top: 60px;
}

.b-campaign .inner .campaign-video .video-ttl {
    text-align: center;
    padding-bottom: 20px;
}

.b-campaign .inner .campaign-video .video-ttl img {
    margin: 0 auto;
}

.b-campaign .inner .campaign-video .video-container {
    position: relative;
    padding-bottom: 44.25%;
    height: 0;
    overflow: hidden;
    max-width: 670px;
    margin: 0 auto;
    background: #333;
    cursor: pointer;
}

.b-campaign .inner .campaign-video .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.b-campaign .campaign-banner {
    width: 890px;
    margin: 0 auto 50px;
    text-align: center;
}

.b-campaign .campaign-banner img {
    margin: 0 auto;
}

.b-campaign .campaign-banner a:hover {
    opacity: 0.75;
}

.note_video {
    max-width: 670px;
    text-indent: -1em;
    padding-left: 1em;
    margin: 10px auto 0;
}

@media (max-width: 768px) {
    .b-campaign {
        padding: 6.4vw 2.6vw 0;
    }

    .b-campaign .inner .b-campaign-01 .campaign-ttl-01 {
        background: #206fbc;
        padding: 4.533vw 0 5.067vw;
        border-top-left-radius: 4vw;
        border-top-right-radius: 4vw;
    }

    .b-campaign .inner .b-campaign-01 .campaign-content {
        padding: 5.333vw 0 0;
        border-bottom-right-radius: 4vw;
        border-bottom-left-radius: 4vw;
    }

    .b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content {
        display: flex;
        flex-direction: column-reverse;
        padding: 0 5%;
        margin-bottom: -4.533vw;
    }

    .b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content .img {
        width: 100%;
        margin: 2.667vw 0 6.133vw;
    }

    .b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content .content {
        width: 100%;
    }

    .b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content .content .text {
        font-size: 4.267vw;
    }
    .b-campaign .inner .b-campaign-01 .campaign-content .b-flex-content .content .img+.text{
        margin-top: 0;
    }

    .b-campaign .inner .campaign-video {
        padding-top: 8vw;
    }

    .b-campaign .inner .campaign-video .video-ttl {
        padding-bottom: 3.2vw;
    }

    .b-campaign .inner .campaign-video .video-container {
        padding-bottom: 53.16%;
        width: 94%;
    }

    .b-campaign .campaign-banner {
        width: 100%;
        margin-bottom: 5.333vw;
    }

    .note_video {
        width: 94%;
    }
}

/* Chosen */
.b-chosen {
    background: url("/lp/enefarm/lp01/assets/img/chosen_bg.png") no-repeat top center/cover;
    text-align: center;
    max-width: 1920px;
    margin: 121px auto 0;
    padding: 131px 15px 72px;
}

.b-chosen .inner02 .ttl-02 img {
    margin: 0 auto;
}

.b-chosen .inner02 .b-chosen-01 {
    margin: 39px 0 10px;
}

.b-chosen .inner02 .b-chosen-01 .chosen-item {
    width: 31.5789473684%;
}

.b-chosen .inner02 .b-chosen-01 .chosen-item a {
    display: block;
    text-decoration: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 7px 0px 0px rgb(7, 54, 144);
}

.b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-ttl {
    background: url("/lp/enefarm/lp01/assets/img/bg_box_yellow_line.png") repeat top center/8px 8px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006fbc;
}

.b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-ttl .number {
    font-size: 36px;
}

.b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-content {
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    color: #333;
    padding: 14px 0 19px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 7px 0px 0px rgb(7, 54, 144);
}

.b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-content sup {
    font-size: 10px;
    font-weight: 400;
}
.b-chosen .inner02 .b-chosen-01 .chosen-item:nth-of-type(2) a .chosen-content sup{
    position: relative;
    top: -7px;
}

.b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-content .text-blue {
    font-size: 24px;
    display: inline-block;
    margin-top: 6px;
}

.b-chosen .inner02 .b-sub {
    padding: 15px 0 0;
    color: #fff;
}
.b-chosen .inner02 .b-sub .sub {
    text-indent: -2.4rem;
    margin-left: 2.4rem;
}

.b-chosen .inner02 .btn-link-chosen {
    text-align: right;
    margin-top: 20px;
}

@media (min-width: 1025px) {
    .b-chosen .inner02 .b-chosen-01 .chosen-item a:hover{
        box-shadow: none;
        position: relative;
        top: 7px;
    }
    .b-chosen .inner02 .b-chosen-01 .chosen-item a:hover .chosen-content{
        box-shadow: none;
    }
}
@media (max-width: 980px) and (min-width: 768px){
    .b-chosen .inner02 .b-chosen-01{
        margin: 3.98vw 0 1.02vw;
    }
    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-ttl{
        font-size: 1.63vw;
    }
    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-ttl .number{
        font-size: 3.67vw;
    }
    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-content{
        font-size: 1.63vw;
        padding: 1.43vw 0 1.94vw;
    }
    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-content sup{
        font-size: 1.02vw;
    }
    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-content .text-blue{
        font-size: 2.45vw;
        margin-top: .61vw;
    }
}
@media (max-width: 768px) {
    .b-chosen {
        background: url("/lp/enefarm/lp01/assets/img/chosen_bg_sp.png") no-repeat top center/cover;
        margin: 12vw 0 0;
        padding: 19.2vw 5.3vw 15.467vw;
    }

    .b-chosen .inner02 .b-chosen-01 {
        margin: 5.067vw 0 2.667vw;
        flex-direction: column;
    }

    .b-chosen .inner02 .b-chosen-01 .chosen-item {
        width: 100%;
    }

    .b-chosen .inner02 .b-chosen-01 .chosen-item+.chosen-item {
        margin-top: 5.067vw;
    }

    .b-chosen .inner02 .b-chosen-01 .chosen-item a {
        display: flex;
        align-items: center;
    }

    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-ttl {
        border-top-left-radius: 4vw;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4vw;
        align-items: center;
        flex-direction: column;
        min-height: 32vw;
        font-size: 2.667vw;
        width: 19.552238806%;
        box-shadow: 0 1.867vw 0 0 rgb(7, 54, 144);
    }

    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-ttl .number {
        font-size: 9.067vw;
        line-height: 1;
        display: block;
    }

    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-content {
        font-size: 4vw;
        padding: 4.267vw 0 3.467vw 1.33vw;
        width: 80.7462686567%;
        min-height: 32vw;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 4vw;
        border-top-right-radius: 4vw;
        box-shadow: 0 1.867vw 0 0 rgb(7, 54, 144);
        text-align: left;
    }

    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-content sup {
        font-size: 3.2vw;
    }

    .b-chosen .inner02 .b-chosen-01 .chosen-item a .chosen-content .text-blue {
        font-size: 6.4vw;
        margin-top: 0;
    }

    .b-chosen .inner02 .btn-link-chosen {
        margin-top: 3.2vw;
    }
    .b-chosen .inner02 .b-sub .sub{
        text-indent: 0;
        margin-left: 0;
    }
}

/* Recommend */
.b-recommend {
    text-align: center;
    padding: 0 15px 70px;
}

.b-recommend .inner02 .ttl-02 {
    margin-top: -36px;
}

.b-recommend .inner02 .ttl-02 img {
    margin: 0 auto;
}

.b-recommend .inner02 .b-recommend-01 {
    margin: 50px 0 10px;
    row-gap: 40px;
}

.b-recommend .inner02 .b-recommend-01 .recommend-item {
    width: 47.3684210526%;
}

@media (max-width: 768px) {
    .b-recommend {
        padding: 0 4.6% 12.533vw;
    }

    .b-recommend .inner02 .ttl-02 {
        margin-top: -7.733vw;
    }

    .b-recommend .inner02 .b-recommend-01 {
        margin: 8.8vw 0.4% 0;
        row-gap: 6.667vw;
        flex-direction: column;
    }

    .b-recommend .inner02 .b-recommend-01 .recommend-item {
        width: 100%;
    }
}

/* Introduce */
.b-introduce {
    background: url("/lp/enefarm/lp01/assets/img/introduce_bg.jpg") no-repeat top center/cover;
    text-align: center;
    padding: 66px 15px 54px;
}

.b-introduce .inner-introduce {
    max-width: 1694px;
    margin: 0 auto;
    padding: 0;
}

.b-introduce .inner-introduce .ttl-02 img {
    margin: 0 auto;
}

.b-introduce .inner-introduce .swiper-box {
    width: 100%;
    margin: 22px auto 0;
    position: relative;
    overflow: hidden;
}

.b-introduce .inner-introduce .swiper-box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.b-introduce .inner-introduce .swiper-box .swiper-button-next,
.b-introduce .inner-introduce .swiper-box .swiper-button-prev {
    background-color: #333333;
    border-radius: 50%;
    width: 48px;
    color: #fff;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 47.4%;
}

.b-introduce .inner-introduce .swiper-box .swiper-button-next:after,
.b-introduce .inner-introduce .swiper-box .swiper-button-prev:after {
    font-size: 20px;
    font-weight: bold;
}

.b-introduce .inner-introduce .swiper-box .swiper-button-prev {
    left: 33.3%;
}

.b-introduce .inner-introduce .swiper-box .swiper-button-next {
    right: 33.3%;
}

.b-introduce .b-sub {
    padding: 18px 0 0;
}

.b-introduce .b-sub .sub-special{
    text-indent: -2.4rem;
    margin-left: 2.4rem;
}

@media (min-width: 1025px) {

    .b-introduce .inner-introduce .swiper-box .swiper-button-next:hover,
    .b-introduce .inner-introduce .swiper-box .swiper-button-prev:hover {
        opacity: 0.75;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .b-introduce{
        padding: 66px 0 54px;
    }
    .b-introduce .b-sub{
        padding: 18px 15px 0;
    }
    .b-introduce .inner-introduce .swiper-box .swiper-button-next {
        right: 25.3%;
    }

    .b-introduce .inner-introduce .swiper-box .swiper-button-prev {
        left: 25.3%;
    }
}

@media (max-width: 768px) {
    .b-introduce {
        background: url("/lp/enefarm/lp01/assets/img/introduce_bg_sp.jpg") no-repeat top center/cover;
        padding: 10.4vw 0 16vw;
    }

    .b-introduce .inner-introduce .ttl-02 {
        padding: 0 4.4%;
    }

    .b-introduce .inner-introduce .swiper-box {
        padding: 0 4.4%;
        margin: 2.933vw auto 0;
    }

    .b-introduce .inner-introduce .swiper-box .swiper-button-next,
    .b-introduce .inner-introduce .swiper-box .swiper-button-prev {
        border-radius: 50%;
        width: 9.067vw;
        height: 9.067vw;
        top: 50.4%;
    }

    .b-introduce .inner-introduce .swiper-box .swiper-button-next:after,
    .b-introduce .inner-introduce .swiper-box .swiper-button-prev:after {
        font-size: 3.733vw;
    }

    .b-introduce .inner-introduce .swiper-box .swiper-button-prev {
        left: 2.667vw;
    }

    .b-introduce .inner-introduce .swiper-box .swiper-button-next {
        right: 2.667vw;
    }

    .b-introduce .b-sub {
        padding: 0.8vw 5.4% 0;
    }
    .b-introduce .b-sub .sub-special{
        text-indent: 0;
        margin-left: 0;
    }
}

/* Explain */
.b-explain {
    background: url("/lp/enefarm/lp01/assets/img/explain_bg.png") no-repeat top center/cover;
    padding: 61px 15px 122px;
    text-align: center;
}

.b-explain .inner .ttl-02 img {
    margin: 0 auto;
}

.b-explain .inner .explain-box {
    background: #fff;
    border-radius: 30px;
    padding: 0 15px 60px;
}

.b-explain .inner .explain-box+.explain-box {
    padding-top: 10px;
}

.b-explain .inner .explain-box .explain-ttl .sub-ttl {
    position: relative;
    top: -33px;
}

.b-explain .inner .explain-box .explain-ttl .sub-ttl img {
    margin: 0 auto;
}

.b-explain .inner .explain-box .explain-ttl sup {
    font-size: 12px;
    position: relative;
    top: -10px;
}

.b-explain .inner .explain-box .explain-ttl .ttl-03 {
    font-size: 26px;
    color: #333;
}

.b-explain .inner .explain-box .explain-ttl .ttl-03 .bg-line {
    font-size: 36px;
    line-height: 1.5;
    color: #206fbc;
    background-size: 6px 20px;
    background-position: 0 29px;
}

.b-explain .inner .explain-box .explain-ttl .sub {
    margin-top: 12px;
}

.b-explain .inner .explain-box .explain-content {
    font-size: 16px;
    max-width: 580px;
    margin: 33px auto 0;
    line-height: 1.6;
    text-align: left;
}

.b-explain .inner .explain-box .explain-content.center {
    text-align: center;
}

.b-explain .inner .explain-box .explain-img {
    margin-top: 48px;
}

.b-explain .inner .explain-box .explain-img img {
    margin: 0 auto;
}

.b-explain .inner .explain-box .explain-img-02 {
    margin-top: 66px;
}

.b-explain .inner .explain-box .explain-img-02 img {
    margin: 0 auto;
}

.b-explain .inner .explain-box .b-sub {
    max-width: 670px;
    margin: 32px auto 0;
    padding: 0;
}

.b-explain .inner .explain-box .b-sub .sub {
    text-indent: -2.4rem;
    margin-left: 2.4rem;
}
.b-explain .inner .b-explain-02 .explain-box .b-sub .sub {
    text-indent: -1.2rem;
    margin-left: 1.2rem;
}
.b-explain .inner .explain-box .btn-link-explain {
    text-align: right;
    max-width: 670px;
    margin: 9px auto 0;
}

.b-explain .inner .explain-box .explain-ttl02 {
    margin-top: 42px;
    margin-bottom: -10px;
}

.b-explain .inner .explain-box .explain-ttl02 img {
    margin: 0 auto;
}

.b-explain .inner .b-explain-01 {
    padding-top: 55px;
}

.b-explain .inner .b-explain-02 {
    padding-top: 107px;
}

.b-explain .inner .b-explain-02 .explain-box .explain-content {
    max-width: 666px;
}

.b-explain .inner .b-explain-02 .explain-box .explain-ttl02 {
    margin-top: 59px;
}

.b-explain .inner .b-explain-02 .explain-box .b-sub {
    max-width: 750px;
}

.b-explain .inner .b-explain-03 {
    padding-top: 95px;
}

.b-explain .inner .b-explain-03 .explain-box .explain-content {
    max-width: 666px;
}

.b-explain .inner .b-explain-03 .explain-box .explain-img {
    margin-top: 52px;
}
.b-explain .inner .b-explain-03 .explain-box .explain-img .sub{
    margin-top: 15px;
    text-align: left;
    max-width: 670px;
    margin: 15px auto 0;
    text-indent: 0;
}

.b-explain .inner .b-explain-03 .explain-box .b-sub {
    max-width: 670px;
    margin-top: 37px;
}

@media (max-width: 768px) {
    .b-explain {
        background: #206fbc url("/lp/enefarm/lp01/assets/img/explain_bg_sp.png") no-repeat top center/cover;
        padding: 10.133vw 2.6% 20.27vw;
    }

    .b-explain .inner .explain-box {
        border-radius: 4vw;
        padding: 0 5.6% 11.467vw;
    }

    .b-explain .inner .explain-box+.explain-box {
        padding-top: 2.667vw;
    }

    .b-explain .inner .explain-box .explain-ttl .sub-ttl {
        top: -6.4vw;
    }

    .b-explain .inner .explain-box .explain-ttl .sub-ttl img {
        width: 54%;
    }

    .b-explain .inner .explain-box .explain-ttl sup {
        font-size: 3.2vw;
    }

    .b-explain .inner .explain-box .explain-ttl .ttl-03 {
        font-size: 4.8vw;
    }

    .b-explain .inner .explain-box .explain-ttl .ttl-03 .bg-line {
        font-size: 8vw;
        line-height: 1.3;
        background-size: 1.6vw 3.2vw;
        background-position-y: 7vw;
    }

    .b-explain .inner .explain-box .explain-ttl .sub {
        margin-top: 3.2vw;
        white-space: nowrap;
        margin-left: 0.533vw;
    }

    .b-explain .inner .explain-box .explain-content {
        margin: 6.133vw auto 0;
        font-size: 4.267vw;
    }

    .b-explain .inner .explain-box .explain-content.center {
        text-align: left;
        margin-top: 4vw;
    }

    .b-explain .inner .explain-box .explain-img {
        margin-top: 7.733vw;
    }

    .b-explain .inner .explain-box .explain-img-02 {
        margin-top: 7.733vw;
    }

    .b-explain .inner .explain-box .explain-img-02+.b-sub {
        margin-top: 5.333vw;
    }

    .b-explain .inner .explain-box .b-sub {
        margin: 7.2vw auto 0;
    }

    .b-explain .inner .explain-box .btn-link-explain {
        margin: 2.4vw auto 0;
    }

    .b-explain .inner .explain-box .explain-ttl02 {
        margin-top: 11.733vw;
        margin-bottom: -1.067vw;
    }

    .b-explain .inner .explain-box .explain-ttl02 img {
        margin: 0 auto;
    }

    .b-explain .inner .b-explain-01 {
        padding-top: 12vw;
    }

    .b-explain .inner .b-explain-02 {
        padding-top: 14.667vw;
    }
    .b-explain .inner .b-explain-02 .explain-box{
        padding-bottom: 7.467vw;
    }
    .b-explain .inner .b-explain-02 .explain-box .explain-ttl02 {
        margin-top: 10.133vw;
        margin-bottom: -2.4vw;
    }

    .b-explain .inner .b-explain-02 .explain-box .b-sub {
        margin-top: 5.067vw;
        width: 98%;
    }

    .b-explain .inner .b-explain-02 .explain-box .b-sub .sub {
        line-height: 1.5;
    }

    .b-explain .inner .b-explain-03 {
        padding-top: 14.667vw;
    }

    .b-explain .inner .b-explain-03 .explain-box .explain-content {
        line-height: 1.8;
    }

    .b-explain .inner .b-explain-03 .explain-box .explain-img {
        margin-top: 6.933vw;
    }

    .b-explain .inner .b-explain-03 .explain-box .explain-img {
        text-align: left;
        margin-top: 4vw;
    }

    .b-explain .inner .b-explain-03 .explain-box .b-sub {
        margin-top: 7.2vw;
    }
    .b-explain .inner .b-explain-03 .explain-box .explain-img .sub{
        text-indent: 0;
        margin-left: 0;
        margin-bottom: -1.33vw;
    }
    .b-explain .inner .explain-box .b-sub .sub{
        text-indent: 0;
        margin-left: 0;
    }
    .b-explain .inner .b-explain-02 .explain-box .b-sub .sub{
        text-indent: 0;
        margin-left: 0;
    }
}

/* Provide */
.b-provide {
    text-align: center;
    padding: 0 15px 61px;
}

.b-provide .inner02 .ttl-02 {
    margin-top: -36px;
}

.b-provide .inner02 .ttl-02 img {
    margin: 0 auto;
}

.b-provide .inner02 .provide {
    max-width: 850px;
    margin: 38px auto 0;
    border-radius: 30px;
    box-shadow: 0px 0px 20px 0px rgba(190, 190, 190, 0.4);
}

.b-provide .inner02 .provide .provide-top-ttl {
    position: relative;
    padding: 21px 0 108px 22px;
    background: #f0f4f7;
    z-index: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.b-provide .inner02 .provide .provide-top-ttl:after {
    content: "";
    position: absolute;
    border-top-right-radius: 30px;
    display: inline-block;
    top: 0;
    right: 0;
    z-index: 1;
}

.b-provide .inner02 .provide .provide-top-ttl .ttl-03 {
    position: relative;
    z-index: 2;
    text-align: left;
}

.b-provide .inner02 .provide .provide-bottom {
    position: relative;
    z-index: 3;
    background: #fff;
    padding: 23px 50px 55px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.b-provide .inner02 .provide .provide-bottom:before {
    content: "";
    position: absolute;
    background: url("/lp/enefarm/lp01/assets/img/provide_bg03.png") no-repeat top center/cover;
    display: block;
    width: 100%;
    height: 85px;
    top: -84px;
    right: 0;
    left: 0;
    z-index: 2;
}

.b-provide .inner02 .provide .provide-bottom .provide-content {
    width: 48.6%;
    text-align: left;
    margin-top: -7px;
}

.b-provide .inner02 .provide .provide-bottom .provide-content .text {
    font-size: 16px;
    line-height: 1.6;
}
.b-provide .inner02 .provide .provide-bottom .provide-content .text sup{
    font-size: 10px;
}
.b-provide .inner02 .provide .provide-bottom .provide-content .b-sub {
    padding: 20px 0 0;
}

.b-provide .inner02 .provide .provide-bottom .provide-content .b-sub .sub {
    text-indent: -1.2rem;
    margin-left: 1.2rem;
}
.b-provide .inner02 .provide .provide-bottom .b-sub.w100 {
    width: 100%;
    padding: 0;
}
.b-provide .inner02 .provide .provide-bottom .b-sub .sub.no-indent-ml{
    margin-left: 1.2rem;
    text-indent: 0;
}

.b-provide .inner02 .provide .provide-bottom .provide-img {
    width: 46.1333333333%;
    margin-top: -46px;
    position: relative;
    z-index: 10;
}
.b-provide .inner02 .provide > .b-sub{
    padding: 0;
}
.b-provide .inner02 .b-provide-01 .provide-top-ttl:after {
    background: url("/lp/enefarm/lp01/assets/img/provide_bg_talent_01.jpg") no-repeat top right/100% auto;
    width: 504px;
    height: 395px;
}

.b-provide .inner02 .b-provide-02 {
    margin-top: 132px;
}

.b-provide .inner02 .b-provide-02 .provide-top-ttl:after {
    background: url("/lp/enefarm/lp01/assets/img/provide_bg_talent_02.jpg") no-repeat top right/100% auto;
    width: 755px;
    height: 457px;
}

.b-provide .inner02 .b-provide-02 .provide-bottom {
    padding-top: 10px;
    padding-bottom: 50px;
}

.b-provide .inner02 .b-provide-02 .provide-bottom .provide-content {
    margin-top: -5px;
}

.b-provide .inner02 .b-provide-02 .provide-bottom .provide-content .b-sub {
    padding-top: 30px;
}
.b-provide .inner02 .b-provide-02 .provide-bottom .provide-img {
    width: 48.4%;
    margin-top: 38px;
}

.b-provide .inner02 .provide-banner {
    margin-top: 19px;
    position: relative;
}

.b-provide .inner02 .provide-banner img {
    margin: 0 auto;
}

.b-provide .inner02 .provide-banner .b-sub {
    position: absolute;
    bottom: 57px;
    left: 50%;
    transform: translate(-50%);
    width: 82%;
}
.b-provide .inner02 .provide-banner .b-sub .btn-new-window {
    font-size: 12px;
    display: inline;
}
.b-provide .inner02 .provide-banner .b-sub .btn-new-window:after{
    width: 12px;
    height: 12px;
}

@media (max-width: 880px) and (min-width: 769px) {
    .b-provide .inner02 .provide-banner .b-sub {
        bottom: 0.477vw;
        padding: 3.75vw 0;
    }
}

@media (max-width: 768px) {
    .b-provide {
        padding: 0 0 10.667vw;
    }

    .b-provide .inner02 .ttl-02 {
        margin-top: -10.2vw;
    }

    .b-provide .inner02 .provide {
        box-shadow: unset;
        margin: 5.6vw auto 0;
    }

    .b-provide .inner02 .provide .provide-top-ttl {
        padding: 10.667vw 0 8.267vw 0;
        background: #fff;
        border-radius: 0;
    }

    .b-provide .inner02 .provide .provide-bottom {
        border-radius: 0;
        flex-direction: column;
        padding: 0 5.4% 7.467vw;
    }

    .b-provide .inner02 .provide .provide-bottom:before {
        content: none;
    }

    .b-provide .inner02 .provide .provide-bottom .provide-content {
        width: 100%;
    }

    .b-provide .inner02 .provide .provide-bottom .provide-content .text {
        font-size: 4.267vw;
    }
    .b-provide .inner02 .provide .provide-bottom .provide-content .text sup{
        font-size: 3.2vw;
    }
    .b-provide .inner02 .provide .provide-bottom .provide-content .b-sub {
        padding-top: 6.667vw;
    }

    .b-provide .inner02 .provide .provide-bottom .provide-img {
        width: 100%;
        margin-top: 3.2vw;
        margin-bottom: -2.4vw;
    }

    .b-provide .inner02 .b-provide-01 .provide-top-ttl:after {
        background: url("/lp/enefarm/lp01/assets/img/provide_bg_talent_01_sp.jpg") no-repeat top center/100% auto;
        width: 100%;
        height: 117.867vw;
    }

    .b-provide .inner02 .b-provide-02 {
        margin-top: 1.6vw;
    }

    .b-provide .inner02 .b-provide-02 .provide-top-ttl {
        padding-top: 10.933vw;
        padding-bottom: 6.667vw;
    }

    .b-provide .inner02 .b-provide-02 .provide-top-ttl:after {
        background: url("/lp/enefarm/lp01/assets/img/provide_bg_talent_02_sp.jpg") no-repeat top center/100% auto;
        width: 100%;
        height: 117.867vw;
    }

    .b-provide .inner02 .b-provide-02 .provide-bottom .provide-img {
        margin-top: 9.867vw;
        margin-bottom: -0.333vw;
    }

    .b-provide .inner02 .provide-banner {
        margin-top: -2.933vw;
    }

    .b-provide .inner02 .provide-banner .b-sub {
        bottom: 9.867vw;
        width: 89%;
        padding: 2.133vw 2.6% 0;
    }

    .b-provide .inner02 .provide-banner .b-sub .sub {
        font-size: 3.2vw;
    }
    .b-provide .inner02 .provide-banner .b-sub .btn-new-window{
        font-size: 3.2vw;
    }
    .b-provide .inner02 .provide-banner .b-sub .btn-new-window:after{
        width: 3.733vw;
        height: 3.733vw;
    }
    .b-provide .inner02 .provide .provide-bottom .provide-content .b-sub .sub{
        text-indent: 0;
        margin-left: 0;
    }
}

/* CTA */
.fixed-cta {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fffcd1;
    text-align: center;
    padding: 20px 15px;
    text-decoration: none;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 100;
}
.fixed-cta.fixed-show{
    opacity: 1;
    visibility: visible;
}
.fixed-cta .btn_cta {
    display: block;
}
.fixed-cta .btn_cta img {
    display: block;
    width: 460px;
}
.fixed-cta .btn_cta.v01 {
    margin-right: 30px;
}

@media (min-width: 1025px) {
    .fixed-cta .btn_cta:hover {
        box-shadow: none;
        position: relative;
        top: 6px;
    }
    .fixed-cta .btn_cta.v02:hover {
        box-shadow: none;
        position: relative;
        top: 6px;
    }
}
@media (min-width: 769px) {
    .fixed-cta .btn_cta {
        box-shadow: 0 6px 0 0 rgb(173, 50, 38);
        border-radius: 20px;
    }
    .fixed-cta .btn_cta.v02 {
        box-shadow: 0 6px 0 0 rgb(19, 77, 132);
        border-radius: 20px;
    }
    .fixed-cta .pc-only{
        display: flex;
        justify-content: center;
    }
    .fixed-cta .sp-only{
        display: none;
    }
}
@media (max-width: 1024px) {
    .fixed-cta {
        padding: 19px 5.333vw;
    }

}
@media (max-width: 768px){
    .fixed-cta .pc-only{
        display: none;
    }
    .fixed-cta .sp-only{
        display: flex;
        justify-content: center;
    }
    .fixed-cta .btn_cta.v01 {
        margin-right: 10px;
    }
}

.pc-only {
    display: block;
}

.sp-only {
    display: none;
}

.flex-box {
    display: flex;
    justify-content: space-between;
}
.flex-box_center {
    display: flex;
    justify-content: center;
}

:where(html) {
    overflow-y: initial;
}

:where(#page-contents) {
    padding-bottom: 0;
}

.section-area {
    padding: 60px 0;
    color: #333;
}

.section-inner {
    max-width: 950px;
    margin: 0 auto;
}

.link-block {
    background-color: #fffcd1;
}

.section-ttl {
    background: url("/lp/enefarm/lp01/assets/img/title_bg01.png") top left repeat;
    padding: 23px;
}

.section-ttl img {
    margin: 0 auto;
}

.product-info .section-ctn,
.step-install .section-ctn {
    padding: 50px 50px 56px;
    background-color: #fff;
}

.product-list>li>.left-col {
    width: 50.5882352941%;
}

.product-list>li>.right-col {
    width: 43.5294117647%;
}

.product-list>li>.left-col>li {
    border-radius: 20px;
    border: 2px solid #c2def2;
}

.product-list>li>.left-col>li:nth-child(n+2) {
    margin-top: 20px;
}

.product-list>li>.left-col>li .ttl {
    font-size: 20px;
    font-weight: bold;
    color: #206fbc;
    padding: 20px 28px 10px;
    border-radius: 18px 18px 0 0;
    background-color: #e4f2fc;
}

.product-list .list-txt {
    padding: 20px 20px 14px;
    font-size: 16px;
    line-height: 1.5;
}

.product-list .btn {
    margin: 0 20px 24px;
}

.product-list .btn .md-open {
    box-shadow: 0 4px 0 0 rgb(186, 179, 94);
    display: block;
    border-radius: 10px;
    cursor: pointer;
}

.product-list>li>.right-col .note {
    font-size: 12px;
    margin-top: 30px;
    text-align: right;
}

.link-block01 .link-block-list {
    gap: 4.8vw 4%;
}

.link-block01 .link-block-list li {
    width: 47.8947368421%;
}

.step-list {
    position: relative;
    padding-bottom: 95px;
}

.step-list::before {
    content: "";
    width: 3px;
    height: 99%;
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -1px;
    background: url("/lp/enefarm/lp01/assets/img/dot_bg.png") top center repeat-y;
    z-index: 1;
}

.step-list::after {
    content: "";
    width: 25px;
    height: 14px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -12px;
    background: url("/lp/enefarm/lp01/assets/img/arrow_ico.png") center no-repeat;
    z-index: 1;
}

.step-list li {
    border: 2px solid #c2def2;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.step-list li:nth-child(n+2) {
    margin-top: 80px;
}

.step-list li .left-col {
    width: 39.9527186761%;
    background-color: #e4f2fc;
    border-radius: 18px 0 0 18px;
    display: flex;
    align-items: center;
    min-height: 96px;
    box-sizing: border-box;
    padding-left: 20px;
}

.step-list li .right-col {
    width: 60.0472813239%;
    padding-left: 28px;
    box-sizing: border-box;
    font-size: 16px;
}

.step-list li .left-col .txt {
    font-size: 20px;
    font-weight: bold;
    color: #206fbc;
    padding-left: 29px;
    line-height: 1.75;
}

.step-list li .right-col a {
    font-weight: bold;
    color: #206fbc;
}

.step-list li .box-txt {
    position: absolute;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #206fbc;
    padding: 9px 28px;
    border-radius: 30px;
    background-color: #fff151;
    bottom: -67px;
    left: 52.8%;
}

.step-ad {
    margin-top: 20px;
}

.step-ad img {
    margin: 0 auto;
}

.step-ad .note {
    font-size: 12px;
    margin-top: 37px;
}

.faq-list li {
    margin-top: 40px;
    border-radius: 20px;
    border: 2px solid #c2def2;
}

.question {
    border-radius: 18px;
    background-color: #e4f2fc;
    transition: border-radius 0.3s;
    padding: 32px 70px 32px 40px;
    display: flex;
    align-items: center;
    max-height: 98px;
    position: relative;
    cursor: pointer;
}

.question.is-active {
    border-radius: 18px 18px 0 0;
    border-bottom: 2px solid #c2def2;
}

.question::after,
.question::before {
    content: "";
    display: inline-block;
    background: #206fbc;
    width: 19px;
    height: 3px;
    position: absolute;
    right: 48px;
    transition: 0.25s;
    top: 50%;
    margin-top: -2px;
    border-radius: 2px;
}

.question::after {
    width: 3px;
    height: 19px;
    right: 56px;
    margin-top: -10px;
}

.question.is-active::after {
    opacity: 0;
}

.question>span {
    display: inline-block;
}

.question>span:first-child {
    margin-right: 26px;
}

.question>span:last-child {
    font-size: 20px;
    font-weight: bold;
    color: #006fbc;
}

.answer {
    font-size: 16px;
    padding: 37px 40px 34px 50px;
    line-height: 1.5;
}

.answer a {
    color: #006fbc;
}
.answer .btn-new-window{
    display: inline;
    text-underline-offset: 4px;
}

.link-block02 .ttl img {
    margin: 0 auto;
}

.link-block02 .button-list {
    margin: 25px auto 0;
    max-width: 750px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.link-block02 .button-list li a {
    display: block;
    border-radius: 14px;
}

.link-block02 .button-list li:first-child {
    width: 100%;
}

.link-block02 .button-list li:first-child a {
    box-shadow: 0 6px 0 0 rgb(173, 50, 38);
}

.link-block02 .button-list li:nth-child(n+2) {
    width: 48.6666666667%;
    margin-top: 36px;
}

.link-block02 .button-list li:nth-child(n+2) a {
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.md-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    box-sizing: border-box;
    z-index: 10001;
    overflow: auto;
}

.md-container.active {
    opacity: 1;
    visibility: visible;
}

.md-body {
    max-width: 950px;
    margin: 0 auto;
    height: 100%;
    width: 90%;
    position: relative;
}

.md-body .md-inner {
    width: 100%;
    padding: 50px 50px 52px;
    background: #fff;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10vh;
    margin-bottom: 10vh;
}

.md-close.closetop {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(10vh - 41px);
    right: 0;
    cursor: pointer;
    background: url("/lp/enefarm/lp01/assets/img/close_ico.svg") no-repeat;
    background-position: right 0 center;
    background-size: 21px;
    width: 21px;
    height: 21px;
}

.md-close.closebottom {
    margin: 36px auto 0;
    max-width: 150px;
}

.md-close.closebottom span {
    display: block;
    box-shadow: 0 4px 0 0 rgb(51, 51, 51);
    background: #5a5a5a url("/lp/enefarm/lp01/assets/img/close_ico.svg") no-repeat;
    background-position: right 24px center;
    background-size: 11px;
    font-size: 20px;
    font-weight: bold;
    padding: 14px 45px 8px;
    color: #fff;
    cursor: pointer;
    border-radius: 10px;
}

.md-content {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: left;
}

.md-table .table-list li:not(.ttl)>span:first-child {
    width: 35.294%;
    font-weight: bold;
    background-color: #e4f2fc;
    display: flex;
    align-items: center;
    padding: 20px 20px 20px;
}

.md-table .table-list li:not(.ttl)>span:last-child {
    width: 64.7058%;
    padding: 18px 5px 16px 20px;
    display: inline-block;
}
.md-table .table-list li:not(.ttl)>span:last-child sup{
    font-size: 10px;
}

.md-table .table-list li:not(.ttl)>span span {
    font-size: 12px;
}

.md-table .table-list li:nth-child(n+2) {
    border-bottom: 1px solid #c2def2;
    font-size: 16px;
    display: flex;
    align-items: stretch;
}

.md-table .table-list .ttl {
    font-size: 20px;
    font-weight: bold;
    background-color: #206fbc;
    color: #fff;
    padding: 16px 20px 14px;
    line-height: 1.5;
}

.md-note {
    margin-top: 18px;
    line-height: 1.5;
}

.md-note li {
    font-size: 12px;
    padding-left: 2.1em;
    text-indent: -2.1em;
}

body:has(.md-container.active) {
    overflow-y: hidden;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .section-area {
        padding: 30px 15px;
    }
    .step-list li>.flex-box {
        align-items: center;
    }

    .step-list li .left-col .img {
        width: 39.9371069182%;
    }

    .step-list li .left-col .txt {
        font-size: 18px;
        width: 60.0628930818%;
        padding-right: 10px;
    }

    .step-list li .right-col {
        padding-right: 20px;
        display: block;
    }
}
@media screen and (min-width: 981px) {
    .step-list li .left-col .img {
        padding-right: 29px;
    }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
    .product-info .section-ctn, .step-install .section-ctn{
        padding: 50px 15px 56px;
    }
    .product-list .btn{
        margin: 0 10px 24px;
    }
    .product-list .btn img{
        width: 100%;
    }
    .product-list .list-txt{
        padding: 20px 10px 14px;
    }
    .step-list{
        padding-bottom: 9.694vw;
    }
    .step-list li .left-col .img{
        padding-right: 29px;
    }
    .step-list li .left-col .txt{
        font-size: 16px;
    }
    .step-list li .right-col{
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
    }
    .step-list li .box-txt{
        font-size: 18px;
    }
}
@media screen and (min-width: 769px) {
    .sp-span-only {
        display: none;
    }
    .hov:hover {
        box-shadow: none;
        position: relative;
        top: 4px;
    }
    
    .step-list li .right-col a:hover,
    .answer a:hover{
        color: #db6700;
    }
    .product-info,
    .step-install {
        background-color: #e4f2fc;
    }

    .link-block02 .phone-btn {
        pointer-events: none;
    }

    .product-list>li:not(:last-child) {
        padding-bottom: 44px;
        margin-bottom: 40px;
        background: url("/lp/enefarm/lp01/assets/img/line_bg.png") bottom left repeat-x;
    }

    .step-list li .right-col {
        display: flex;
        align-items: center;
    }

    .step-list li .left-col .img {
        border-right: 2px solid #006fbc;
    }

    .step-list li .right-col .txt {
        display: none;
    }
    .link-block02 .button-list li:nth-child(3){
        width: 47%;
        border-left: 2px dotted #333;
        text-align: center;
    }
    .link-block02 .button-list li:nth-child(3) .phone-ttl{
        font-size: 20px;
        font-weight: bold;
    }
    .link-block02 .button-list li:nth-child(3) .phone-sub{
        font-size: 14px;
    }
    .link-block02 .button-list li:nth-child(3) .phone-content{
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 5px;
        margin-top: 17px;
        margin-bottom: 11px;
    }
    .link-block02 .button-list li:nth-child(3) .phone-number{
        font-size: 36px;
        letter-spacing: -2px;
        font-weight: bold;
        line-height: 1;
    }
    .link-block02 .button-list li:nth-child(3) .phone-number .char1,
    .link-block02 .button-list li:nth-child(3) .phone-number .char2{
        position: relative;
    }
    .link-block02 .button-list li:nth-child(3) .phone-number .char1:before,
    .link-block02 .button-list li:nth-child(3) .phone-number .char2:before{
        font-size: 12px;
        color: #333;
        position: absolute;
        top: -5px;
        left: 50%;
        transform: translate(-50%);
    }
    .link-block02 .button-list li:nth-child(3) .phone-number .char1:before{
        content: "レ";
    }
    .link-block02 .button-list li:nth-child(3) .phone-number .char2:before{
        content: "ゴ";
    }
    .link-block02 .button-list li a.pc-only{
        display: block;
    }
    .link-block02 .button-list li a.sp-only{
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .pc-only {
        display: none;
    }

    .sp-only {
        display: block;
    }
    .sp-span-only {
        display: inline;
    }
    #page-contents {
        padding: 0;
    }

    .section-area {
        padding: 0;
    }

    .section-ttl {
        background: url("/lp/enefarm/lp01/assets/img/title_bg01_sp.png") top left repeat;
        padding: 5.067vw 0 4.8vw;
    }

    .section-ttl img {
        width: 55.3333333333%;
        max-width: 415px;
    }

    .product-info .section-ctn,
    .step-install .section-ctn {
        padding: 5.6vw 5.3334vw 10.4vw;
        background-color: #fff;
    }

    .product-list>li {
        flex-wrap: wrap;
    }

    .product-list>li>.left-col,
    .product-list>li>.right-col {
        width: 100%;
    }

    .product-list>li>.right-col .note {
        font-size: 3.2vw;
        margin-top: 3.2vw;
        text-align: left;
    }

    .product-list>li>.left-col {
        margin-top: 3.2vw;
    }

    .product-list>li>.left-col>li .ttl {
        font-size: 4.267vw;
        padding: 3.733vw 5.3334vw 3.2vw;
        border-radius: 3.467vw 3.467vw 0 0;
    }

    .product-list .list-txt {
        padding: 3.733vw 0 4.267vw 3.2vw;
        font-size: 4.267vw;
    }

    .product-list .btn {
        margin: 0 4.8vw 5.3334vw;
    }

    .product-list .btn .md-open {
        box-shadow: none;
    }

    .product-list>li:not(:last-child) {
        margin-bottom: 13.3334vw;
    }

    .product-list>li>.left-col>li:nth-child(n+2) {
        margin-top: 5.3334vw;
    }

    .product-list .list-txt li {
        padding-left: 1.1em;
        text-indent: -1.1em;
    }

    .link-block {
        padding: 8vw 5.3334vw;
    }

    .link-block01 .link-block-list {
        flex-wrap: wrap;
    }

    .link-block01 .link-block-list li {
        width: 100%;
    }

    .step-list {
        padding-bottom: 13.3334vw;
    }

    .step-list li {
        border: 0.5334vw solid #c2def2;
        border-radius: 4vw;
    }

    .step-list li:nth-child(n+2) {
        margin-top: 10.667vw;
    }

    .step-list li>.flex-box {
        align-items: center;
    }

    .step-list li .left-col .txt {
        display: none;
    }

    .step-list li .left-col {
        width: 20.5438066465%;
        border-radius: 3.467vw 0 0 3.467vw;
        min-height: 36.267vw;
        padding-left: 5.3334vw;
    }

    .step-list li .left-col .img {
        max-width: 8vw;
    }

    .step-list li .right-col {
        width: 79.4561933535%;
        padding-left: 5.3334vw;
        padding-right: 4vw;
        font-size: 4.267vw;
        line-height: 1.75;
    }

    .step-list li .right-col .txt {
        display: block;
        font-size: 5.3334vw;
        font-weight: bold;
        color: #206fbc;
        margin-bottom: 1.3334vw;
    }

    .step-list::before {
        width: 0.8vw;
        top: 1.067vw;
        height: 98.9%;
    }

    .step-list::after {
        width: 6.667vw;
        height: 3.733vw;
        margin-left: -3.2vw;
    }

    .step-list li .box-txt {
        font-size: 4.267vw;
        padding: 1.067vw 3.467vw;
        border-radius: 4vw;
        bottom: -9.6vw;
        left: 55%;
        line-height: 1;
    }

    .step-ad {
        margin-top: 4vw;
    }

    .step-ad .note {
        padding-left: 0;
        text-indent: 0;
        font-size: 3.2vw;
        margin-top: 0.8vw;
        line-height: 1.5;
    }

    .faq-area .section-ctn {
        padding: 2.667vw 2.667vw 7.733vw;
    }

    .faq-list li {
        margin-top: 2.667vw;
        border-radius: 2.667vw;
        border: 0.5334vw solid #c2def2;
    }

    .faq-list li:first-child {
        margin-top: 0;
    }

    .question {
        border-radius: 2.1334vw;
        padding: 8.5334vw 8vw 8.5334vw 3.467vw;
        max-height: 24vw;
    }

    .question.is-active {
        border-radius: 2.133vw 2.133vw 0 0;
        border-bottom: 0.5334vw solid #c2def2;
    }

    .question>span:first-child {
        margin-right: 4.8vw;
        max-width: 6.267vw;
        width: 100%;
    }

    .question>span:last-child {
        font-size: 4.267vw;
    }

    .question::after,
    .question::before {
        width: 4.267vw;
        height: 0.8vw;
        right: 3.467vw;
        border-radius: 0.5334vw;
        margin-top: -0.5334vw;
    }

    .question::after {
        width: 0.8vw;
        height: 4.267vw;
        right: 5.2vw;
        margin-top: -2.1334vw;
    }

    .answer {
        font-size: 3.7334vw;
        padding: 3.2vw 5.3334vw 2.667vw;
    }
    .answer .btn-new-window{
        font-size: 3.7334vw;
    }
    .link-block02 {
        padding-bottom: 10.667vw;
    }

    .link-block02 .button-list {
        margin: 4.267vw auto 0;
        max-width: 100%;
        display: block;
    }

    .link-block02 .button-list li a {
        box-shadow: none;
    }

    .link-block02 .button-list li:nth-child(n+2) {
        width: 100%;
        margin-top: 2.667vw;
    }

    .md-body {
        width: 94.667%;
    }

    .md-body .md-inner {
        padding: 5.3334vw 2.667vw 6.9334vw;
        border-radius: 4vw;
    }

    .md-table .table-list .ttl {
        font-size: 4.267vw;
        padding: 2.933vw 1.3334vw;
    }

    .md-table .table-list li:nth-child(n+2) {
        border-bottom: none;
        font-size: 4.267vw;
        display: block;
    }

    .md-table .table-list li:not(.ttl)>span:first-child {
        width: 100%;
        display: block;
        padding: 2.667vw 2.9334vw 2.1334vw;
    }

    .md-table .table-list li:not(.ttl)>span:last-child {
        width: 100%;
        display: block;
        padding: 2.1334vw 1.3334vw 3.2vw 2.4vw;
    }
    .md-table .table-list li:not(.ttl)>span:last-child sup{
        font-size: 3.2vw;
    }
    .md-table .table-list li:not(.ttl)>span span {
        font-size: 3.2vw;
    }

    .md-note {
        margin-top: 2.667vw;
    }

    .md-note li {
        font-size: 3.2vw;
    }

    .md-note li:last-child {
        padding-left: 1.1em;
        text-indent: -1.1em;
    }

    .md-close.closebottom {
        margin-top: 4.267vw;
        max-width: 42.667vw;
    }

    .md-close.closebottom span {
        background-position: right 10.667vw center;
        background-size: 2.9334vw;
        font-size: 4.267vw;
        padding: 2.4vw 16.267vw 2.1334vw 13.6vw;
        border-radius: 2.667vw;
    }

    .md-close.closetop {
        background-size: 4.667vw;
        width: 4.667vw;
        height: 4.667vw;
    }
    .link-block02 .button-list li:nth-child(n+2) a,
    .link-block02 .button-list li:first-child a{
        box-shadow: unset;
        margin-top: 2.4vw;
    }
    .link-block02 .button-list li:nth-child(n+2) a img,
    .link-block02 .button-list li:first-child a img{
        width: 100%;
    }
    .link-block02 .button-list li a.pc-only{
        display: none;
    }
    .link-block02 .button-list li a.sp-only{
        display: block;
    }
}