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

/* screenwidth less than 1575px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1575px) {

#kwork h3{
   width:80%;
   font-size:40px;
}
#kwork h3 span{
   padding-top:0;

}
}


/* screenwidth less than 1313px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1313px) {

#kwork article{
    width: 80% ;
    margin-bottom:0;

}
#kwork p.sub_title{
    width: 90%;

}
#kwork article.movie{
    width: 90%;
}

#kwork ol.reason {
    width:95%;

}
#kwork ul.merit {
    width: 85%;
}
#kwork dl.merit_dl {
    width: 75%;
}

#kwork img.pc_b{
   width:75%;
}
}


/* screenwidth less than 1254px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1254px) {

#kwork ul.merit {
    width: 95%;
}
#kwork dl.merit_dl {
    width: 85%;
}
#kwork img.pc_b{
   width:85%;
}

}


/* screenwidth less than 1199px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {

#kwork h3{
   width:90%;
   font-size:40px;
}

#kwork p.sub_title{
    width: 95%;

}
#kwork article.movie{
    width: 95%;
}

#kwork ol.reason {
    width:98%;

}

#kwork ul.merit {
    width: 98%;
}

#kwork dl.merit_dl {
    width: 90%;
}
#kwork img.pc_b{
   width:90%;
}
}








/* screenwidth less than 1080px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1080px) {

#kwork article{
    width: 90%;
    margin-bottom:0;

}
#kwork h3{
   width:95%;

}

#kwork p.sub_title{
    width: 99%;

}
#kwork article.movie{
    width: 99%;
}

#kwork ul.merit {
    width: 99%;
}
#kwork ul.merit li{
   width:95%;
}
#kwork dl.merit_dl {
    width: 95%;
}

#kwork img.pc_b{
   width:95%;
}
}


/* screenwidth less than 985px
--------------------------------------------------------------------- */
@media only screen and (max-width: 985px) {

#kwork h3{
   width:99%;

}

#kwork dl.merit_dl {
    width: 98%;
}

#kwork img.pc_b{
   width:98%;
}


}


/* screenwidth less than 974px
--------------------------------------------------------------------- */
@media only screen and (max-width: 974px) {

#kwork h3{
   font-size:35px;
}

#kwork h3 img{
   float:none;
   display:block;
   margin:0 auto 10px auto;
   width:40%;

}
#kwork h3 span{
   float:none;
   display:block;
   margin:0 auto;
   width:99%;
   font-size:35px;

}
#kwork h3 span br{
   display:none;
   text-align:center;

}
#kwork h3 span strong{
   display:inline;

}
#kwork article.movie{
    padding-top:20px;
}
#kwork article.movie .video-wrapper{
   float:none;
   margin:0 auto 15px auto;
   width:80%;

}
#kwork article.movie .right{
   float:none;
   margin:0 auto 15px auto;
   width:90%;

}

#kwork h5{
   font-size:35px;
}
#kwork p.feature{
    margin-bottom:20px;
}
#kwork ol.reason li{
   display:block;
   width:95%;
   margin:0 auto 15px auto;
   min-height:auto;

}
#kwork ol.reason li dl dt br{
    display:none;

}


#kwork ol.reason li dl dd p{
   float:left;
   width:60%;
   margin:0 15px 0 0;

}

#kwork ol.reason li dl dd img{
   float:right;
   width:30%;
   margin:0 0 10px 0;
}

#kwork ul.merit li h6{
   font-size:25px;
}


#kwork ul.merit li p{
   font-size:20px;
}


}


/* screenwidth less than 798px
--------------------------------------------------------------------- */
@media only screen and (max-width: 798px) {
#kwork h3 img{
   width:60%;
}
#kwork h3 span{
   font-size:30px;

}
#kwork article.movie .video-wrapper{
   width:85%;
}

#kwork article.movie .right{
   width:95%;

}


#kwork dl.merit_dl dt{
   width:35%;
   float:none;
   margin:0 auto 10px auto;
}

#kwork dl.merit_dl dd{
   width:98%;
   float:none;
   margin:0 auto;

}
#kwork img.pc_b{
   display:none;
}
#kwork div.sp{
   display:block;
   width:90%;
   margin:0 auto;
   text-align:center;
}
#kwork div.sp img{
   width:100%;
   height:auto;
}

}

/* screenwidth less than 680px
--------------------------------------------------------------------- */
@media only screen and (max-width: 680px) {

#kwork article.movie .video-wrapper{
   width:90%;
}



#kwork article.movie .right{
   width:98%;

}

#kwork article.movie .right p:nth-child(2){
    font-size:25px;
}


#kwork ol.reason li dl dd p{
   float:none;
   width:95%;
   margin:0 auto 0 auto;

}

#kwork ol.reason li dl dd img{
   float:none;
   width:60%;
   margin:0 auto 10px auto;
}


#kwork dl.merit_dl dt{
   width:45%;
}

#kwork div.sp{
   width:99%;
}

}


/* screenwidth less than 480px
--------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {



}