@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,p,div,address,ul,ol,li{
margin:0; padding:0;
}

header,footer,nav{ margin:0; padding:0;
}

main,footer,header,nav{display:block;
}
body{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 500;
    font-size: 15px;
    background-color: hsla(0,0%,47%,1.00);
    background-image: -webkit-linear-gradient(313deg,rgba(204,204,204,1.00) 0.52%,rgba(120,120,120,1.00) 100%);
    background-image: -moz-linear-gradient(313deg,rgba(204,204,204,1.00) 0.52%,rgba(120,120,120,1.00) 100%);
    background-image: -o-linear-gradient(313deg,rgba(204,204,204,1.00) 0.52%,rgba(120,120,120,1.00) 100%);
    background-image: linear-gradient(137deg,rgba(204,204,204,1.00) 0.52%,rgba(120,120,120,1.00) 100%);
}
h1,h2,h3,h4{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 100;
}
h2 {
    font-size: 2.5rem;
}
h3 {
    font-size: 2rem;
}
h4 {
    font-size: 1.8rem;
}
p {
	text-justify: auto;
	text-align: justify;
}

img {vertical-align: bottom}
dl dt {
	background-color: rgba(255,96,0,1.00);
	color: rgba(255,255,255,1.00);
	width: 90px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-bottom: 3px;
}
dl dd  {
	margin-bottom: 10px;
	text-align: justify;
}
#corporate_guide dl dt {
	width: 45%;
	min-width: 310px;
	text-align: left;
	margin-top: 20px;
}
#corporate_guide dl dd {
	padding-right: 5em;
}
#corporate_guide dl dd ul  {
	padding-left: 1em;
}




h2 span,h3 span,h4 psan,h5 span,h6 span{
	display: inline-block;
}

ul,li,div,aside{
	margin: 0;
padding: 0}

header#site_head {
	overflow: visible;
	position: relative;
	z-index: 30;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 97px;
	background-color: rgba(255,255,255,1.00);
}
header#site_head h1  {
	height: 100vh;
	background-color: #FF3A00;
	padding-top: 0px;
	width: 230px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
	text-indent: -178px;
	position: fixed;
	left: 0px;
	background-image: url(../images/bg-side.png);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-box-shadow: 0px 0px 21px hsla(0,0%,0%,0.27);
	box-shadow: 0px 0px 21px hsla(0,0%,0%,0.27);
	background-size: cover;
}
.get_post_inform   {
	display: flex;
	box-sizing: border-box;
	justify-content: space-between;
	margin-top: 51px;
	margin-bottom: 40px;
}
.get_post_inform section ul {
	list-style-position: inside;
	list-style-type: none;
	font-size: 0.8rem;
	position: relative;
}
.get_post_inform section h3 {
	border-top: 1px solid rgba(255,96,0,1.00);
	margin-top: 9px;
}

.get_post_inform section ul .whats_time_stamp {
	background-color: rgba(232,223,216,1.00);
	position: absolute;
	right: 0px;
	top: 0px;
	margin-top: 3px;
	margin-right: 2px;
	padding-left: 4px;
	padding-right: 4px;
}
.get_post_inform section ul .whats_title {
	background-color: rgba(255,110,0,1.00);
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 1px;
	display: block;
}
.get_post_inform section ul li a.whats_title {
	color: rgba(255,255,255,1.00);
}


.get_post_inform section ul li {
	border-bottom: 1px solid rgba(255,95,0,1.00);
	position: relative;
	display: block;
	margin-bottom: 10px;
}



