@charset "UTF-8";

/*.area
---------------------------------------*/
.area h2{
text-align: center;
padding-bottom: 40px;
}

.area .section{
position: relative;
width: 900px;
margin: auto;
padding: 42px 0 70px;
background: url(../images/activity/shadow_01.jpg) no-repeat center bottom;
}

.area .section h3{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
color: #fff;
font-size: 26px;
line-height: 56px;
width: 646px;
margin: auto;
text-align: center;
letter-spacing: 8px;
}

.area .section ul{
position: relative;
overflow: hidden;
list-style: none;
margin-bottom: 50px;
}

.area .section ul:before{
content: "";
position: absolute;
top: 210px;
left: 294px;
height: 100%;
border-left: dashed 1px #000;
}

.area .section ul:after{
content: "";
position: absolute;
top: 210px;
right: 295px;
height: 100%;
border-left: dashed 1px #000;
}

.area .section ul li{
position: relative;
float: left;
width: 280px;
margin-left: 29px;
}

.area .section li:first-child{
margin-left: 0;
}

.area .section ul.colspan:before{
display: none;
}

.area .section ul.colspan li.left{
width: 590px;
}

.area .section h4{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
position: relative;
font-size: 14px;
line-height: 52px;
text-align: justify;
letter-spacing: 2px;
padding-left: 56px;
margin-top: 13px;
}

.area .section h4.br{
line-height: 26px;
}

.area .section h4:before{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 48px;
height: 48px;
margin-top: -24px;
}

.area .section .text{
font-size: 13px;
line-height: 26px;
text-align: justify;
padding-top: 12px;
height: 106px;
border-bottom: solid 1px;
}

.area .section .address{
font-size: 12px;
line-height: 21px;
text-align: justify;
padding-top: 8px;
}

/*.section_01*/
.area .section_01 h3,
.area .section_01 h4:before{
background: #339B61;
}

.area .section_01 h4{
color: #339B61;
}

.area .section_01 .text{
border-color: #339B61;
}

/*.section_02*/
.area .section_02 h3,
.area .section_02 h4:before{
background: #007D7A;
}

.area .section_02 h4{
color: #007D7A;
}

.area .section_02 .text{
border-color: #007D7A;
}

/*.section_03*/
.area .section_03{
background: none;
padding: 42px 0 10px;
}

.area .section_03 h3,
.area .section_03 h4:before{
background: #85A440;
}

.area .section_03 h4{
color: #85A440;
}

.area .section_03 .text{
border-color: #85A440;
}


/*#activity
---------------------------------------*/
#activity{
padding-top: 172px;
}


/*#dam
---------------------------------------*/
#dam{
padding-top: 92px;
margin-top: -92px;
}

#dam .box{
background: url(../images/common/bg_02.jpg) repeat center top;
padding: 70px 0;
}

#dam h2{
text-align: center;
}

#dam .section{
position: relative;
width: 900px;
margin: auto;
padding: 50px 0 70px;
background: url(../images/activity/shadow_02.jpg) no-repeat center bottom;
}

#dam .section_03{
background: none;
padding: 50px 0 0;
}

#dam .section h3{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
color: #fff;
font-size: 26px;
line-height: 56px;
width: 646px;
margin: auto;
text-align: center;
letter-spacing: 8px;
}

#dam .section h3+.visual{
float: left;
}

#dam .section .right{
float: right;
width: 243px;
}

#dam .section .right .title{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 52px;
letter-spacing: 1px;
padding-top: 26px;
}

#dam .section .right .lead{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 14px;
font-weight: bold;
line-height: 22px;
letter-spacing: 1px;
padding: 24px 0 40px;
}

#dam .section .right .inner{
font-size: 12px;
line-height: 24px;
background: #fff;
border-left: solid 4px;
padding-left: 5px;
}

#dam .section .right .text{
color: #000;
font-size: 12px;
line-height: 18px;
text-align: justify;
padding-top: 4px;
}

#dam .section ul{
clear: both;
position: relative;
overflow: hidden;
list-style: none;
padding-top: 28px;
}

#dam .section ul li{
position: relative;
float: left;
width: 280px;
margin-left: 29px;
}

#dam .section li:first-child{
margin-left: 0;
}

#dam .section li .text{
font-size: 12px;
line-height: 18px;
text-align: justify;
padding-top: 8px;
}

#dam .section .aside{
position: relative;
overflow: hidden;
padding: 30px 0;
}

#dam .section .aside .left{
float: left;
width: 460px;
}

#dam .section .aside .right{
float: right;
width: 423px;
}

#dam .section .aside .title{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 16px;
color: #fff;
padding: 6px 10px;
letter-spacing: 2px;
}

#dam .section .aside .text{
font-size: 12px;
line-height: 18px;
text-align: justify;
padding-top: 10px;
}

/*.section_01*/
#dam .section_01 h3,
#dam .section_01 .aside .title{
background: #339B61;
}

#dam .section_01 .right{
color: #339B61;
}

/*.section_02*/
#dam .section_02 h3,
#dam .section_02 .aside .title{
background: #007D7A;
}

#dam .section_02 .right{
color: #007D7A;
}

/*.section_03*/
#dam .section_03 h3,
#dam .section_03 .aside .title{
background: #85A440;
}

#dam .section_03 .right{
color: #85A440;
}


/*#everyday
---------------------------------------*/
#everyday{
padding-top: 120px;
}

#everyday .section h4 em{
display: block;
line-height: 1;
font-style: normal;
font-size: 10px;
position: absolute;
top: 5px;
left: 117px;
}

#everyday .section .bottom .text{
border: 0;
}