@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* Memo
Basic Green: #1c5335;

*/

/*--------------------------------
Home
--------------------------------*/

/*--------------------------------
Slider
--------------------------------*/
#slider {
position: relative;
height: 300px;
background: url(../../images/common/loading.gif) no-repeat center center;
background-size: 30px;
}
#slider-block {
opacity: 0;
height: 100%;
position: relative;
}
#slider-block ul {
height: 100%;
}
#slider-block li {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-indent: -9999px;
}
#slider-block li.b1 {
background: url(../../images/slider/slide3.jpg) no-repeat center center;
background-size: cover;
z-index: 900;
}
#slider-block li.b2 {
background: url(../../images/slider/slide4.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b3 {
background: url(../../images/slider/slide3.jpg) no-repeat center center;
background-size: cover;
z-index: 900;
}
#slider-block li.b4 {
background: url(../../images/slider/slide4.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b5 {
background: url(../../images/slider/slide5.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b6 {
background: url(../../images/slider/slide6.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b7 {
background: url(../../images/slider/slide7.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b8 {
background: url(../../images/slider/slide8.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b9 {
background: url(../../images/slider/slide9.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b10 {
background: url(../../images/slider/slide10.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b11 {
background: url(../../images/slider/slide11.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b12 {
background: url(../../images/slider/slide12.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b13 {
background: url(../../images/slider/slide13.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}
#slider-block li.b14 {
background: url(../../images/slider/slide14.jpg) no-repeat center center;
background-size: cover;
z-index: 800;
}

#slider #slider-control li {
position: absolute;
width: 26px;
height: 26px;
top: 50%;
margin-top: -13px;
z-index: 1000;
text-indent: -9999px;
}
#slider #slider-control li.prev {
background: url(../images/home/slider_arrow_l.png) no-repeat;
background-size: 26px;
left: 12px;
}
#slider #slider-control li.next {
background: url(../images/home/slider_arrow_r.png) no-repeat;
background-size: 26px;
right: 12px;
}

/*--------------------------------
News
--------------------------------*/
#news {
margin: 0 auto;
overflow: hidden;
padding: 15px 0 30px;
}
#news-title {
width: 5em;
text-align: center;
font-family: 'Asap', sans-serif;
font-size: 14px;
letter-spacing: 1pt;
margin-bottom: 8px;
}
#news-body {

padding: 0 15px;
font-size: 13px;
/*background: url(../../images/home/news_devider.png) no-repeat left center;
background-size: 1px 29px;*/
}
#news-body li {
position: relative;
font-size: 12px;
line-height: 1.7em;
}
#news-body .date {
display: block;
color: #ef7800;
font-size: 10px;
}

/*--------------------------------
Topics
--------------------------------*/
#topics {
text-align: center;
padding: 20px 10px 0;
margin-bottom: 10px;
position: relative;
}
#topics .topics-img {
padding: 15px;
}
#topics .tab {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: #1c5335;
color: #FFF;
font-family: 'Asap', sans-serif;
position: absolute;
top: 0;
left: 20px;
font-size: 11px;
line-height: 19px;
padding: 1px 10px 0;
}
#topics a.block {
clear: left;
display: block;
border: solid 2px #1c5335;
}
#topics a.block p {
font-size: 13px;
color: #1c5335;
text-align: left;
padding: 0 18px;
margin-bottom: 10px;
}
#topics a.block .btn {
background: #1c5335;
color: #FFF;
width: 160px;
margin: 0 auto 15px;
text-align: center;
font-size: 13px;
line-height: 30px;
border-radius: 2px;
}

/*--------------------------------
Concept
--------------------------------*/
#concept {
background: #fefff2;
}
#concept-inner {
position: relative;
margin: 0 auto;
}
#concept .concept-image {
margin-bottom: 5px;
}
#concept h3 {
}
#concept p {
font-size: 12px;
line-height: 1.8em;
margin-bottom: 35px;
padding: 0 35px;
}
#concept ul {
clear: both;
margin: 0 auto;
overflow: hidden;
background: #FFF;
padding: 0 20px;
}
#concept li {
width: 100%;
padding: 20px 5px;
clear: both;
border-top: solid 1px #1c5335;
}
#concept li:first-child {
border: none;
}
#concept li h4 {
width: 150px;
}
#concept li .photo {
float: right;
width: 40%;
padding-left: 8px;
padding-bottom: 10px;
}
#concept li .t {
font-size: 13px;
line-height: 1.7em;
}