@charset "UTF-8";

.cta {
    padding: 120px 20px;
    text-align:center;
}
.cta h2 {
    line-height: 1.5;
    margin-bottom: 20px;
}

body {
    font-family: "Hiragino Kaku Gothic Pro", sans-serif, Meiryo, "MS PGothic", "MS UI Gothic", Helvetica, Arial;
    color:#555555;
}
img {
 width:100%;
}
.bg-white {
    background-color: #ffffff;
}
.text-white {
    color: #ffffff;
}
.container img {
    margin-bottom: 20px;
}
.mt30 { margin-top: 30px;}
.mb30 { margin-bottom: 30px;}
.mb50 { margin-bottom: 50px;}
.pb30 { padding-bottom: 30px;}
.pb50 { padding-bottom: 50px;}

/* -----------------------------------------------
	ヘッダー
------------------------------------------------- */
.navbar-default .navbar-nav {
		float: right;
}
.navbar-default {
	background: rgba(240, 240, 240, 0.9);
}
.navbar-default .navbar-nav li a {
	color: #333;
  font-weight: normal;
}
.navbar-default .navbar-nav li > a:hover span,
.navbar-default .navbar-nav li > a:focus span,
.navbar-default .navbar-nav .active > a span,
.navbar-default .navbar-nav .active > a:hover span {
	color: #46b035;
	background: none;
}

/* -----------------------------------------------
	フッター
------------------------------------------------- */
.footer_top {
    padding-top: 4em;
	color: #333;
	background-color: #efefef;
}
.footer_bottom {
	background: #46b035;
}
.footer_bottom .sns li a i {
    color:#fff;
}
.footer_bottom .sns li a i:hover {
    color:#efefef;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
}
footer {
    padding-top: em;
    padding-bottom: 0;
}
footer h2 {
	color: #222;
    font-size:120%;
}
footer ul.ul-footer {
    padding-left:2px;
    line-height: 1.5;
}
footer ul.ul-footer li {
    list-style-type: none;
}
footer ul.ul-footer li:before {
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 8px;
}
footer ul.ul-footer li a {
    color: #666666;
}
footer ul.ul-footer li a:hover {
    color: #888888;
}

/* -----------------------------------------------
	TOPページ
-------------------------------------------------- */
.home-header {
    paddin-top: 50px;
}
.head_image {
    padding-top: 0;
}
.head_image_text1 {
    font-size: 120%;
    line-height: 1.4;
    margin-bottom: 20px;
}
.mission {
    text-align: center;
    padding:20px;
}
@media (max-width: 767px) {
.mission {
    text-align: left;
}
}
.mission h2 {
    font-size: 180%;
    margin: 60px auto 40px;
}
#page_top #top_contents h2 {
    padding-top: 30px;
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    color: #333;
    border-bottom: none;
}
h3.point {
    font-size: 150%;
    margin: 40px auto 30px;
}
.case-category h3 {
    font-size: 100%;
    font-weight: normal;
    text-align: center;
    margin: 15px auto 20px;
    padding-bottom: 60px;
}
.CtoA {
    padding:80px;
}
.CtoA h2.module_title {
    display: none;
}
/* NEWS */
.label.label-info {
    padding-top: 9px;
}
#contents {
    margin: 40px auto;
}
ul.topics {
    margin-top: 20px;
    padding-left: ;
}
ul.topics li {
    margin-bottom: 8px;
}
/* -----------------------------------------------
	セカンドページ
-------------------------------------------------- */
body:not(#page_top) .breadcrumbs {
	color: #333333;
	background-color: rgba(230, 230, 230, 0.75);
}
body:not(#page_top) .breadcrumbs a {
	color: #46b035;
}
.2nd-contents {
    margin-top:-50px;
}
#main_module section {
    padding-top:-50px;
}
body:not(#page_top) #main_module .module_title {
    margin: 0 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #46b035;
    font-size: 140%;

}

/* 導入事例 ------------------------------------------------------------------------*/
.case h2 {
    font-size: 110%;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #46b035;
}
.case h3 {
    color:#333333;
    font-size: 120%;
    font-weight: normal;
    margin: 20px auto 15px;
}
.case p {
    margin-bottom: 20px;
}
.case hr {
    padding-bottom: 20px;
}

/* エナジーグリーンについて ------------------------------------------------------------------------*/
#about {
    margin-bottom: 30px;
}

/* エナジーグリーンについて ------------------------------------------------------------------------*/
.agency h4 {
    margin-top: 30px;
}


/* グリーン電力証書について ------------------------------------------------------------------------*/
.level2 h2 {
    font-size: 140%;
    font-weight: normal;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #46b035;
}
.level2 h3 {
    color:#333333;
    font-size: 130%;
    font-weight: normal;
    margin: 30px auto 20px;
}
.level2 p {
    margin-bottom: 20px;
}

/* 発電所一覧 ------------------------------------------------------------------------*/
#solar h2, .volume h2 {
    padding-top:110px;
    margin-top:-10px;
}

h3.plantname {
    margin: 0px auto 8px;
}
dl.dl-plantlist {
    height: 140px;
}
.dl-plantlist dt {
    float: left;
    width: 100px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-plantlist dd {
    margin-left: 120px;
}

/* お問い合わせ ------------------------------------------------------------------------*/
.radio-inline, .checkbox-inline {
    margin-left: 10px;
}



/* 契約者一覧 ------------------------------------------------------------------------*/
#customer-list h3 {
    font-size: 130%;
    margin-top: 30px;
    margin-bottom: 20px;
}

/*　利用規約 ------------------------------------------------------------------------*/
#tos {
    margin-top: -20px;
}
#tos h3 {
    font-size: 130%;
    margin-bottom: 30px;
}
#tos h4 {
    font-size: 110%;
}
#tos p {
    margin-bottom: 40px;
}