/* 必要な場合は以下の記述を削除 */
#main_img::after{display:none;}
#page4 .mail_contact_tel{display:none;}



#main_img{position:relative;}
#main_img::after{
    position: absolute;
    content: 'SampleImage\Aここに動画が入ります';
    top: 20%;
    left: 50%;
    color: #ffffff;
    white-space: pre;
    transform: translate(-50%,0);
    z-index: 1;
    text-align: center;
}
#video{min-height: 100vh;}
video{vertical-align: middle;}

#sp_nav a.active {border-bottom: 1px solid #ffffff;}

#f_contact a span.hover_box,#f_contact a:hover span.hover_box{background-color: rgba(92,161,209,0.9);}

.info_txt h3{font-weight: bold;}

#page_title::before {background-color: rgba(0,91,171,0.3);}

#page4 .mail_contact_tel{background-color: #f5f5f5;}

#page10 .more_bt2 a h2{letter-spacing: 0.5px;}
#page10 .more_bt2.grid_5{width: 48%;}

@media screen and (min-width:769px){

}

@media screen and (max-width: 768px){
#main_img{margin-top: 90px;}
#main_img .txt {left: 0;}
#main_img h2{font-size: 32px;text-shadow:none;}
#main_img p{text-shadow:none;}
#video{min-height: auto;}
}

@media screen and (max-width: 667px){
#main_img h2 {font-size: 25px;line-height: 1.5;}
#main_img::after {top: 12%;}
#main_img{margin-top: 65px;}
.top_cms_title span{display: block;padding-top: 10px;}
}

@media all and (-ms-high-contrast:none){

}