#dHGNGMWrapper,
#fGlobalFooterHigher,
#dFWrapper,
body {
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

#dMainColumn .contents_inner {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 80px;
}

.fix{
	position: fixed;
	top: 272px;
	right: 0;
	z-index: 1000;
}

.fix li{
	margin-top: 20px;
}

.fix li:first-child{
	margin-top: 0;
}

@media screen and (max-width: 768px){
	#dMainColumn .contents_inner {
		padding: 30px 15px;
		max-width: none;
		width: 100%;
		box-sizing: border-box;
		max-width: 600px;
	}

	.fix{
		position: fixed;
		top: auto;
		bottom: 0;
		right: 0;
		z-index: 1000;
		width: 100%;
		padding: 10px 10px 0;
		background-color: #fff;
		box-sizing: border-box;
	}

	.fix ul{
		max-width: 600px;
		margin: 0 auto;
	}

	.fix li{
		margin-top: 0;
		margin-left: 3.4%;
		width: 100%;
		margin: 0 auto;
	}

}
#aMainContents .dLoginBox .dModBoxPadding {
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	#aMainContents .dLoginBox .dModBoxPadding {
		width: auto;
		padding: 20px 10px;
	}
		#aMainContents .dLoginBox .dModBoxPadding ul li {
			width: 100%;
			float: none;
			margin: 0;
		}
}

#aMainContents{
	background-color: #fffcde;
}

p{
	margin-bottom: 0;
}

.css_hover {
	transition: 0.4s opacity;
	-webkit-transition: 0.4s opacity;
}

.css_hover:hover {
	opacity: 0.7!important;
}

div#aMainContents .set_btn{
	width: 100%;
	padding: 20px 0;
	color: #fff;
	border-radius: 8px;
	background-color:#f15741;
	display: block;
	font-size: 20px;
	text-align: center;
	position: relative;
	text-decoration: none;
	font-weight: 900;
	line-height: 1em;
}

div#aMainContents .set_btn span.btn_arrow{
	position: absolute;
	width: 26px;
	height: 26px;
	background-color: #0d3b64;
	top: 0;
	bottom: 0;
	left: 60px;
	margin: auto 0;
	border-radius: 50%;
}

div#aMainContents .set_btn span.btn_arrow:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 8px solid transparent;
	border-left: 8px solid #fff;
	position: absolute;
	top:7px;
	left: 11px;
}

div#aMainContents .set_btn span.btn_small{
	font-size: 16px;
	font-weight: normal;
}

div#dMain .btn_li .set_btn{
	width: 480px;
	float: left;
}

div#dMain .otoku{
	margin-top: 30px;
}

div#dMain .set_btn.tanka{
	background-image: url('/image/bizenegas01/icon_wallet.png');
	background-repeat: no-repeat;
	background-position: 93% center;
	background-size:36px 30px;
}

div#dMain .btn_li .set_btn:nth-child(2){
	float: right;
	background-image: url('/image/bizenegas01/icon_calculator.png');
	background-repeat: no-repeat;
	background-position: 93% center;
	background-size:25px 36px;
	box-sizing: border-box;
}

.cleafix:after{
	content: "";
	display: block;
	clear: both;
}

#top{
	width: 100%;
	color: #fff;
	background: url('/image/bizenegas01/top_bg.jpg') no-repeat right top;
	background-color: #000;
	background-size: 407px 250px;
	position: relative;
	height: 250px;
}

#top .top_tit{
	position: absolute;
	top: 0;
	left: 0;
	width: 251px;
}

#top .contents_inner{
	position: relative;
}

#top .top_txt{
	width: 584px;
	position: absolute;
	top: 60px;
	left: 0;
}

#dMain h2 span{
	margin: 0;
}

#dMainColumn .infor_area .contents_inner{
	padding: 0;
}

.infor_area{
	padding: 10px 0;
	background-color: #fff;
}

.infor_area a{
	color: #0d3b64;
}

.infor_area p {
    width: 480px;
    float: left;
    font-size: 12px;
    border-right: 1px solid #000;
	padding: 5px 0;
	box-sizing: border-box;
}

.infor_area dl dt span {
    font-weight: normal;
    font-size: 11px;
}

.infor_area dl {
    float: right;
    width: 519px;
    font-size: 12px;
    font-weight: 900;
    overflow: hidden;
	padding: 5px 0;
	padding-left: 16px;
	box-sizing: border-box;
}

.infor_area dl dt {
    float: left;
}

