@charset "utf-8";


/* ==================================================================
	service.css
	
=================================================================== */

/* --------------------------------
   □ accent
-------------------------------- */ 
.contents main .accent .mainvisual {
    background: url(../../images/service/mv_bg.jpg) center / cover;
}

/* --------------------------------
   □ 共通
-------------------------------- */ 
.contents main > section {
    padding: 90px 0;
    margin-bottom: 0;
}

/* --------------------------------
   □ 事業概要
--------------------------------*/
#anchor1 .txtArea {
    margin-bottom: 40px;
}

/* --------------------------------
   □ ＬＮＧってなに？
--------------------------------*/
.lv3 + .lv4_blue.dot {
    margin-top: 0;
}
figure {
    margin-top: 40px;
}
#anchor2 .flexbox .txtArea {
    width: 66.45%;
}
#anchor2 .flexbox figure {
    width: 30.90%;
    margin-top: 0;
}

/* --------------------------------
   □ ＬＮＧの輸送ルート
--------------------------------*/
#anchor3 .text + figure {
    margin-bottom: 60px;
}
#anchor3 .lv4_blue + .text {
    margin-bottom: 0;
}

/* --------------------------------
   □  増設計画
--------------------------------*/
#files {
    .leadtext{
        margin-bottom: 24px;
        text-align: center;
    }
    .text{
        font-size: 1.5rem;

        &._ss{
            font-size: 1.2rem;
        }
    }
    section.box,
    .list{
        max-width: 800px;
        margin: 0 auto;
        text-align: left;
        
        & + section.box ,
        & + .list{
            margin-top: 40px;
        }
    }

    .list{
        > li {
            border-bottom: 1px dotted #333;
            padding-bottom: 8px;

            & + li {
                margin-top: 8px;
            }

            a{
                color: #333;
            }
        }

        & + .text{
            margin-top: 12px;
        }
    }
    .inlist{
        > li {
            padding-left: 1em;
            font-size: 1.4rem;
        }
    }

}

#files .filelist li{
    border-bottom: 1px dotted #333;
}
#files .filelist li a {
    display: block;
    margin: 0;
    padding: 1.2em 1em 1.2em 3em;
    background: url("../../images/common/icon/pdf.png") no-repeat left center;
    font-size: 1.2em;
}


@media only screen and
(max-width : 767px) {

    .contents main > section {
        padding: 70px 0;
    }
    #anchor1 .txtArea {
        margin-bottom: 20px;
    }

    /* --------------------------------
    □ ＬＮＧってなに？
    --------------------------------*/        
    figure {
        margin-top: 20px;
    }
    #anchor2 .flexbox figure,
    .flexbox figure {
        margin-top: 20px;
    }
    #anchor2 .text + figure {
        margin-bottom: 40px;
        margin-top: 20px;
    }

    /* --------------------------------
       □ ＬＮＧの輸送ルート
    -------------------------------- */
    #anchor3 .lv3 + .text {
        margin-bottom: 0;
    }
    #anchor3 .flexbox > figure {
        margin-top: 20px;
    }
    #anchor3 .text + figure {
        margin-bottom: 40px;
    }

}