.get_post_inform>section,
.get_post_inform>div{
	width: 61.5%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: rgba(255,253,243,1.00);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.get_post_inform>div{
	width: 33%;
	background-color: rgba(255,255,255,0.30);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.get_post_inform>div section {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(255,253,243,1.00);

}
.get_post_inform>div section+section {
	margin-top: 36px;
	background-color: rgba(255,207,178,1.00);

}
.get_post_inform>div section+section p {
	text-align: center;


}
.get_post_inform>div section+section p a {
	text-align: center;
	text-decoration: none;
	color: rgba(122,45,0,1.00);


}
.get_post_inform>div section img {
	height: auto;
	width: 100%;
}


.gas_header {
	/* [disabled]background-image: url(../images/bg-icon-gas-h3.png); */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: -0.9% center;
	border-top: 3px solid rgba(0,120,217,1.00);
	padding-top: 11px;
	padding-bottom: 10px;
	font-size: 2rem;
}
.gas_header::after   {
    background-image: url(../images/bg-icon-gas-h3.png);
    height: auto;
    background-repeat: no-repeat;
    content: "　";
    padding-right: 1em;
    background-position: center center;
    background-clip: padding-box;
    background-size: 1.3em auto;
}

main {
	/* [disabled]background-color: rgba(212,212,212,1.00); */
	display: flex;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 40px;
	min-height: calc(100vh - 50px - 96px);
	justify-content: space-between;
}
main aside {
	/* [disabled]background-color: hsla(24,100%,50%,1.00); */
	/* [disabled]height: 77vh; */
	width: 278px;
	order: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
main>article {
	max-width: 1180px;
	width: calc(100% - 0px);
	background-color: rgba(255,255,255,1.00);
	order: 1;
	padding-left: 20px;
	padding-top: 12px;
	-webkit-box-shadow: 0px 0px 13px hsla(0,0%,18%,1.00);
	box-shadow: 0px 0px 13px hsla(0,0%,18%,1.00);
	min-height: 75vh;
	padding-right: 20px;
	/* [disabled]overflow-x: hidden; */
	/* [disabled]overflow-y: hidden; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}









#wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	/* [disabled]max-width: 1250px; */
	margin-left: 0px;
	margin-right: auto;
	border-left: 1px solid hsla(15,100%,50%,1.00);
}
header nav#global_nav    {
	position: relative;
	background-color: hsla(0,0%,100%,0.32);
	top: 97px;
	-webkit-box-shadow: 0px 0px 8px rgba(37,37,37,0.46);
	box-shadow: 0px 0px 8px rgba(37,37,37,0.46);
	z-index: 300;
}
header nav ul  {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	position: sticky;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: hsla(22,100%,73%,1.00);
	z-index: 301;
}
header nav#global_nav ul li {
	list-style-type: none;
	width: 19.8%;
	background-color: hsla(15,100%,50%,1.00);
	z-index: 303;
	position: relative;
}
header nav#global_nav ul li a {
	display: block;
	width: auto;
	line-height: 33px;
	color: hsla(0,0%,100%,1.00);
	text-decoration: none;
	text-shadow: 0px 0px 5px hsla(0,0%,19%,0.66);
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 1rem;
	background-position: 0% center;
	z-index: 305;
}
header nav ul li a#top {
    background-color: hsla(0,0%,100%,0.0);
    background-image: url(../images/bg-icon-home.png);
    background-position: 5% 0%;
}
header nav ul li a#gas {
    background-color: hsla(0,0%,100%,0.03);
    background-image: url(../images/bg-icon-gas.png);
    background-position: 7% 0%;
}
header #global_nav ul li #gas span {
	display: inline-block;
}

header nav ul li a#deal {
	background-color: hsla(0,0%,100%,0.06);
	background-image: url(../images/bg-icon-handle.png);
	background-position: 8% 0%;
}
header nav ul li a#about {
    background-color: hsla(0,0%,100%,0.09);
    background-image: url(../images/bg-icon-about.png);
    background-position: 9% 0%;
}
header nav ul li a#cycle_s {
    background-color: hsla(0,0%,100%,0.07);
    background-image: url("../images/bg-icon-cycle.png");
    background-position: 8% 0%;
}
header nav ul li a#accesx {
    background-color: hsla(0,0%,100%,0.12);
    background-image: url(../images/bg-icon-access.png);
    background-position: 8% 0%;
}
header nav ul li a#recu {
    background-color: hsla(0,0%,100%,0.15);
    background-image: url(../images/bg-icon-recu.png);
    background-position: 7% 0%;
}
footer:not(.entry-footer) {
	background-image: url(../images/items/img_bg_city.png);
	height: 86px;
	width: 100%;
	display: block;
	background-color: rgba(207,207,207,1.00);
	background-position: 0% bottom;
	background-repeat: repeat-x;
	background-size: 744px auto;
	text-align: right;
	padding-top: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 31px;
}
#card_push {
	display: flex;
	justify-content: space-around;
	background-color: rgba(255,207,178,1.00);
	align-items: center;
	padding-top: 14px;
	padding-bottom: 14px;
	margin-bottom: 14px;
	flex-wrap: wrap;
}

#card_push p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	width: 31%;
	font-weight: 600;
	color: rgba(255,55,0,1.00);
	font-size: 1.4rem;
	margin-bottom: 0px;
}
#card_push p a {
	border: 8px solid rgba(255,95,0,1.00);
	display: block;
	margin-bottom: 0px;
}
#card_push p a img {
	width: 100%;
	height: auto;
}


.item_box  {
	position: relative;
	background-color: rgba(255,255,255,1.00);
	margin-bottom: 79px;
	margin-top: 61px;
	-webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.24);
	box-shadow: 3px 3px 20px rgba(0,0,0,0.24);
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 14px;
}

