@charset "utf-8";
/* CSS Document 
  by Duc Nguyen (ドク)
*/
.box_about {
    background: url(../images/img1.png) no-repeat center right;
    background-size: 50%;
    margin: 20px 0;
}

    .box_about div {
        width: 70%;
        position: relative;
        padding: 15px 25px;
    }

        .box_about div:before {
            content: "";
            position: absolute;
            background: rgba(235, 235, 235, 0.75);
            z-index: 0;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            transform: skewX(-11deg);
            -ms-transform: skewX(-11deg);
            -webkit-transform: skewX(-9deg);
        }

    .box_about p {
        z-index: 99;
        position: relative;
    }

.btn_blue {
    text-align: center;
    margin-top: 15px;
}

    .btn_blue a {
        display: inline-block;
        color: #fff;
        text-decoration: none;
        padding: 10px 40px;
        background: #14534a url("../common_img/arr.png") no-repeat center right 10px;
        font-weight:bold;
    }

       




.ul_step li {
    margin-top: 30px;
    position: relative;
    float: left;
    width: 49%;
}

    .ul_step li:nth-child(2n+2) {
        float: right;
    }

    .ul_step li .num {
        position: absolute;
        height: 28px;
        top: -14px;
        left: 10px;
    }

    .ul_step li h4 {
        background: url(../images/arr.png) no-repeat top left #a9e1ce;
        background-size: 30px;
        font-size: 17px;
        text-align: center;
        padding: 15px 0;
        padding-bottom: 10px;
    }

    .ul_step li .clearfix {
        background: #e7f0ee;
    }

        .ul_step li .clearfix img {
            width: 100%;
        }

    .ul_step li p {
        padding: 15px;
    }

.box_link {
    background: url(../images/br.png) no-repeat center top #000;
    background-size: 100%;
    margin: 20px 0;
}

    .box_link .content {
        padding: 5% 2%;
        color: #fff;
    }

.list_col3 li a {
    display: block;
    margin-top: 15px;
    border: 1px solid #fff;
    background: #3d3d3d url("../common_img/arr.png") no-repeat center right 15px;
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight:bold;
}

.dlnews {
    height: 300px;
    overflow: auto;
    margin-top: 30px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding: 20px 0;
}

    .dlnews dd a {
        color: #333;
    }

    .dlnews dd {
        margin-bottom: 20px;
    }

.btn_white {
    text-align: center;
    margin-top: 30px;
}

    .btn_white a {
        display: inline-block;
        color: #14534a;
        border: 1px solid #14534a;
        text-decoration: none;
        padding: 10px 40px;
        background: #fff url("../common_img/arr.png") no-repeat center right 10px;
        font-weight:bold;
    }
.box_content{
    position:relative;
    margin-top:30px;
}
.box_content .tel{
    position:absolute;
    top: 50%;
    left: 0;
    right: 50%;
    bottom: 20%;
    text-indent:-9999px;
}
.box_content .contact{
    position:absolute;
    top:50%;
    left:50%;
    right:0;
    bottom:16%;
    text-indent:-9999px;
}
.ul_step li:nth-child(3) {
	clear:left;
}
.ul_step li:nth-child(3) h4 {
	padding: 25px 0px;
	display: block;
    max-height: 75px;
    overflow: hidden;
}

@media only screen and (max-width:420px){
	.ul_step li p {
		height:157px !important;
	}
}
@media only screen and (max-width:320px){ 
	.ul_step li p {
		height:170px !important;
	}
}