.infor_area dl dd {
    float: right;
    overflow: hidden;
}

.infor_area dl dd ul {
    overflow: hidden;
}

.infor_area dl dd ul li {
    float: left;
    margin: 0 0 0 10px;
}

h2{
	background: none;
	margin: 0;
	margin-bottom: 42px;
	padding: 0;
	text-align: center;
	font-size: 20px;
	letter-spacing: -0.03em;
}

h3 {
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    border-left: none;
}

h2 span{
	font-size: 40px;
	font-weight: 900;
	color: #0d3b64;
}

h2 .bold{
	border-bottom: #e6a200 solid 2px;
}

.plan ul{
	margin-bottom: 30px;
}

.plan h3{
	margin-bottom: 10px;
}

.plan ul li{
	height: 203px;
	width: 288px;
	position: relative;
	background-color: #fff;
	float: left;
}

.plan ul li:not(:first-child){
	margin-left: 68px;
}

.plan .plan_list1 .price{
	width: 211px;
	position: absolute;
	bottom: 23px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.plan .plan_list1:after{
	background: url(/image/bizenegas01/plus.gif) no-repeat right center;
	content: "";
	display: block;
	position: absolute;
	width: 29px;
	height: 29px;
	right: -48px;
	top: 48%;
	background-size: cover;
}

.plan .plan_list2 .price{
	width: 186px;
	position: absolute;
	bottom: 23px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.plan .plan_list2:after{
	background: url(/image/bizenegas01/equal.gif) no-repeat right center;
	content: "";
	display: block;
	position: absolute;
	width: 29px;
	height: 18px;
	right: -48px;
	top: 48%;
	background-size: cover;
}

.plan .plan_list3 .price{
	width: 249px;
	position: absolute;
	bottom: 12px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.plan .plan_list3{
	border: #f15741 solid 2px;
	box-sizing: border-box;
}

.plan .toku_menu_btn{
	text-align: right;
	margin-top: 19px;
}

.plan .toku_menu_btn a{
	color: #f15741;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	text-decoration: none;
	padding-bottom: 7px;
	border-bottom: 1px solid #f15741;
}

div#aMainContents .toku_menu_btn a span.btn_arrow{
	position: absolute;
	width: 26px;
	height: 26px;
	background-color: #f15741;
	top: 3px;
	bottom: 0;
	left: -34px;
	margin: auto 0;
	border-radius: 50%;
}

div#aMainContents .toku_menu_btn a span.btn_arrow:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 8px solid transparent;
	border-left: 8px solid #fff;
	position: absolute;
	top:7px;
	left: 11px;
}

.conditions{
	border: 1px solid #8b8d8e;
	padding: 20px;
	width: 100%;
	box-sizing: border-box;
	color: #848484;
	margin-top: 20px;
	font-size: 16px;
}

.conditions .con_size{
	font-size: 18px;
}

.conditions .indent{
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}

.otoku .table_wrap{
	padding: 30px 30px 60px;
	margin-bottom: 60px;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	position: relative;
	margin-top: 30px;
}

.otoku .table_wrap h3{
	color: #000;
	font-weight: 900;
	font-size: 20px;
	margin-bottom: 10px;
}

div#dMain .otoku table td{
	width: 117px;
	height: 52px;
	background-color: #fff;
	color: #000;
	text-align: center;
	font-size: 16px;
	line-height: 1.2em;
}

div#dMain .otoku table.table_tit td.b_right{
	border-right: 2px solid #fff;
}

div#dMain .otoku table.table_tit td.first{
	border-left: 2px solid #0d3b64;
}

div#dMain .otoku table.table_tit td.b_bottom{
	border-bottom: 2px solid #fff;
}

div#dMain .otoku table.table_tit tr td{
	color: #fff;
	background-color: #0d3b64;
}

div#dMain .otoku table.table_tit tr .red{
	background-color: #f15741;
	border-bottom: none;
}

div#dMain .otoku table.table_tit td span{
	font-size: 12px;
}

div#dMain .otoku table.table_price{
	border: 2px solid #0d3b64;
	border-top: none;
}

div#dMain .otoku table.table_price tr td{
	border-right: solid 2px #0d3b64;
	border-bottom: solid 2px #0d3b64;
}

div#dMain .otoku table.table_price tr td:nth-child(5){
	color: #f15741;
	border-right:none;
}

div#dMain .otoku table.table_price td{
	height: 33px;
	font-weight: 900;
}