.item_box h3 {
    width: 39%;
    background-color: rgba(255,255,255,1.00);
    position: relative;
    top: -37px;
    height: calc(calc(100vw - 280px) / 3);
    margin-left: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-top: 12px;
    -webkit-box-shadow: 0px 2px 14px rgba(0,0,0,0.24);
    box-shadow: 0px 2px 14px rgba(0,0,0,0.24);
    background-image: -webkit-linear-gradient(322deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,1.00) 100%);
    background-image: -moz-linear-gradient(322deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,1.00) 100%);
    background-image: -o-linear-gradient(322deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,1.00) 100%);
    background-image: linear-gradient(128deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,1.00) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    font-weight: 500;
}
.item_box h3 span {
    display: inline-block;
}
.item_box_in {
    width: 53%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 3%;
    margin-top: 28px;
}
#item_gas_conlo h3 {
    background-image: url(../images/items/item_home_h3_gas.jpg);
    color: rgba(0,88,208,1.00);
}
#item_water h3 {
    background-image: url(../images/items/item_home_h3_water.jpg);
    color: rgba(0,119,184,1.00);
}
#item_fire h3 {
	background-image: url(../images/items/item_busi_h3_fire.jpg);
	color: rgba(120,0,1,1.00);
}
#item_heater h3 {
	background-image: url(../images/items/item_home_h3_heater.png);
	color: rgba(120,0,1,1.00);
	background-color: rgba(255,79,0,1.00);
}
#item_oil h3 {
	background-image: url(../images/items/item_busi_h3_oil.jpg);
}
#item_ship_oil h3 {
	background-image: url(../images/items/item_busi_h3_ship.jpg);
	color: rgba(0,118,168,1.00);
	text-shadow: 0px 0px 2px rgba(255,255,255,1.00);
	background-position: center top;
	background-size: 127% auto;
	font-size: 1.9rem;
}
#item_eco h3 {
	background-image: url(../images/items/item_home_h3_eco.png);
	color: rgba(148,82,0,1.00);
}
.item_box .item_box_in  img {
	max-width: 100%;
	height: auto;
}
.item_box .item_box_in+ div p {
	margin-left: 2em;
	margin-right: 2em;
}

.item_box .item_box_in blockquote {
	background-color: rgba(227,227,227,1.00);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 22px;
	padding-right: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#item_oil div.item_box_in+div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#item_oil div.item_box_in+div section {
	width: 30%;
	background-image: -webkit-linear-gradient(311deg,rgba(245,245,245,1.00) 0%,rgba(170,191,199,1.00) 100%);
	background-image: -moz-linear-gradient(311deg,rgba(245,245,245,1.00) 0%,rgba(170,191,199,1.00) 100%);
	background-image: -o-linear-gradient(311deg,rgba(245,245,245,1.00) 0%,rgba(170,191,199,1.00) 100%);
	background-image: linear-gradient(139deg,rgba(245,245,245,1.00) 0%,rgba(170,191,199,1.00) 100%);
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}
#item_oil div.item_box_in+div section h4 span{
	display: inline-block;
}
#item_oil div.item_box_in+div section ul {
	margin-left: 2em;
}
#item_oil div.item_box_in+div section ul li {
}





#gasolene {
}
#ss_h2 {
	background-image: url(../images/bg-icon-gas-img.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 1.75em;
	margin-left: 5px;
}

#gasolene> section {
	padding-top: 51px;
	padding-bottom: 26px;
}

#gasolene #ss_service_img {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	justify-content: space-around;
	padding-left: 0px;
	padding-right: 0px;
}
#gasolene #ss_service_img li {
	width: 23%;
	height: auto;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	/* [disabled]padding-top: calc(calc(100vw - 324px) / 200 ); */
	margin-bottom: 32px;
	background-color: rgba(255,255,255,1.00);
	-webkit-box-shadow: 1px 2px 11px rgba(0,0,0,0.29);
	box-shadow: 1px 2px 11px rgba(0,0,0,0.29);
	padding-left: 0.7%;
	padding-right: 3px;
	padding-bottom: 4px;
	font-weight: 600;
	font-size: 1.3rem;
	color: rgba(0,95,172,1.00);
	text-shadow: 0px 0px 3px rgba(255,255,255,1.00);
	line-height: 1.9rem;
}
#gasolene #ss_service_img li a {
	color: rgba(0,95,172,1.00);
	text-decoration: none;
	display: block;
}
#gasolene #ss_service_img li a:hover {
	text-decoration: underline;
}
#gasolene #ss_service_img li span {
	display: block;
	font-weight: normal;
	padding-top: calc(calc(100vw - 324px) / 8.5 );
	font-size: 0.8rem;
	color: rgba(0,40,62,1.00);
	line-height: 1.5em;
}


#gasolene #ss_service_img #ss_s_oil {
	background-image: url(../images/ss_oil.jpg);
}

#gasolene #ss_service_img #ss_s_wash {
	background-image: url(../images/ss_wash.jpg);
}
#gasolene #ss_service_img #ss_s_h_wash {
	background-image: url(../images/ss_handwash.jpg);
}
#gasolene #ss_service_img #ss_s_keeper {
	background-image: url(../images/ss_keeper.jpg);
	font-size: 1.05rem;
}
#gasolene #ss_service_img #ss_s_repair {
	background-image: url(../images/ss_repair.jpg);
}
#gasolene #ss_service_img #ss_s_tire {
	background-image: url(../images/ss_tiresale.jpg);
}
#gasolene #ss_service_img #ss_s_second {
	background-image: url(../images/ss_secondhand.jpg);
}
#gasolene #ss_service_img #ss_s_carcheck {
	background-image: url(../images/ss_carcheck.jpg);
}


