@charset "utf-8";

/* ==================================================================
	three-point2
=================================================================== */
#three-point2 section.contentsDetails,
#three-point2 .staffImg,
#three-point2 .contactarea {
    margin-bottom: 40px;
}
#three-point2 section.point:last-child,
#three-point2 section.itemInfo:last-child {
    margin-bottom: 0;
}

#three-point2 p.txt {
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 1.75;
}
#three-point2 p.img {
    margin-bottom: 25px;
}

/*---------------------------
point
---------------------------*/
#three-point2 section.point {
    padding-left: 84px;
    padding-bottom: 20px;
    background: url("../../images/three-points/point2/bg_line.png") 36px 0 repeat-y;
}
#three-point2 section.step8 {
    padding-bottom: 0;
    background: none;
}
#three-point2 section.point h5 {
    padding: 10px 0 10px 84px;
    border: none;
    margin-left: -84px;
}
#three-point2 section.point h5 span {
    display: none;
}
#three-point2 section.step1 h5 {
    background: url("../../images/three-points/point2/bg_step1.png") 0 0 no-repeat;
}
#three-point2 section.step2 h5 {
    background: url("../../images/three-points/point2/bg_step2.png") 0 0 no-repeat;
}
#three-point2 section.step3 h5 {
    background: url("../../images/three-points/point2/bg_step3.png") 0 0 no-repeat;
}
#three-point2 section.step4 h5 {
    background: url("../../images/three-points/point2/bg_step4.png") 0 0 no-repeat;
}
#three-point2 section.step5 h5 {
    background: url("../../images/three-points/point2/bg_step5.png") 0 0 no-repeat;
}
#three-point2 section.step6 h5 {
    background: url("../../images/three-points/point2/bg_step6.png") 0 0 no-repeat;
}
#three-point2 section.step7 h5 {
    background: url("../../images/three-points/point2/bg_step7.png") 0 0 no-repeat;
}
#three-point2 section.step8 h5 {
    background: url("../../images/three-points/point2/bg_step8.png") 0 0 no-repeat;
}
#three-point2 section.point ul {
    overflow: hidden;
}
#three-point2 section.point ul li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 20px;
}
#three-point2 section.point ul li:nth-child(2n) {
    margin-right: 0;
}
#three-point2 section.point ul li dt img {
    width: 100%;
}
#three-point2 section.point ul li dd {
    margin-top: 10px;
}


@media only screen and
(max-width : 640px) {
    
    #three-point2 section.contentsBox img {
        width: 100%;
    }
    #three-point2 section.contentsDetails,
    #three-point2 .staffImg,
    #three-point2 .contactarea {
        margin: 0 3% 30px;
    }
    #three-point2 section.constraction:last-child {
        margin-bottom: 0;
    }

    #three-point2 p.txt {
        font-size: 14px;
        margin-bottom: 25px;
        line-height: 1.75;
    }

    /*---------------------------
    point
    ---------------------------*/
    #three-point2 section.point {
        padding-left: 0;
        padding-bottom: 10px;
        background: none;
    }
    #three-point2 section.step8 {
        padding-bottom: 0;
        background: none;
    }
    #three-point2 section.point h5 {
        padding: 10px 0;
        border: none;
        margin-left: 0;
        background: none;
        font-size: 150%;
        border-bottom: 2px solid #14694b;
    }
    #three-point2 section.point h5 span {
        display: inline-block;
        background: #14694b;
        padding: 10px;
        color: #fff;
        font-size: 14px;
        line-height: 1;
        margin-right: 3%;
    }

    
}