.otoku .price_fukidashi{
	width: 151px;
	position: absolute;
	top: 62px;
	left: 190px;
}

.otoku .small{
	font-size: 12px;
	color: #848484;
	margin: 20px 0;
}

.banner{
	background-color: #edf4fa;
}

div#aMainContents .gas_q.set_btn{
	background-color: #fff;
	color: #0d3b64;
	border: 2px solid #0d3b64;
	margin-top: 62px;
}

.application{
	background-color: #e6a200;
}

.application h3{
	color: #fff;
	text-align: center;
	font-size: 24px;
	margin-bottom: 80px;
}

div#aMainContents .application .contents_inner{
	padding: 60px 0;
}

.application .btn_li{
	border-top: 1px #fff solid;
	position: relative;
	padding: 52px 0 80px;
}

div#aMainContents .application h4{
	width: 458px;
	margin: 0 auto;
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	padding: 12px 0;
	color: #e6a200;
	font-size: 22px;
	background-color: #fff;
	text-align: center;
	border-radius: 30px;
}

div#aMainContents .application .set_btn{
	background-color: #0d3b64;
}

div#aMainContents .application .set_btn .btn_arrow.orange{
	background-color: #e6a200;
}

div#aMainContents .application .set_btn:nth-child(2){
	background-color: #fff;
    color: #0d3b64;
    border: 2px solid #0d3b64;
}

.application .tel_app{
	position: relative;
	border-top: 1px #fff solid;
	padding-top: 50px;
	color: #fff;
}

.application .tel_app .tel p{
	float: left;
	font-size: 16px;
	letter-spacing: 0.06em;
}

.application .tel_app .tel p:first-child{
	margin-right: 20px;
}

div#dMain .application .tel_app .tel_num{
	font-size: 18px;
	line-height: 1em;
	margin-top: -10px
}

.application .tel_app .tel_num span{
	font-size: 38px;
	margin-left: 14px;
	font-weight: 900;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
}

div#dMain .application .tel_app .acceptance{
	line-height: 2em;
	letter-spacing: 0.02em;
}

.application .tel_app .tel_about{
	font-size: 14px;
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}

#dMainColumn .gas_point .contents_inner{
	padding-top: 60px;
}

.gas_point{
	background-color: #fff;
}

.gas_point h3{
	width:698px;
	margin: 0 auto 96px;
}

.gas_point .point_list li{
	width: 230px;
	height: 293px;
	background-color: #fff;
	text-align: center;
	border:4px solid #0d3b64;
	position: relative;
	padding: 20px;
	box-sizing: border-box;
	float: left;
	margin-left: 26px;
}

.gas_point .point_list li:first-child{
	margin-left: 0;
}

.gas_point .point_list li h4{
	width: 235px;
	position: absolute;
	top: -54px;
	left: -4px;
	margin-bottom: 0;
}

.gas_point .point_list li .icon{
	width: 39px;
	display: inline-block;
	margin-bottom: 20px;
}

.gas_point .point_list li.point2 .icon{
	width: 47px;
	margin-bottom: 28px;
}

.gas_point .point_list li.point3 .icon{
	width: 61px;
	margin-bottom: 28px;
}

.gas_point .point_list li.point4 .icon{
	width: 59px;
	margin-bottom: 30px;
}

.gas_point .point_list li h5{
	font-size: 24px;
	color: #0d3b64;
	font-weight: 900;
	margin: 0;
	letter-spacing: -0.06em;
}

div#dMain .gas_point .point_list li p{
	font-size: 14px;
	line-height: 1.5em;
}

.gas_point .point_list li a{
	font-size: 16px;
	color: #fff;
	width: 182px;
	padding: 10px 0;
	position: relative;
	background-color: #e6a200;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 20px;
	text-decoration: none;
}

.gas_point .point_list li a:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 8px solid transparent;
	border-left: 8px solid #fff;
	position: absolute;
	left: 20px;
	top: 16px;
}

div#aMainContents .sp_non{
	display: block;
}

div#aMainContents .pc_non{
	display: none;
}


