@charset "utf-8";
/* CSS Document */

header#main{
   border-bottom: 13px solid #666;

}



/* ----------------------------------------------------- */
/* #kwork */
/* ----------------------------------------------------- */

#kwork{
	width:100%;
	margin:0 auto 25px auto;
	padding:80px 0 20px 0;

}

#kwork h2{
	font-size:25px;
	margin: 0 auto 80px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}


#kwork article{
    width:70%;
	margin: 0 auto 100px auto;
}


#kwork h3{
   width:70%;
   margin:0 auto;
   text-align:left;
   font-size:42px;
   display:inline-block;
   margin-bottom:0 !important;


}

#kwork h3 img{
    width:40%;
    height:auto;
    margin-right:30px;
    float:left;
    line-height:0;
} 

#kwork h3 span{
    width:55%;
    float:right;
    padding-top:10px;
   line-height:1.3em;
}


#kwork h3 span strong{
    color:#4d9c28;
    display:block;
}

#kwork p.sub_title{
    width:75%;
    margin:0 auto 0 auto;
    display:inline-block;
    background:#000;
    color:#FFF;
    font-weight:bold;
    text-align:center;
    padding:2px 0;
    font-size:18px;
}
#kwork p.sub_title strong{
    color:#4d9c28;
}

#kwork article.movie{
    width:75%;
    margin:0 auto 50px auto;
    padding:;
    background:url(../images/kwork/bg.png);
    border-bottom:10px solid #000;
}


#kwork article.movie .video-wrapper{
    width:45%;
    float:left;
    margin:30px 20px 30px 10px;

}

#kwork article.movie .video-wrapper video{
    width:100%;
    height:auto;
    margin:0 auto;


}
#kwork article.movie .right{
     width:48%;
     float:left;
     margin:30px auto auto 0;
     text-align:left;

}

#kwork article.movie .right p{
    font-size:18px;
    margin:0 auto 0 5px;
    border-bottom:2px solid #4d9c28;
    padding:0 2px 2px 10px;
    font-weight:bold;
    text-align:cemter;

}

#kwork article.movie .right p:nth-child(2){
    border:0;
    font-size:30px;
    font-weight:bold;
    margin:0 auto 20px 10px;
}

#kwork article.movie .right p:nth-child(2) strong{
    color:#4d9c28;

}

#kwork article.movie ul{
  list-style: none;
  padding: 0;
  margin:0 auto 20px 10px;
}


#kwork article.movie ul li{
   margin-bottom: 10px;
   font-size:18px;
}

#kwork article.movie ul li:before{
   content:"●";
    color:#4d9c28;

}


#kwork h5{
   font-size:45px;
   margin:0 auto 50px auto;
   display:inline-block;
   padding-bottom:13px;
   background:url(../images/kwork/h5_bg.png) no-repeat bottom center;
   font-weight:normal;

}


#kwork h5 span{
   padding-bottom:2px;
   border-bottom:4px solid #4d9c28;

}

#kwork h5 strong{
    color:#4d9c28;

}

#kwork p.feature{
    font-size:18px;
    margin:0 auto 50px auto;
}

#kwork ol.reason{
    width:80%;
    margin:0 auto 100px auto;
    text-align:center;
}

#kwork ol.reason li{
   width:30%;
   margin:0 15px 15px 0;
   border:1px solid #000;
   display:inline-block;
   border-radius:10px;
   text-align:left;
   padding:0;
   box-sizing: border-box;  /* paddingやborderを含めた幅計算にする */
   vertical-align:top;
   position:relative;
   min-height:400px;
}

#kwork ol.reason li dl dt span{
   background:#4d9c28;
   position:absolute;
   top:0;
   left:8px;
   width:10px;
   padding:8px 10px 8px 10px;
   text-align:center;
   color:#FFF;
   font-size:18px;
   font-weignt:bold;
}

#kwork ol.reason li dl{
   width:95%;
   margin:0 auto;
   padding:20px 10px 5px 10px;
   


}

#kwork ol.reason li dl dt{
   margin:0 auto 10px auto;
   border-bottom:1px solid #4d9c28;
   padding-left:40px;
   padding-bottom:5px;
   font-size:19px;
   font-weight:bold;

}
#kwork ol.reason li dl dt strong{
   color:#4d9c28;
   display:block;
}


#kwork ol.reason li dl dd{
   margin:0 auto;

}

#kwork ol.reason li dl dd p{
   margin:0 auto 10px auto;
   width:98%;
   font-size:15px;
}


#kwork ol.reason li dl dd img{
   display:block;
   width:98%;
   height:auto;
   margin:0 auto;

}

#kwork ul.merit{
    width:80%;
    margin:0 auto 30px auto;
}

#kwork ul.merit li{
   width:80%;
   margin:0 auto 25px auto;
   border:1px solid #999992;
   background:url(../images/kwork/check.png) no-repeat left center #FFFFF0;
   padding:15px;
   text-align:left;
   

}

#kwork ul.merit li h6{
   color:#4d9c28;
   font-size:30px;
   margin-left:60px;
}


#kwork ul.merit li p{
   font-size:25px;
   font-weight:bold;
   margin-left:60px;
}

#kwork dl.merit_dl{
   width:65%;
   margin:0 auto 30px auto;
}

#kwork dl.merit_dl dt{
   width:30%;
   float:left;
   margin:0 20px 0 15px;

}

#kwork dl.merit_dl dt img{
   width:100%;
   height:auto;
}
#kwork dl.merit_dl dd{
   width:63%;
   float:left;
   margin:0;
   text-align:left;

}

#kwork dl.merit_dl dd p{
   font-size:18px;
   margin:0 auto 20px 0;

}


#kwork dl.merit_dl dd p strong{
   color:#4d9c28;
   font-size:23px;
}

#kwork dl.merit_dl dd p strong span{
   background: linear-gradient(transparent 60%, #FFF276 0%);

}



#kwork img.pc_b{
   width:68%;
   height:auto;
   margin:0 auto 30px auto;

}

#kwork div.sp{
   display:none;
}


/*

#kwork dl.banner{
   width:68%;
   margin:0 auto 30px auto;
   border-top:5px solid #000;
   border-bottom:5px solid #000;
   background:#FFFFE1;
   cursor:pointer;
}

#kwork dl.banner dt{
   width:38%;
   float:left;
   margin:0;
   text-align:center;
   background:#FFF;
   padding:5px 0 10px 0;
}

#kwork dl.banner dt img{
   width:75%;
   height:auto;
   margin:15px 20px;

}
#kwork dl.banner dd{
   width:62%;
   float:left;
   margin:0;
   padding:10px 0 20px 0;

}

#kwork dl.banner dd p{
   font-size:17px;
   border-top:2px solid #4d9c28;
   border-bottom:2px solid #4d9c28;
   text-align:center;
   padding:2px 0;
   margin:10px auto 0px auto;
   width:90%;
   font-weight:bold;
}

#kwork dl.banner dd p.arrow{
   color:#4d9c28;
   transform: scale(1,0.5);
   font-size:50px;
   border:0;
   margin:-10px auto 0 auto;
   text-align:center;
   line-height:1.1em;

}
#kwork dl.banner dd p.link{
   border:0;
   margin:-10px auto 0 auto;
   font-size:35px;
   font-weight:bold;
   text-align:center;
   padding:0 10px 5px 10px;
   display:inline-block;
   width:auto;
   background: linear-gradient(transparent 60%, #00B70D 0%);
}
#kwork dl.banner dd p.link a{
   text-decoration:none;
   color:#000;
}

#kwork dl.banner:hover{
   background:;


}
*/