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


h2 {
width:1100px;
height:48px;
border-bottom:1px solid #00A3D9;
margin:40px 0 20px 0;
}

h2 span {
position:absolute;
left:-9999px;
}

h2.tit01 {
background:url(../images/tits01.png) no-repeat 0 0;
}


h3 {
width:1100px;
color:#00468C;
font-size:1.1em;
font-weight:bold;
background-color:#EEEEEE;
margin:20px 0 20px 0;
padding:15px 15px 10px 15px;
line-height:100%;
}

p {
line-height:170%;
font-size:0.95em;
margin-bottom:17px;
}

#genkijin .video {width:70%;margin:0 auto;text-align:center;}
#genkijin .video  video {width:100%;height:auto;margin:0 atuo;max-width:1080px;border:1px solid #ccc;}




@media screen and (max-width:768px) {

#genkijin {width:93%;
margin:0 auto;}

h2 {
width:100%;
height:37px;
border-bottom:1px solid #00A3D9;
margin:40px 0 20px 0;
}

h2.tit01 {
background:url(../images/tits01_sp.png) no-repeat 0 0;
}

p {
line-height:170%;
font-size:0.75em;
}

#genkijin .video {width:100%;margin:0 atuo;}
#genkijin .video  video {width:100%;height:auto;}


}

.clearfix:after, .section:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix, .section {
    min-height: 1px;
}
 
* html .clearfix, * html .section {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}