#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: #d9f0fc;
}

p{
	margin-bottom: 0;
}

@media screen and (min-width: 768px){
	.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;
}

.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 .top_txt{
	width: 718px;
	position: absolute;
	top: 60px;
	left: 22.1%;
}

@media screen and (max-width: 1200px){
	#top .top_txt{
		width: 773px;
		position: absolute;
		top: 60px;
		left: 260px;
	}
}

#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: 22px;
	letter-spacing: -0.03em;
	color: #0d3b64;
	font-weight: 900;
}

.top_h2_wrap{
	text-align: center;
}

div#dMain h2.top_h2{
	border-bottom: 1px solid #0d3b64;
	display: initial;
	padding-bottom:10px;
	line-height: 50px;
	text-align: center;
}

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

.caution{
	font-size: 16px;
	color: #848484;
	margin: 40px 0;
}

.plan p.plan_txt{
	font-size: 18px;
	margin-bottom: 34px;
	
}

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

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

div#aMainContents .plan .set_btn{
    background-color: #0d3b64;
	margin-top: 34px;
}

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

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

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

.unit_price{
	background-color:#edf4fa;
}

#dMainColumn .unit_price .contents_inner{
	padding: 60px 0;
}

#dMainColumn .unit_price p{
	font-size: 18px;
}

#dMainColumn .unit_price a{
	color: #e6a200;
	font-size: 20px;
	text-decoration: none;
	border-bottom: #e6a200 1px solid;
}

#dMainColumn .unit_price h3{
	color: #000;
	font-size: 22px;
	border-bottom: #e6a200 solid 2px;
	display: inline-block;
}

#dMainColumn .unit_price .unit_price_tit{
	text-align: center;
	margin-bottom:40px;
}

#dMainColumn .unit_price table{
	width: 100%;
	table-layout: fixed;
}

#dMainColumn .unit_price table tr{
	background-color: #fff;
}

#dMainColumn .unit_price table th{
	background-color: #dadada;
}

#dMainColumn .unit_price table td{
	text-align: right;
}

#dMainColumn .unit_price table th.border_right{
	border-right: 1px solid #fff;
}

#dMainColumn .unit_price table th.border_bottom{
	border-bottom: 1px solid #fff;
}

#dMainColumn .unit_price table td.border_right{
	border-right: 1px solid #dadada;
}

#dMainColumn .unit_price table th{
	padding: 10px 30px;
}

#dMainColumn .unit_price table td,#dMainColumn .unit_price table th{
	width: 250px;
	box-sizing: border-box;
	font-size: 18px;
}

#dMainColumn .unit_price table td[rowspan="2"],#dMainColumn .unit_price table th[rowspan="2"]{
	padding: 30px;
}

#dMainColumn .unit_price .caution{
	margin: 20px 0 60px;
}

.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-top: 50px;
}

div#aMainContents .application h4{
	width: 650px;
	margin: 0 auto;
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	padding: 10px 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 .set_btn .btn_arrow.orange{
	background-color: #e6a200;
}

.application .tel_app{
	position: relative;
	border-top: 1px #fff solid;
	padding: 52px 0 80px;
	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: 40px;
}

.application .tel_app .tel_num{
	font-size: 18px;
}

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

.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:858px;
	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;
}

.sp_non{
	display: block;
}

.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;
	}

	.sp_non{
		display: none;
	}

	.pc_non{
		display: block;
	}

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

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

	#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;
	}

	div#dMain h2.top_h2{
		line-height: 24px;
		padding-bottom: 0;
		font-size: 15px;
	}

	.caution{
		margin: 15px 0;
		font-size: 10px;
	}

	#top .top_txt{
		width: 84.5%;
		top: 36.1%;
		left: 15px;
		z-index: 1;
	}

	.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: 5px;
	}

	.plan p.plan_txt{
		font-size: 10px;
		text-align: center;
		margin-bottom: 15px;
	}

	.plan .graph_wrap{
		width: 100%;
		overflow-x: scroll;
		background-color: #fff;
		padding: 15px 0;
	}

	.plan .graph_wrap img{
		padding:0 15px;
	}

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

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

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

	#dMainColumn .unit_price .contents_inner{
		padding: 30px 15px 35px;
	}

	#dMainColumn .unit_price .unit_price_tit{
		margin-bottom: 15px;
	}

	#dMainColumn .unit_price h3{
		font-size: 15px;
		font-weight: 900;
	}

	#dMainColumn .unit_price table{
		table-layout: auto;
	}

	 #dMainColumn .unit_price table th[rowspan="2"]{
		padding: 27px 0;
		text-align: center;
	}

	 #dMainColumn .unit_price table td, #dMainColumn .unit_price table th{
		padding: 10px 0;
		text-align: center;
		font-size: 12px;
		width: auto;
	}

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

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

	#dMainColumn .unit_price .caution{
		font-size: 10px;
		margin: 8px 0 15px;
	}

	#dMainColumn .unit_price p{
		font-size: 12px;
	}

	#dMainColumn .unit_price p a{
		font-size: 14px;
		font-weight: bold;
	}

	#dMainColumn .unit_price table th .small{
		font-size: 10px;
	}

	.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;
		border-radius: 37px;
	}

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

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

	.application .tel_app .tel_f{
		margin-bottom: 15px;
	}

	.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: 69.713%;
		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%;
	}

}