﻿.home07-bg {
    background: #418abb;
}


.home07-bg02 {
    background: url(../../mediaset/homepage07/home07-bg02.jpg) no-repeat 0 0;
    background-size: cover;
    background-attachment: fixed;
}

.home07-area {
    display: table;
    table-layout: fixed;
    min-width: 100%;
}

.home07-area>[class*="col-"] {
    display: table-cell;
    vertical-align: top;
    float: none;
    padding: 45px 65px 35px;
}

.home07-area>.area-left {
    background-color: #2d85c1;
    color: #FFF;
}

.home07-area>.area-right {
    background-color: #fafafa
}
.home07-area>.form-area-right {
    border-radius: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home07-area>[class*="col-"] {
        padding: 45px;
    }
}

@media only screen and (max-width: 991px) {
    .home07-area {
        display: block;
        margin: 0 30px;
        min-width: inherit
    }
    .home07-area>[class*="col-"] {
        display: block;
        padding: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .home07-area {
        margin: 0 15px;
    }
    .home07-area>[class*="col-"] {
        padding: 25px;
    }
}

.home07-bg03 {
    background-color: #44515a;
    overflow: hidden;
}

.home07-area2 {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.home07-area2>[class*="col-"] {
    display: table-cell;
    vertical-align: top;
    float: none;
    padding: 65px;
}

.home07-area2>.area-left {
    background-color: #f4f4f4;
}

.home07-area2>.area-right {
    background-color: #24445a;
    color: #FFF;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home07-area2>[class*="col-"] {
        padding: 45px;
    }
}

@media only screen and (max-width: 991px) {
    .home07-area2 {
        display: block;
    }
    .home07-area2>[class*="col-"] {
        display: block;
        padding: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .home07-area2>[class*="col-"] {
        padding: 25px;
    }
}

@media only screen and (max-width: 411px) {
    .home07-area {
        margin: 0px;
    }
    .home07-area>[class*="col-"] {
        padding: 14px;
    }
}

.home07-imglist img {
    max-width: 100%;
}

.home07-imglist .cont {
    padding: 25px 0;
}

.home07-imglist h3 {
    margin: 0 0 0px;
    font-size: 18px;
}

.home07-imglist .date {
    margin-bottom: 10px;
}


.home07-bg04 {
    background-color: #f4f4f4;
}    


.dg-title12{
text-align:center;
margin-bottom:30px;
overflow:hidden;
padding:0px 15px;
}
.dg-title12 .title{
margin-bottom:7px;
}
.dg-title12 small{
position:relative;
display:inline-block;
padding:0px 20px;
margin-bottom:16px;
font-size:14px;
font-style:italic;
color:#666666;
}
.dg-title12 small:after,
.dg-title12 small:before{
content:"";
width:80px;
border-bottom:1px solid #c7c7c7;
position:absolute;
left:100%;
top:50%;
}
.dg-title12 small:before{
left:auto;
right:100%;
}
.dg-title12.color-white small{
color:#e2e2e2;
}
.dg-title12.color-white small:after,
.dg-title12.color-white small:before{
border-color:#bfbfbf;
}

.dg-title13{
color:#ffffff;
margin-bottom:28px;
}
.dg-title13:after{
content:"";
margin-top:21px;
width:80px;
border-bottom:2px solid #FFF;
display:block;
}

.dg-title14{
margin-bottom:40px;
}
.dg-title14 .title{
margin:0 0 10px;
}
.dg-title14 small{
position:relative;
display:inline-block;
margin-bottom:6px;
font-size:14px;
font-style:italic;
color:#666;
}
.dg-title14 .title:after{
content:"";
width:110px;
border-bottom:1px solid #a8a8a8;
display:block;
margin-top:20px;
}
.dg-title14.color-white small{
color:#FFF;
}
.dg-title14.text-center .title:after{
margin-left: auto;
margin-right: auto;
}