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

/*PC*/
@media print, screen and (min-width: 769px) {
#main_v h2 {
display: none;
}

#hedTitWrap {
display: table;
width: 100%;
min-width: 1200px;
height: 300px;
background-image:url(../images/category/cm/hed_bg.jpg);
background-position:center center;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}

/*-------------------------------*/
.contentsIn h5  {
position: relative;
padding: .25em 0 .5em .75em;
border-left: 6px solid #ccc;
font-size: 1.2em;
font-weight: normal;
margin-bottom: 20px;
}
.contentsIn h5::before {
position: absolute;
left: -6px;
bottom: 0;
content: '';
width: 6px;
height: 50%;
background-color: #007dd0;
}
.contentsIn h5::after {
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 0;
border-bottom: 1px solid #ccc;
}

.videoWrap {
width: 100%;
margin: auto;
}

}




/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 768px) {
#hedTitWrap {
display: table;
width: 100%;
height: auto;
background-image:url(../images/category/cm/hed_bg.jpg);
background-position:center center;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
}

/*-------------------------------*/
.contentsIn h5 {
position: relative;
padding: .25em 0 .5em .75em;
border-left: 6px solid #ccc;
font-size: 1.2em;
font-weight: normal;
margin-bottom: 30px;
}
.contentsIn h5::before {
position: absolute;
left: -6px;
bottom: 0;
content: '';
width: 6px;
height: 50%;
background-color: #007dd0;
}
.contentsIn h5::after {
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 0;
border-bottom: 1px solid #ccc;
}

.videoWrap {
width: 100%;
margin: auto;
}

}