@charset "UTF-8";
/* CSS Document */
.h2Area {
	background-image: url(../img/news/h2_bg.jpg);
}
.newsArea .inner {
    padding: 60px 200px 30px;
}
.newsArea h3 {
    font-size: 33px;
    font-weight: bold;
    letter-spacing: 0.2em;
}
.newsArea .inner .news dl {
    overflow: hidden;
    margin-bottom: 28px;
    font-size: 15px;
}
.newsArea .inner .news dl dt {
    width: 20%;
    font-weight: bold;
    letter-spacing: 0.2em;
}
.newsArea .inner .news dl dd {
    width: 75%;
    margin-left: 5%;
    padding-bottom: 8px;
    border-bottom: 1px dotted #D6D6D6;
}
.newsArea .inner .news dl dd a {
    color: #000;
}
.newsArea .inner .news dl dt, .newsArea .inner .news dl dd {
    float: left;
}


.singleBox .inner {
    padding: 70px 90px;
}
.singleBox .inner .single {
    margin-bottom: 40px;
}
.singleBox .inner .single .titleArea {
    margin-bottom: 40px;
    overflow: hidden;
}
.singleBox .inner .single .titleArea .ttl {
    border-left: 10px solid #0099CC;
}
.singleBox .inner .single .titleArea .ttl {
    color: #0099CC;
}
.singleBox .inner .single .titleArea .ttl {
    float: none;
    width: 100%;
    padding: 0 20px;
    font-size: 20px;
    font-weight: bold;
}
.singleBox .inner .single .titleArea .date {
    font-size: 15px;
    padding-top: 20px;
    padding-left: 30px;
}
.singleBox .inner .single .contentArea {
    padding: 0 60px;
}
.singleBox .inner .pager {
    overflow: hidden;
    padding: 0 40px;
}
.singleBox .inner .pager .prev {
    float: left;
}
.singleBox .inner .pager .next {
    float: right;
}








@media screen and (max-width: 736px) {
.newsArea .inner {
    padding: 40px 5vw 30px;
}
.newsArea .inner .news {
    padding: 20px 0 10px;
}
.newsArea .inner .news dl dt, .newsArea .inner .news dl dd {
    float: none;
}
.newsArea .inner .news dl {
    margin-bottom: 20px;
    font-size: 4vw;
}
.newsArea .inner .news dl dt {
    width: 100%;
    letter-spacing: inherit;
    margin-bottom: 5px;
}
.newsArea .inner .news dl dd {
    width: 100%;
    margin-left: 0;
    padding-bottom: 10px;
    line-height: 1.4;
}
.singleBox {
    padding: 30px 0;
}
.newsBox .inner, .singleBox .inner {
    padding: 40px 3vw;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: .05em;
}
.singleBox .inner .single {
    margin-bottom: 40px;
}
.singleBox .inner .single .titleArea {
    margin-bottom: 30px;
}
.singleBox .inner .single .titleArea .ttl {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 0 0 15px;
    font-size: 20px;
    line-height: 1.3;
}
.singleBox .inner .single .titleArea .date {
    float: right;
    padding: 5px 10px;
    font-size: 15px;
    border-bottom: 1px dotted #ddd;
}
.singleBox .inner .single .contentArea {
    font-size: 17px;
    padding: 0 20px;
}









}