#gasolene section {
    margin-bottom: 40px;
    padding-bottom: 10px;
}
#gasolene section iframe {
    width: 100%;
}
#gasolene section .ss_info {
	display: flex;
	margin-top: 0px;
	justify-content: space-between;
}
#gasolene section iframe {
    width: 100%;
    margin-bottom: 0px;
}
#gasolene section .ss_info .service_info {
	margin-left: 1%;
	width: 50%;
}
#gasolene section .ss_info .service_info + div {
	width: 47%;
}
#gasolene section .ss_info .service_info + div img {
	width: 50%;
	height: auto;
}
#gasolene section .ss_info .service_info + div img:first-child  {
	width: 100%;
	height: auto;
}

#gasolene #station_links li {
	background-image: url(../images/allow01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 22%;
	text-align: center;
	background-size: contain;
	background-color: rgba(67,173,191,1.00);
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#gasolene #station_links li a {
	display: block;
	padding-bottom: 14px;
	text-decoration: none;
	border-top: 1px solid rgba(255,255,255,1.00);
	color: rgba(255,255,255,1.00);
	-webkit-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
#gasolene #gas_head_img {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,0.26);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.26);
	justify-content: space-between;
	margin-top: 106px;
	padding-right: 1em;
	padding-left: 1em;
	background-color: rgba(244,244,244,1.00);
	margin-bottom: 29px;
}
#gasolene #gas_head_img h3 {
	width: 50%;
	height: calc(calc(100vw - 280px) * 0.3);
	background-color: rgba(10,92,192,1.00);
	margin-top: -69px;
	margin-left: 0.75%;
	margin-bottom: 23px;
	font-size: 1.9rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
	-webkit-box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	background-image: url(../images/img_ss_head.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 0%;
	color: rgba(255,255,255,1.00);
	font-weight: 400;
	text-align: center;
}
#gasolene #gas_head_img h3 span {
	display: inline-block;
	padding-left: 0px;
}
#gasolene #gas_head_img h3 + p {
	width: 47%;
	margin-top: 81px;
}

#station_links {
	position: sticky;
	top: 0px;
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	background-color: rgba(255,255,255,0.64);
	margin-bottom: 18px;
	border-bottom: 1px dotted rgba(90,99,73,1.00);
	padding-bottom: 9px;
}
.ss_map_table section #shops_map {
	width: 100%;
	height: 440px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.ss_map_table {
}
.ss_map_table table   {
	width: 100%;
	background-color: rgba(251,244,239,0.39);
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	border-spacing: 4px 6px;
}
.ss_map_table table tr  {
	margin-bottom: 55px;
	border-spacing: 34px 54px;
}
.ss_map_table table tr th {
	background-color: rgba(255,208,187,1.00);
}
.ss_map_table table tr td {
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	background-color: rgba(251,244,239,1.00);
}
.ss_map_table table tr .underspace {
	border-bottom: 13px solid rgba(254,251,249,1.00);

}
.ss_map_table table tr td.choku {
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-weight: 600;
	background-color: rgba(255,91,0,1.00);
}
.ss_map_table table tr td.teikei {
	text-align: center;
	font-weight: 600;
	color: rgba(255,255,255,1.00);
	background-color: rgba(0,163,4,1.00);
}







#access_sect {
    display: flex;
    justify-content: space-between;
}
#access_sect iframe  {
    width: 67%;
}
#retail_product,#business_product{
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	margin-bottom: 22px;
	height: calc(calc(100vw - 280px) / 2.4);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* [disabled]-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.19); */
	/* [disabled]box-shadow: 1px 1px 10px rgba(0,0,0,0.19); */
	position: relative;
	margin-top: 73px;
}
#retail_product {

}
#business_product {
}
#business_eneosdenki{
	
}
#business_eneosdenki img{
	width: 100%;
	height: auto;
	
}
#retail_product .in_box,
#business_product .in_box{
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.19);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.19);
	height: 100%;
	width: 85%;
	background-image: none;
	background-color: rgba(244,244,244,1.00);
}
#retail_product .in_box ul,
#business_product .in_box ul{
	bottom: 0px;
	width: 93%;
	background-color: rgba(201,110,111,1.00);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style-type: none;
	position: relative;
	top: calc(calc(100vw - 280px) / 9.5);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 3.5%;
	margin-left: 3.5%;
	margin-bottom: 25px;
	display: flex;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.39);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.39);
}
#retail_product .in_box ul li,
#business_product .in_box ul li{
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: calc(calc(100vw - 280px) / 8.0 ); 
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 0.75rem;
}

