/*WORKS*/

.works a p {

 font-size: 12px;

 line-height: 20px;

 margin: 0 0 5px 0;

}
.works a span {

 font-size: 12px;

 line-height: 12px;

 color: #c9cccf;

}
.works a {
	text-decoration: none;

}
.works {
width: 100%;
margin-bottom: 20px
}
.works tr td {
width: 22%;
 border: 1px solid #edeff3;
}
.works img {

 margin: 32px 0 30px 0;

}

.works hr {

 margin: 18px auto 0;

 width: 60px;

 height: 3px;

 border: none;

 background: #edeff3;

 transition: 1s;
margin-bottom: 20px;

}

.works a:hover hr {

 background: #07b7ef;

}

.t_works {

 background: url(/img/top/work_bg_l.jpg) no-repeat;

 background-position: bottom center;

 padding: 0 0 60px 0;

}

.t_works .t_wr_tl {

 text-align: center;

 margin: 100px 0 37px 0;

}

.t_works h2 {

 font-size: 50px;

 line-height: 50px;

 margin: 0 0 18px 0;

}

.t_works ul {

 width: 980px;

 margin: 0 auto;

 overflow: hidden;

 border: 1px solid #edeff3;



 background: #fff;

}

.t_works li {

 width: 244px;
 border-right: 1px solid #edeff3;
 float: left;

}

.t_works li:last-child a {

 border-right: none;

}

.t_works a {

 text-align: center;

 width: 244px;



 font-weight: bold;

 border-right: 1px solid #edeff3;
	text-decoration: none;

}

.t_works ul li a img {

 transition: 1s;

 transition-timing-function: ease;

}

.t_works ul li a:hover img {

 opacity: 0;

}

.t_works ul li:nth-child(1) a {

 background: url(../img/rope/icon_nav01_on.png) no-repeat;

 background-position: top 32px center;

}

.t_works ul li:nth-child(2) a {

 background: url(../img/rope/icon_nav02_on.png) no-repeat;

 background-position: top 32px center;

}

.t_works ul li:nth-child(3) a {

 background: url("../img/rope/icon_nav03_on.png") no-repeat;

 background-position: top 32px center;

}

.t_works ul li:nth-child(4) a {

 background: url(../img/rope/icon_nav04_on.png) no-repeat;

 background-position: top 32px center;

}

.t_works ul li:nth-child(1) a:hover {

 background: url(../img/rope/icon_nav01_on.png) no-repeat;

 background-position: top 32px center;

}

.t_works ul li:nth-child(2) a:hover {

 background: url(../img/rope/icon_nav02_on.png) no-repeat;

 background-position: top 32px center;

}

.t_works ul li:nth-child(3) a:hover {

 background: url(../img/rope/icon_nav03_on.png) no-repeat;

 background-position: top 32px center;

}

.t_works ul li:nth-child(4) a:hover {

 background: url(../img/rope/icon_nav04_on.png) no-repeat;

 background-position: top 32px center;

}

.t_works a p {

 font-size: 24px;

 line-height: 30px;

 margin: 0 0 5px 0;
font-weight: normal;
}

.t_works a span {

 font-size: 12px;

 line-height: 12px;

 color: #c9cccf;

}

.t_works img {

 margin: 32px 0 10px 0;

}

.t_works hr {

 margin: 18px auto 0;

 width: 60px;

 height: 3px;

 border: none;

 background: #edeff3;

 transition: 1s;
margin-bottom: 20px;

}

.t_works a:hover hr {

 background: #07b7ef;

}
.list_check {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.list_check > li {
    position: relative;
    padding: 0px 0px 0px 2em;
    margin: 0px;
    font-size: 18px;
	text-align: left;
}
.list_check > li::before,
.list_check > li::after {
    position: absolute;
    top: 50%;
    height: 1em;
    content: "";
}
.list_check > li::before {
    left: 0px;
    transform: translateY(-50%);
    width: 1em;
    border: 1px solid #666666;
}
.list_check > li::after {
    left: 0.5em;
    transform: translateY(-75%) rotate(45deg);
    width: 0.5em;
    border-bottom: 3px solid #666666;
    border-right: 3px solid #666666;
}

.list_check > li + li {
    margin: 0.5em 0px 0px;
}

@media screen and (max-width: 767px) {
	.list_check > li {
    padding: 0px 0px 0px 2em;
    font-size: 14px;
}
}