@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Noto Sans JP', sans-serif;
}

.nav-gas{
	position:fixed;
	z-index:99;
	background-color:rgba(208,230,255,0.98);
	width:100%;
}
.navbar-dark .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 8px;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  position: relative;
  background-color: #A0C91C;
  border:1px solid #fff;
}
.navbar-dark .navbar-toggler-icon {
  background-image:none;
  background-color: #fff;
  width: 30px;
  height: 3px;
  display: block;
  position: absolute;
  transition: ease .5s;
}
.navbar-toggler-icon:nth-of-type(1) {top:13px;}
.navbar-toggler-icon:nth-of-type(2) {top:22px;}
.navbar-toggler-icon:nth-of-type(3) {top:31px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
top:22px;
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
top:22px;
transform: rotate(-45deg);
}
.navbar-btn-title{
	color:#7CA500;
	display:inline-block;
	font-weight:bolder;
	position:absolute;
	left:55px;
	top:50%;
	-webkit-transform: translateY(-50%); 	
	transform: translateY(-50%);
}

.title-hidden {
  overflow: hidden;
  text-indent: 100%;
  line-height:0;
  white-space: nowrap;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:900;
}

.bg-gas_garad{
	background: -moz-linear-gradient(top, #D3E8FF, #89BCFF);
	background: -webkit-linear-gradient(top, #D3E8FF, #89BCFF);
	background: linear-gradient(to bottom, #D3E8FF, #89BCFF);
	padding-top:60px;
}

.logo-set{
	position:absolute;top:0;right:0;z-index:1;
	margin-top:-10px;
	height:60px;
}

.merit-gas-main{
	padding:16px 16px 16px;
	border:3px solid #000;
}
.page-menu-btn-gas{
	display:block;
	width:100%;
	background-color:#A0C91C;
	border:1px solid #fff;
	border-radius:6px;
}
.page-menu-btn-gas a{
	text-decoration:none;
	padding-right:1.5rem;
	display:block;
}


.page-coution{
    font-size: 0.9rem;
    line-height: 1.1rem;
    margin: 0 auto;
    width:66%;
    max-width: 600px;
}
@media screen and (max-width:992px) { 
    .page-coution{
        margin: 0 auto;
        width:100%;
    }
}


.btn-features{
	display:block;
	text-shadow: 1px 1px 1px #555;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
}
.page-menu-btn-services {
	display:inline-block;
	margin:0 0 8px;
	background-color:#E3AC3F;
	border:1px solid #fff;
	min-height:116px;
	width:100%;
}
.page-menu-services-linktext{
	font-weight:bolder;
	font-size:1rem;
	
	color:#4e4d4e;
	line-height:1.3rem;
	display:inline-block;
}
.list-group-item {
	padding: 0.75rem 0.5rem;
	border: 2px solid #fff;
	border-radius: 10px;
}
.list-group-horizontal .list-group-item:first-child {
	border-radius: 10px;
}
.list-group-horizontal .list-group-item:last-child {
	border-radius: 10px;
}

.features-denki{
	margin-top:-80px;
	padding-top:160px;
	border-bottom:3px solid #000;
	position:relative;
}
.subtitle-gas {
	background: url(../img/bg-subtitle.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
	margin-bottom:1rem;
}
.subtitle-gas h2 {
	color:#fff;
	text-shadow: 2px 2px 1px #555;
	padding-right:60px
}
.title-align-center {
	display:block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	padding:0.5rem 0;
}
.sub-subtitle-gas{
	padding:0.5rem 80px .5rem 1rem;
	color:#7CA500;
	background: url(../img/bg-sub-subtitle.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
	margin-bottom:1rem;
}
.badge-acountwari{
	width:95px;
	position:absolute;
	z-index:9;
	top: 50%;
	right:0.5rem;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	padding:0.5rem 0;
}
.badge-otoku{
	width:95px;
	position:absolute;
	z-index:9;
	top: 50%;
	right:0.5rem;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	padding:0.5rem 0;
	
}
.btn-plug-return{
	position:absolute;
	z-index:9;
	bottom:-22px;
	right:0;
	width:250px;
}

footer{
	padding:1.5rem 0;
	margin-top:1.5rem;
	border-top:5px dotted #000;
}
.footer-gas{
	border-bottom:3px solid #000;
	position:relative;
}

@media screen and (max-width:770px) { 
	h2{
		font-size:1.7rem;
	}
	h3{
		font-size:1.4rem;
	}
	.logo-set{
		margin-top:5px;
		height:40px;
	}
	.navbar-btn-title{
		display:none;
	}
	.badge-acountwari{
		width:72px;
	}
	.badge-otoku{
		width:72px;
	}
}