#retail_product .in_box ul #home_heat {
	background-image: url(../images/items/img_home01.jpg);
	color: rgba(231,231,231,1.00);
}
#retail_product .in_box ul #home_gas {
	background-image: url(../images/items/img_home02.jpg);
}
#retail_product .in_box ul #home_hot_w {
	background-image: url(../images/items/img_home03.jpg);
	color: rgba(247,243,242,1.00);
}
#retail_product .in_box ul #home_wator {
	background-image: url(../images/items/img_home04.jpg);
	color: rgba(240,245,251,1.00);
}
#business_product .in_box ul #buis_oil {
	background-image: url(../images/items/img_buis01.jpg);
	color: rgba(8,36,41,1.00);
}
#business_product .in_box ul #buis_stove {
	background-image: url(../images/items/img_buis02.jpg);
	color: rgba(69,53,0,1.00);
}
#business_product .in_box ul #buis_oil_othe {
	background-image: url(../images/items/img_buis03.jpg);
}
#business_product .in_box ul #buis_volatile {
	background-image: url(../images/items/img_buis04.jpg);
}

#business_product .in_box ul li {
	background-image: url(../images/items/img_buis03.jpg);
	color: rgba(247,243,242,1.00);
}

#business_product .in_box{
	/* [disabled]background-image: url("../images/items/img_buisiness.jpg"); */
}



#retail_product .in_box p,
#business_product .in_box p{
	margin-left: 49%;
	padding-top: calc(85% / 7.8);
	padding-right: 30px;
	height: 68px;
}



#retail_product h3,#business_product h3 {
	font-size: 1.5rem;
	position: absolute;
	width: 36%;
	height: calc(100% / 1.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding-top: 16px;
	font-weight: bold;
	color: rgba(90,73,54,1.00);
	top: -33px;
	left: 3%;
	-webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.25);
	box-shadow: 3px 3px 12px rgba(0,0,0,0.25);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

#retail_product h3 {
	background-image: url(../images/items/img_home_head.jpg);
	color: rgba(90,73,54,1.00);
}
#business_product h3 {
	background-image: url(../images/items/img_buisiness_head.jpg);
	color: rgba(90,73,54,1.00);
}


#retail_product ul , #business_product ul{
    margin-left: 2.2em;
}
#retail_product a, #business_product a {
	display: block;
	height: 100%;
	position: absolute;
	top: 0px;
	width: 80%;
	-webkit-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
	background-image: url(../images/items/img_bg_grad.png);
	background-repeat: repeat-y;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	padding-right: 30%;
	padding-top: 0.75rem;
	font-weight: bold;
	background-position: 185% center;
	text-shadow: 0px 0px 2px rgba(255,255,255,0.00);
	color: rgba(225,111,0,0.00);
	right: 0px;
}
#retail_product a:hover ,#business_product a:hover  {
	background-position: right center;
	color: rgba(225,111,0,1.00);
	padding-right: 18%;
	text-shadow: 0px 0px 2px rgba(255,255,255,1.00);
}


#access_sect iframe {
    width: 61%;
}


.sticky {
    position: sticky;
    top: 10px;
}
.flex_outer {
	display: flex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.flex_box {
	display: flex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.margin_R30px {
	margin-right: 30px;
}




@media (min-width : 1380px ){
header#site_head h1{
	background-size: 110%;
	}
	
	
#wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1360px;
	margin-left: 0px;
	margin-right: auto;
	border-left: 1px solid hsla(15,100%,50%,1.00);
}
main article {
	max-width: 1180px;
	width: calc(100% - 0px);
	padding-right: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 36px;
}
#gasolene #ss_service_img li {

	}
#gasolene #ss_service_img li span {
	display: block;
	width: auto;
	padding-top: 122px;
	padding-bottom: 5px;
}
#wrapper main {
}
#retail_product {


	}
#retail_product, #business_product {
	height: 447px;
}
#retail_product h3 ,#business_product h3{
	width: 400px;
	height: 300px;
	text-align: center;
	font-weight: bold;
	color: rgba(90,73,54,1.00);
	top: -33px;
	left: 36px;
}
#retail_product .in_box ul, #business_product .in_box ul {
	top: 104px;
	margin-left: 36px;
	margin-right: 36px;
	width: auto;
}
#retail_product .in_box ul li, 
#business_product .in_box ul li {
	height: 141px;
}
#retail_product .in_box p, 
#business_product .in_box p {
	margin-left: 472px;
	padding-right: 30px;
	padding-top: 109px;
}
.item_box h3 {
    width: 39%;
    background-color: rgba(255,255,255,1.00);
    position: relative;
    top: -37px;
    height: 400px;
    margin-left: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-top: 12px;
    -webkit-box-shadow: 0px 2px 14px rgba(0,0,0,0.24);
    box-shadow: 0px 2px 14px rgba(0,0,0,0.24);
    background-image: -webkit-linear-gradient(322deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,1.00) 100%);
    background-image: -moz-linear-gradient(322deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,1.00) 100%);
    background-image: -o-linear-gradient(322deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,1.00) 100%);
    background-image: linear-gradient(128deg,rgba(255,255,255,1.00) 0%,rgba(249,249,249,1.00) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    font-weight: 500;
}
#gasolene #gas_head_img h3 {
	width: 503px;
	background-color: rgba(10,92,192,1.00);
	margin-top: -69px;
	margin-left: 6px;
	margin-bottom: 23px;
	font-size: 1.9rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 18px;
	padding-top: 15px;
	-webkit-box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	background-image: url(../images/img_ss_head.jpg);
	background-repeat: no-repeat;
	background-position: right -55px;
	color: rgba(255,255,255,1.00);
	font-weight: 400;
	height: 321px;
	background-size: 101% auto;
}
#gasolene #gas_head_img h3 + p {
	width: 496px;
	margin-top: 80px;
}

}

