﻿.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
img{
    display:inline-block;
    vertical-align:top;
    max-width:100%;
    height:auto!important;
}
.flex {
    display: flex;
    align-items: center;
    padding: 15px;
}
.border-1 {    
    border: 1px solid #ddd;

}
.media_4_by_3 {
    position: relative;
    height: 0;
    padding-bottom: 75%;
}
.media_16_by_9 {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
    .media_16_by_9 video, .media_4_by_3 video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background:#000;
    }
.tmpl_001 .p1{
    padding:0;
}
.tmpl_001 .p1_left {
    box-sizing: border-box;
    padding: 0 15px 0 0;
    width: 50%;
}
.tmpl_001 .p1_right {
    box-sizing: border-box;
    padding: 0 0 0 15px;
    width: 50%;
}
.tmpl_001 .p2_left{
    float:left;
    width:60%;
}
.tmpl_001 .p2_right {
    box-sizing: border-box;
    padding: 0 15px;
    width: 40%;
}
.tmpl_001 .p4_left {
    box-sizing: border-box;
    padding: 0 15px;
    width: 68%;
}
    .tmpl_001 .p4_left ul{
        list-style:disc;
        list-style-position:inside;
    }
        .tmpl_001 .p4_left ul li > a {
            color: #00418E;
        }

.tmpl_001 .p4_right {
    box-sizing: border-box;
    padding: 0 15px;
    width: 28%;
}
.tmpl_001 .p5_left {
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%;
}
.tmpl_001 .p5_right {
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%;
}
.tmpl_001 .p6_left {
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%;
}
.tmpl_001 .p6_right {
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%;
}

@media (max-width:640px)
{
    .flex{
        display:block;
    }
    .tmpl_001 .p1_left, .tmpl_001 .p2_left, .tmpl_001 .p4_left, .tmpl_001 .p5_left, .tmpl_001 .p6_left {
        width: 100%;
        padding: 0;
    }
    .tmpl_001 .p1_right, .tmpl_001 .p2_right, .tmpl_001 .p4_right, .tmpl_001 .p5_right, .tmpl_001 .p6_right {
        width: 100%;
        margin-top: 15px;
        padding: 0;
    }
}