@media screen and (max-width: 768px){
	
	div#aMainContents .set_btn{
		font-size: 15px;
		padding: 15px 0;
	}

	div#aMainContents .set_btn span.btn_arrow{
		left: 15px;
		width: 15px;
		height: 15px;
	}

	div#aMainContents .set_btn span.btn_arrow:before{
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-right: 5px solid transparent;
		border-left: 5px solid #fff;
		top: 3px;
		left: 6px;
	}

	div#aMainContents .set_btn span.btn_small{
		font-size: 12px;
	}
	
	h2{
		font-size: 13px;
		margin-bottom: 20px;
	}

	h2 span{
		font-size: 27px;
	}

	#dMain h2 span{
		margin: 0;
	}

	div#aMainContents .sp_non{
		display: none;
	}

	div#aMainContents .pc_non{
		display: block;
	}

	#top{
		height: auto;
		background: none;
		background-color: #000;
	}

	#top .top_bg{
		width: 63.6%;
		position: absolute;
		right: -24.1%;
		top: 0;
		max-width: 440px;
	}

	#top .contents_inner {
		position: initial;
		padding: 18px 15px;
	}

	#top .top_tit{
		width: 100%;
		font-weight: 900;
		font-size: 16px;
		background-color:#2e8fc1;
		color: #fff;
		box-sizing: border-box;
		padding: 10px 0 10px 15px;
	}
	#top .top_txt{
		width: 93.6%;
		position:relative;
		z-index: 1;
		top: 0;
	}

	.infor_area p,.infor_area dl,.infor_area dl dt,.infor_area dl dd{
		float: none;
		width: 100%;
		text-align: center;
		padding-left: 0;
		border: none;
	}

	.infor_area dl dd ul{
		display: inline-block;
	}

	.infor_area dl dd ul li{
		margin-left: 15px;
	}

	.infor_area dl dd ul li:first-child{
		margin: 0;
	}

	div#dMain .infor_area dl dt{
		font-size: 16px;
		line-height: 1.4em;
		margin-bottom: 10px;
	}

	.infor_area dl dt span{
		font-size: 12px;
	}

	.plan h3{
		margin-bottom: 20px;
	}

	.plan ul li{
		float: none;
		width: 100%;
		height: auto;
	}

	.plan ul li:not(:first-child){
		margin-left: 0;
		margin-top: 50px;
	}

	.plan .price{
		padding: 15px 0 11px 0;
	}

	.plan .plan_list1:after{
		right: 0;
		left: 0;
		bottom: -33px;
		margin: 0 auto;
		width: 20px;
		height: 20px;
		top: inherit;
	}

	.plan .plan_list2:after{
		right: 0;
		left: 0;
		bottom: -33px;
		margin: 0 auto;
		width: 20px;
		height: 12px;
		transform: rotate(90deg);
		top: inherit;
	}

	.plan .plan_list1 .price{
		width: 82.8%;
		position: initial;
	}

	.plan .plan_list2 .price{
		width:76.9%;
		position: initial;
	}

	.plan .plan_list3 .price{
		width: 90.9%;
		position: initial;
	}

	.plan .toku_menu_btn{
		margin-top: 10px;
	}

	.plan .toku_menu_btn a{
		font-size: 10px;
		padding-bottom: 5px;
	}

	div#aMainContents .toku_menu_btn a span.btn_arrow{
		left: -20px;
		width: 15px;
		height: 15px;
	}

	div#aMainContents .toku_menu_btn a span.btn_arrow:before{
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-right: 5px solid transparent;
		border-left: 5px solid #fff;
		top: 3px;
		left: 6px;
	}

	.conditions{
		padding: 15px 15px 20px;
		margin-top: 15px;
	}

	.conditions .con_size{
		font-size: 12px;
		margin-bottom: -30px;
		display: block;
	}

	.conditions p{
		font-size: 10px;
	}

	.otoku h2{
		font-size: 18px;
		margin: 30px 0 12px;
	}

	.otoku h2 .bold{
		font-size: 27px;
	}

	.otoku .table_wrap .table_tit,.otoku .table_wrap .table_price{
		width: 578px;
		overflow-x:scroll
	}

	.otoku .table_wrap .table_sp{
		width: 100%;
		overflow-x:scroll;
		position: relative;
		padding-top:5px;
	}

	.otoku .price_fukidashi{
		top: 0;
		left: 104px;
		width: 94px;
	}

	.otoku .table_wrap h3{
		font-size: 12px;
	}

	div#dMain .otoku table td{
		width: 142px;
		height: 30px;
		font-size: 12px;
	}

	div#dMain .otoku table.table_tit td span{
		font-size: 10px;
	}

	.otoku .table_wrap{
		padding: 15px;
		margin-bottom: 30px;
	}

	div#dMain .otoku table.table_tit td.b_right{
		border-right: 1px solid #fff;
	}

	div#dMain .otoku table.table_tit td.b_bottom{
		border-bottom: 1px solid #fff;
	}

	div#dMain .otoku table.table_tit td.first{
		border-left: 1px solid #0d3b64;
	}

	div#dMain .otoku table.table_tit tr .last{
		width: 142px;
	}

	div#dMain .otoku table.table_price tr td {
		border-right: solid 1px #0d3b64;
		border-bottom: solid 1px #0d3b64;
	}

	div#dMain .otoku table.table_price {
		border: 1px solid #0d3b64;
		border-top: none
	}

	div#dMain .otoku table.table_price td{
		height: 22px;
	}

	.otoku .small{
		font-size: 10px;
		margin:13px 0 15px;
	}

	div#dMain .btn_li .set_btn{
		width: 100%;
		float: none;
	}

	div#dMain .set_btn.tanka{
		background-size: 20px 16px;
		margin-bottom: 15px;
	}

	div#dMain .btn_li .set_btn:nth-child(2){
		background-size: 12px 18px;
	}

	div#aMainContents .gas_q.set_btn{
		margin-top: 30px;
	}

	div#aMainContents .application .contents_inner{
		padding: 30px 15px;
	}

	.application h3{
		font-size: 20px;
		margin-bottom: 30px;
	}

	.application .btn_li{
		padding: 0;
		border: none;
	}

	div#aMainContents .application h4{
		width: 100%;
		position: initial;
		padding: 13px 0;
		font-size: 15px;
		margin-bottom: 20px;
	}

	div#aMainContents .application .set_btn{
		display: inline-block;
		margin-bottom: 20px;
	}

	.application .tel_app{
		border: none;
		padding-top: 13px;
	}

	div#aMainContents .application .tel_app .tel p{
		float: none;
		font-size: 12px;
		text-align: center;
	}

	.application .tel_app .tel p:first-child{
		margin: 0;
	}

	.application .tel_app .tel_num span{
		margin: 0;
		font-size: 30px;
	}

	.application .tel_app .tel p .acceptance,.application .tel_app .tel_about{
		font-size: 10px;
	}

	.gas_point h3{
		width: 100%;
		margin-bottom: 14.5%;
	}

	#dMainColumn .gas_point .contents_inner{
		padding-top:30px;
	}

	.gas_point .point_list li{
		width: 47.2%;
		height: 193px;
		padding: 12px 12px 10px;
		border: 2px solid #0d3b64;
		margin: 0;
		margin-bottom: 15.2%;
	}

	.gas_point .point_list li:nth-child(even){
		margin-left: 5.6%;
	}

	.gas_point .point_list li h4{
		width: 105.4%;
		left: -2px;
		top: initial;
		bottom: 100%;
	}

	.gas_point .point_list li a{
		width: 100%;
	}

	.gas_point .point_list li .icon{
		width: 19.6%;
		margin-bottom: 12px;
	}

	.gas_point .point_list li.point2 .icon{
		width:26.4%;
		margin-bottom: 12px;
	}

	.gas_point .point_list li.point3 .icon{
		width:34.7%;
		margin-bottom: 12px;
	}

	.gas_point .point_list li.point4 .icon{
		width:36.2%;
		margin-bottom: 12px;
	}

	.gas_point .point_list li h5{
		font-size: 14px;
	}

	div#dMain .gas_point .point_list li p{
		font-size: 10px;
	}

	.gas_point .point_list li a{
		font-size: 12px;
		padding: 5px 0;
		bottom: 10px;
		width: 85%;
	}

	.gas_point .point_list li a:before{
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-right: 5px solid transparent;
		border-left: 5px solid #fff;
		left: 7px;
		top:11px;
	}

	.gas_point .point_list li.point3,.gas_point .point_list li.point4{
		margin-bottom: 0;
	}

}

@media screen and (max-width: 640px){
	#top{
		background: none;
		background-color: #000;
	}
}

@media screen and (max-width: 768px) and (min-width: 425px){
	
	.gas_point .point_list li{
		width: 47.2%;
		height: 230px;
		padding: 12px 12px 10px;
		border: 2px solid #0d3b64;
		margin: 0;
		margin-bottom: 15.2%;
	}

}

#pop_hikaku{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9999;
	display: none;
}

#pop_hikaku .pop_bg{
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}

#pop_hikaku .pop_con{
	width: 1000px;
	height: 910px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

#pop_hikaku .pop_con a{
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
}