@media (max-width: 1024px){
#retail_product h3, #business_product h3 {
	font-size: 1.4rem;
	width: 36%;
	height: calc(100% / 1.5);
	padding-top: 4px;
	top: -33px;
	left: 3%;
}
#retail_product a, #business_product a {
	background-image: url(../images/items/img_bg_grad.png);
	background-repeat: no-repeat;
	background-position: 185% center;
	background-size: contain;
}
#retail_product .in_box p, 
#business_product .in_box p {
	margin-left: 49%;
	padding-top: 40px;
	padding-right: 30px;
}
.item_box h3 {
    width: 50%;
    background-color: rgba(255,255,255,1.00);
    position: relative;
    top: -37px;
    height: calc(calc(100vw - 280px) / 2.0);
    margin-left: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-top: 12px;
    -webkit-box-shadow: 0px 2px 14px rgba(0,0,0,0.24);
    box-shadow: 0px 2px 14px rgba(0,0,0,0.24);
}
.item_box_in {
    width: 42%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 3%;
    margin-top: 28px;
}
#gasolene #gas_head_img h3 {
	width: 50%;
	height: calc(calc(100vw - 280px) * 0.3);
	background-color: rgba(10,92,192,1.00);
	margin-top: -69px;
	margin-left: 0.75%;
	margin-bottom: 23px;
	font-size: 1.7rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 18px;
	padding-top: 15px;
	-webkit-box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	background-image: url(../images/img_ss_head.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 0%;
	color: rgba(255,255,255,1.00);
	font-weight: 400;
}
#gasolene #gas_head_img h3 + p {
	width: 47%;
	margin-top: 14px;
}
.get_post_inform>section, 
.get_post_inform>div {
	width: 60%;
}
.get_post_inform>div {
	width: 38%
}


	
}


@media (max-width: 812px){
main {
    /* [disabled]background-color: rgba(212,212,212,1.00); */
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 141px;
    padding-top: 0px;
    margin-top: 0px;
}
header#site_head {
    overflow: visible;
    position: relative;
    z-index: 30;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    background-color: rgba(255,255,255,1.00);
}
header#site_head h1 {
	height: 80px;
	padding-top: 0px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
	text-indent: -178px;
	position: static;
	background-image: url(../images/bg-mq-top.png);
	background-position: center top;
	-webkit-box-shadow: 0px 0px 21px hsla(0,0%,0%,0.27);
	box-shadow: 0px 0px 21px hsla(0,0%,0%,0.27);
	margin-top: 0px;
	background-size: contain;
	background-color: rgba(255,53,0,1.00);
}
header nav#global_nav {
    position: relative;
    top: 0px;
    padding-top: 0px;
	display: none;
}
header nav#global_nav ul {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	position: sticky;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: hsla(22,100%,73%,1.00);
	flex-wrap: wrap;
}
header nav#global_nav ul li {
	list-style-type: none;
	width: 32%;
	background-color: hsla(15,100%,50%,1.00);
	margin-left: 0.6%;
	margin-right: 0.6%;
	margin-bottom: 3px;
}
header nav#global_nav ul li a {
    display: block;
    width: auto;
    line-height: 48px;
    color: hsla(0,0%,100%,1.00);
    text-decoration: none;
    text-shadow: 0px 0px 5px hsla(0,0%,19%,0.66);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0% center;
    font-size: 0.9rem;
    letter-spacing: -0.05em;
}
main> article {
	max-width: 1180px;
	width: 100%;
	background-color: rgba(255,255,255,1.00);
	order: 0;
	padding-left: 20px;
	padding-top: 11px;
	-webkit-box-shadow: 0px 0px 13px hsla(0,0%,18%,1.00);
	box-shadow: 0px 0px 13px hsla(0,0%,18%,1.00);
	min-height: 75vh;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 20px;
}
	main aside {
	/* [disabled]background-color: hsla(24,100%,50%,1.00); */
	height: auto;
	width: 100%;
	order: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
header nav#global_nav {
    display: block;
	opacity: 0.0;
	height: 0;
	overflow: hidden;
	width: 100%;
	top:70px;
	position: fixed;    /* bodyに対しての絶対位置指定 */	transition: all 500ms ease 0s;
	-webkit-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	}
header nav#global_nav.active{
	display: block;
	overflow: visible;
	height: auto;
	opacity: 1.0;
	/*ハンバーガーメニュー用*/
	}
	
#retail_product, #business_product {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	margin-bottom: 22px;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* [disabled]-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.19); */
	/* [disabled]box-shadow: 1px 1px 10px rgba(0,0,0,0.19); */
	position: relative;
	margin-top: 73px;
}
#retail_product .in_box ul, 
#business_product .in_box ul {
	bottom: 0px;
	width: 93%;
	height: auto;
	background-color: rgba(201,110,111,1.00);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style-type: none;
	position: relative;
	top: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 3.5%;
	margin-left: 3.5%;
	margin-bottom: 25px;
	display: flex;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.39);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.39);
}
#retail_product .in_box p, #business_product .in_box p {
	margin-left: 49%;
	margin-bottom: 10px;
	padding-top: calc(85vw / 14);
	padding-right: 30px;
	height: auto;
}
#retail_product .in_box ul li, #business_product .in_box ul li {
	height: calc(85vw / 6.8 );
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 0.75rem;
}
#retail_product a, #business_product a {
	display: block;
	height: 100%;
	position: absolute;
	top: 0px;
	width: 80%;
	-webkit-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
	background-image: url(../images/items/img_bg_grad.png);
	background-repeat: repeat-y;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	padding-right: 17%;
	padding-top: 0.75rem;
	font-weight: bold;
	background-position: 100% center;
	text-shadow: 0px 0px 2px rgba(255,255,255,0.00);
	color: rgba(225,111,0,1.00);
	right: 0px;
	background-size: 204px auto;
}
	#gasolene #ss_service_img{
		justify-content: flex-start;
		
		
	}
	#gasolene #ss_service_img li {
	width: 29%;
	height: auto;
	margin-bottom: 32px;
		margin-left: 1.5%;
		margin-right: 1.5%;
		
}

#gasolene #ss_service_img li span{
	padding-top: calc(calc(100vw - 0.1em) / 7.7 );
}
	
	#gasolene #gas_head_img h3 {
	width: 50%;
	height: calc(100vw * 0.33);
	background-color: rgba(10,92,192,1.00);
	margin-top: -69px;
	margin-left: 0.75%;
	margin-bottom: 23px;
	font-size: 1.9rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
	-webkit-box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	background-image: url(../images/img_ss_head.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 0%;
	color: rgba(255,255,255,1.00);
	font-weight: 400;
	text-align: center;
}
.item_box:last-child {
	margin-bottom: 2px;

}
.item_box h3 {
	width: 42%;
	height: calc(calc(100vw - 280px) / 1.4);
	margin-left: 2%;
}
.item_box_in {
	width: 51%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 3%;
	margin-top: 28px;
}
#catch_c {
	display: none;
}






}


@media (max-width: 768px){
#access_sect {
    display: block;
    justify-content: space-between;
}

#access_sect iframe {
	width: 100%;
}
#gasolene section .ss_info {
	display: block;
	margin-top: 0px;
}
#gasolene section .ss_info .service_info {
	margin-left: 1%;
	width: 100%;
}
.get_post_inform>section, 
.get_post_inform>div {
	width: 50%;
}
.get_post_inform>div {
	width: 45%
}
#gasolene section .ss_info .service_info + div {
	width: 100%;
}
#business_eneosdenki {
    margin-bottom: 6em;
}






}



@media (max-width: 567px){
main> article {
	width: 100%;
	padding-left: 20px;
	padding-top: 11px;
	padding-right: 20px;
	height: auto;
}
header#site_head h1 {
	height: calc(100vw / 5.5);
	padding-top: 0px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
	text-indent: -178px;
	position: static;
	background-image: url(../images/bg-mq-top.png);
	background-position: center top;
	-webkit-box-shadow: 0px 0px 21px hsla(0,0%,0%,0.27);
	box-shadow: 0px 0px 21px hsla(0,0%,0%,0.27);
	margin-top: 0px;
	background-size: cover;
	background-color: rgba(255,53,0,1.00);
}
header nav#global_nav ul li {
	list-style-type: none;
	width: 47%;
	background-color: hsla(15,100%,50%,1.00);
	margin-left: 1.5%;
	margin-right: 1.5%;
}

#retail_product, #business_product {
	height: auto;
	margin-top: 11px;
	margin-bottom: 68px;
	padding-bottom: 0px;
}
#retail_product h3, #business_product h3 {
	font-size: 1.4rem;
	width: 100%;
	height: calc(100vw / 3.75);
	padding-top: 22px;
	left: auto;
	position: static;
	top: auto;
	padding-bottom: 137px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size: cover;
}
#retail_product .in_box, 
#business_product .in_box {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.19);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.19);
	height: 100%;
	width: 100%;
	background-color: rgba(244,244,244,1.00);
	padding-bottom: 6px;
}
#retail_product .in_box p, 
#business_product .in_box p {
	padding-top: 12px;
	padding-right: 30px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
}
#retail_product a, #business_product a {
	background-image: url(../images/items/img_bg_grad.png);
	background-repeat: no-repeat;
	background-position: 185% center;
	background-size: contain;
	width: 100%;
	position: static;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	color: rgba(225,111,0,1.00);
	padding-bottom: 13px;
	padding-top: 15px;
	padding-left: 1em;
	text-align: center;
	padding-right: 0px;
}
#retail_product a:hover, #business_product a:hover {
	color: rgba(225,111,0,1.00);
	padding-left: 1em;
	padding-right: 0px;
}
#ss_h2 {
	background-image: url(../images/bg-icon-gas-img.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 1.75em;
	font-size: calc(100vw / 14);
}
.ss_info div img {
	max-width: 100%;
	height: auto;
}
#gasolene section .ss_info {
	display: block;
	margin-top: 0px;
}
#card_push p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	width: 90%;
	font-weight: 600;
	color: rgba(255,55,0,1.00);
	font-size: 1.4rem;
	margin-bottom: 10px;
	margin-top: 15px;
}
.get_post_inform {
	display: block;
	justify-content: space-between;
}
.get_post_inform>section, 
.get_post_inform>div {
	width: 100%;
}
.get_post_inform>div {
	width: 100%;
	margin-top: 28px;
}
.item_box {
	position: relative;
	background-color: rgba(255,255,255,1.00);
	margin-bottom: 79px;
	margin-top: 61px;
	-webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.24);
	box-shadow: 3px 3px 20px rgba(0,0,0,0.24);
	display: block;
	flex-wrap: wrap;
	padding-bottom: 10px;
}
.item_box h3 {
	width: 75%;
	height: calc(calc(100vw - 40px) / 1.3);
	margin-left: auto;
	background-position: center center;
	margin-right: auto;
}
.item_box_in {
	width: 89%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
}
#item_oil div.item_box_in+div section {
	width: 47%;
	background-image: -webkit-linear-gradient(311deg,rgba(245,245,245,1.00) 0%,rgba(170,191,199,1.00) 100%);
	background-image: -moz-linear-gradient(311deg,rgba(245,245,245,1.00) 0%,rgba(170,191,199,1.00) 100%);
	background-image: -o-linear-gradient(311deg,rgba(245,245,245,1.00) 0%,rgba(170,191,199,1.00) 100%);
	background-image: linear-gradient(139deg,rgba(245,245,245,1.00) 0%,rgba(170,191,199,1.00) 100%);
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}
.flex_box {
	display: block;
}
.flex_box #about_us_iframe {
	height: 67vh;
}
#gasolene #gas_head_img h3 {
	width: 98%;
	background-color: rgba(10,92,192,1.00);
	margin-top: -62px;
	margin-left: 1%;
	margin-bottom: 1px;
	font-size: 1.9rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
	-webkit-box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	box-shadow: 1px 1px 11px rgba(0,0,0,0.23);
	background-image: url(../images/img_ss_head.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 0%;
	color: rgba(255,255,255,1.00);
	font-weight: 400;
	text-align: center;
	height: calc(100vw / 1.4);
	position: relative;
	top: -23px;
	padding-right: 7px;
}
#gasolene #gas_head_img {
	display: block;
	flex-wrap: wrap;
	align-items: flex-start;
	-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,0.26);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.26);
	justify-content: space-between;
	margin-top: 105px;
	padding-right: 1em;
	padding-left: 1em;
	background-color: rgba(244,244,244,1.00);
	margin-bottom: 29px;
}
#gasolene #gas_head_img h3 + p {
	width: 98%;
	margin-top: 9px;
	margin-left: 1%;
	margin-bottom: 18px;
}
#gasolene #ss_service_img li {
	width: 96%;
	margin-bottom: 9px;
	padding-top: 3px;
	padding-bottom: 2px;
	position: relative;
	padding-left: 145px;
	height: 79px;
	font-size: 1rem;
}
#gasolene #ss_service_img li span {
	display: block;
	font-weight: 500;
	font-size: 0.8rem;
	color: rgba(0,40,62,1.00);
	line-height: 1.5em;
	position: static;
	bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	height: auto;
}
#corporate_guide dl dt {
	width: 100%;
	min-width: 250px;
	text-align: left;
	margin-top: 20px;
}
#corporate_guide dl dd {
	padding-right: 1em;
}
.ss_map_table table {
	width: 100%;
	background-color: rgba(251,244,239,0.39);
	padding-top: 0.05%;
	padding-right: 0.05%;
	padding-bottom: 0.05%;
	padding-left: 0.05%;
	border-spacing: 3px 6px;
}
#business_eneosdenki {
    margin-bottom: 4em;
    margin-top: 12px;
}





}

@media (max-width: 420px){
#retail_product h3, #business_product h3 {
	font-size: 1.4rem;
	width: 100%;
	height: calc(100vw / 3.75);
	padding-top: 13px;
	left: auto;
	position: static;
	top: auto;
	padding-bottom: 137px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size: cover;
}


}

@media (max-width: 360px){
#ss_h2 {
	background-image: url(../images/bg-icon-gas-img.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 1.75em;
	font-size: calc(100vw / 15);
}
main article {
	padding-right: 0px;
	padding-left: 0px;

}


}