/*【全体】*/
.link{
	font-weight:bold;
}
.page-gas .link{
	background:#00A8F2;
}


.link-white{
	color:#E57923;
	background:#ffffff;
	border:2px solid #E57923;
}

.page-gas .link-white{
	border-color:#00A8F2;
}


.page-gas .link-white{
	color:#00A8F2;
	background:#ffffff;
}


/*【ヘッダー】*/
header{
	position:relative;
}
header .header__item{
	display:block;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	height:100%;
}
header #header_logo{
	left:16px;
	padding:16px 0px;
}
header #header_logo img{
	display:block;
	height:100%;
}
header #header_tel{
	left:152px;
	padding:12px 0px;
}
body.page-gas header #header_tel .tel-electricity{
	display:none;
}
body:not(.page-gas) header #header_tel .tel-gas{
	display:none;
}
header nav{
    display: block;
    height: 100%;
}
header #header_tel img{
	display:block;
	height:100%;
}

header #header_links{
	right:288px;
	font-weight:bold;
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
	align-items: center;
}
header .header__link{
	margin-left:1em;
	padding-top:7px;
	padding-bottom:7px;
}
header .header__link--gas{
	background:url(./img/header_link_gas.png) center center/29px auto no-repeat;
}

header .plan_select{
    cursor: pointer;
}
@media screen and (max-width:1320px){
    header .plan_select{
        display: none;
    }
}

header #header_ctas{
	right:16px;
	width:263px;
	padding:16px 0px;
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	align-content: flex-start;
	justify-content: space-between;
}
header .header__cta{
	-webkit-flex:0 0 calc(100% / 2 - 4px);/*--- safari（PC）用 ---*/
	-ms-flex:0 0 calc(100% / 2 - 4px);/*--- IE10用 ---*/
	flex : 0 0 calc(100% / 2 - 4px);
	border-radius:2px;
	align-items: center;
	justify-content: center;
	display:flex;
	height:100%;
	background:#E57923!important;
}

header{
    transition: 0.5s;
}
header #plan_nav{
    width:100%;
    background-color: #E57923;
    padding: 1.5rem 0;
    display: none;
}
header #plan_nav.nav_open{
    display: block;
}
header #plan_nav .inner{
    max-width: 1000px;
    margin: auto;
    display:flex;
    display:-webkit-flex;
    justify-content:space-between;
    align-items:flex-start;
}
header #plan_nav .inner a{
    display: block;
    width:49%;
    background: #fff;
    padding: 1.0rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
}

@media screen and (max-width:640px){
    header #plan_nav{
        display: none;
    }
    header #plan_nav.nav_open{
        display: none;
    }
}

header .sp-nav{
	display:none;
}
header .sp-nav dd p{
    font-size: 2.0rem;
    display: block;
    text-align: center;
    color: #fff;
}
@media screen and (max-width:1320px){
	header #header_ctas{
		right:64px;
	}
	header .sp-nav{
		display:block;
	}
	header nav{
		padding: 8px 0px;
	}
	header nav > div#header_links a.pc{
		display:none;
	}
}
@media screen and (max-width:640px){
	header #header_logo{
		left:calc(100vw / 640 * 16);
		padding:calc(100vw / 640 * 16) 0px;
	}
	header #header_tel{
		left:calc(100vw / 640 * 152);
		padding:calc(100vw / 640 * 12) 0px;
	}
	header #header_ctas{
		right:calc(100vw / 640 * 64);
		width:calc(100vw / 640 * 263);
		padding:calc(100vw / 640 * 16) 0px;
		font-size:calc(100vw / 640 * 16);
	}
	header #header_ctas a{
		padding: calc(100vw / 768 * 8);
	}
}

header .sp-nav dd{
	padding-top:24px;
}
header .sp-nav dd a{
	font-size:2.0rem;
	margin:16px 0;
}

/*【FV】*/
#fv{
	height:675px;
	background:url(./img/fv_img.jpg) center center/auto 100% no-repeat,linear-gradient(45deg, #eeeeee, #eeeeee);
}
#fv > h1{
    font-size: 4.0rem;
    font-weight: bold;
    color: #fff;
    max-width: 1000px;
    margin: auto;
    padding-top: 100px;
    text-align: left;
}
#fv.co2{
    background-image: url(./img/fv_plan_co2.png);
    background-size: cover;
    margin-bottom: 5.0rem;
    height: 360px;
}
#fv.standard{
	position: relative; /* 親要素を相対位置指定 */
    background-image: url(./img/fv_plan_standard.png);
    background-size: cover;
    margin-bottom: 5.0rem;
    height: 360px;
}

#fv.standard::before {
    content: ''; /* 疑似要素を生成 */
    position: absolute; /* 絶対位置指定 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); /* 半透明の背景色 */
    z-index: 1; /* 親要素よりも下に配置 */
}

/* 新たな要素を重ねるためのスタイル */
#fv.standard .add-txt {
    position: relative; /* 相対位置指定 */
    z-index: 2; /* 半透明の背景よりも上に配置 */
	display: block;
    background: orange;
    color: #0e0e0e;
    padding: 1.5rem 1.0rem;
    box-sizing: border-box;
    text-align: center;
    font-size: 2.3rem;
    font-weight: bold;
}

.page-gas #fv{
	background-image:url(./img/gas_fv_img.jpg);
}

/*共通*/
#fv.co2 > h1,
#fv.standard > h1{
    margin-bottom: 2.0rem;
    padding: 0;
    font-size: 5.0rem;
}
#fv.co2 > h1 span,
#fv.standard > h1 span{
    display: block;
    font-size: 2.6rem;
}
#fv.co2 .txt,
#fv.standard .txt{
    max-width: 1000px;
    margin: auto;
    display:flex;
    display:-webkit-flex;
    justify-content:space-between;
    align-items:flex-start;
}
#fv.co2 .txt span,
#fv.standard .txt span{
    display: block;
    background: orange;
    color: #fff;
    width:140px;
    padding: 0.5rem 1.0rem;
    box-sizing: border-box;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
}
#fv.co2 .txt p,
#fv.standard .txt p{
    text-align: left;
    color: #fff;
    width:840px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 3.6rem;
}

@media screen and (max-width:768px){
    /*共通*/
    #fv.co2 > h1,
    #fv.standard > h1{
        margin-bottom: 2.0rem;
        font-size: 2.4rem;
        text-align: left;
    }
    #fv.co2 > h1 span,
    #fv.standard > h1 span{
        display: block;
        font-size: 1.4rem;
    }
    #fv.co2 .txt,
    #fv.standard .txt{
        max-width: 90%;
    }
    #fv.co2 .txt span,
    #fv.standard .txt span{
        width:25%;
        font-size: 1.0rem;
        line-height: 1.0rem;
    }
    #fv.co2 .txt p,
    #fv.standard .txt p{
        text-align: left;
        color: #fff;
        width:70%;
        font-size: 1.2rem;
        line-height:1.6rem;
    }
}

@media screen and (max-width:1240px){
	#fv{
		height:calc(100vw / 1240 * 675);
	}
}
@media screen and (max-width:768px){
	#fv{
		height:calc(100vw / 375 * 300);
		background:url(./img/fv_img_sp.jpg) center center/auto 100% no-repeat;
	}
    #fv > h1{
        font-size: 3.0rem;
        padding-top: 10vw;
        text-align: center;
    }
    #fv.co2{
        height:40vw;
		background:url(./img/fv_plan_co2_sp.png) center center/auto 100% no-repeat;
        background-size: cover;
        margin-bottom: 0;
    }
    #fv.standard{
        height:60vw;
        background:url(./img/fv_plan_standard_sp.png) center center/auto 100% no-repeat;
        background-size: cover;
        margin-bottom: 0;
    }
	.page-gas #fv{
		background-image:url(./img/gas_fv_img_sp.jpg);
	}
    
}
/*##下層FV##*/
.lower_fv{
	height:406px;
	color:#ffffff;
	text-align:center;
	background-size:cover;
	background-position:center center;
	position:relative;
    z-index: -1;
}

/*##ポイントアイコン##*/
.point_icon .pc,
.point_icon_plan .pc{
    display: block;   
}
.point_icon .sp,
.point_icon_plan .sp{
    display: none;   
}
.point_icon .note{
    font-size: 12px;
    margin-top: -2.5rem;
    text-align: center;
}
@media screen and (max-width:768px){
    .point_icon{
        width: 80%;
        margin: auto;
        padding-top: 2.0rem;
    }
    .point_icon div div,
    .point_icon_plan div{
        margin-bottom: 0.5rem;
    }
    .point_icon .pc,
    .point_icon_plan .pc{
        display: none;   
    }
    .point_icon .sp,
    .point_icon_plan .sp{
        display: block;
    }
    /*プラン内*/
    .point_icon_plan{
        max-width: 100%;
    }
    /*スタンダードプラン内*/
    .point_icon_plan_standard{
        max-width: 80%;
    }
    .point_icon_plan_standard div{
        margin-bottom: 1.0rem;
    }
    .point_icon .note{
        margin-top: 0.8rem;
        text-align: left;
        font-size: 10px;
    }
}

.lower_fv h1{
	font-size:4.0rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	font-weight:bold;	
    text-shadow: 0 0 5px rgba(0,0,0,0.8);
}

@media screen and (max-width:768px){
	.lower_fv h1{
		font-size:3.2rem;
	}
	.lower_fv{
		height:calc(100vw / 768 * 406);
	}
}
@media screen and (max-width:425px){
	.lower_fv h1{
		font-size:2.4rem;
	}
}

/* トップ　プラン選択　*/
.index_plan{
    max-width: 1088px;
    margin: auto;
    margin-top: 2.0rem;
    margin-bottom: 4.0rem;
}
.index_plan h2{
    font-size: 4rem;
    text-align: center;
    margin-bottom: 1.5rem;
}
.index_plan .row{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
}

.index_plan .row .col{
    width:48.5%;
}

.index_plan .row .col img{
    max-width: 100%;
    height: auto;
}

/*【リード】*/
#lead{
	background:#F2F2F2;
	
}
#lead .container{
	background:#ffffff;
	text-align:center;
	padding:16px;
	border:1px solid #4E3C2B;
	font-weight:bold;
}
/*【ポイント】*/
#point .point__h2-before{
	font-size:2.4rem;
	max-width: 896px;
	position:relative;
	margin:0 auto;
}

.page-gas #point .point__h2-before{
	max-width:400px;
}
#point .point__h2-before br.tab,
#point .point__h2-before br.sp{
	display:none;
}
@media screen and (max-width:960px){
	#point .point__h2-before{
		max-width: 624px;
	}
	#point .point__h2-before br.tab{
		display:block;
	}
}
@media screen and (max-width:680px){
	#point .point__h2-before{
		font-size:1.6rem;
	}
}
@media screen and (max-width:480px){
	#point .point__h2-before br.sp{
		display:block;
	}
}

#point .point__h2-before:before,
#point .point__h2-before:after{
	position:absolute;
	bottom:0px;
}
#point .point__h2-before:before{
	content:"＼";
	left:0px;
}
#point .point__h2-before:after{
	content:"／";
	right:0px;
}
#point img[src*="icon"]{
	width:100%;
	max-width:136px;
}

#point img:not([src*="icon"]){
	border:2px solid #806859;
	padding:16px;
	border-radius:8px;
	display:block;
	max-width:400px;
	margin:0 auto;
}

.page-gas #point .point__img img{
	border:none;
}

/*【スタンダードプラン】*/
#standardplan{
    background: #FCF8F5;
    margin-top: -60px;
}
#standardplan .inner{
    max-width: 1100px;
    margin: auto;
    padding: 3.0rem;
}
#standardplan .inner a{
    display: block;
    background: #E57923;
    color: #fff;
    font-size: 2.6rem;
    padding: 1.0rem;
    text-align: center;
    max-width: 100%;
    margin: auto;
}
@media screen and (max-width:768px){
    #standardplan .inner a{
        font-size:1.8rem;
    }
}

/*【PR　帯】*/
.pr_line{
    text-align: center;
    padding: 3.0rem 0;
    background-color: #E57923;
}
.pr_line p{
    font-size: 3.0rem;
    font-weight: bold;
    color: #fff;
}
.pr_line p br{
    display: none !important;
}
@media screen and (max-width:768px){
    .pr_line{
        padding: 1.5rem 5%;
    }
    .pr_line p{
        font-size: 1.8rem;
    }
    .pr_line p br{
        display: block !important;
    }
}

/*【お知らせ】*/
.news{
	background:#FCF8F5;
}
.news h2{
	text-align:left;
	border-bottom:2px solid;
	padding-bottom:0px;
}
.news h2 img{
	height:1em;
	display:inline-block;
	vertical-align:middle;
	margin-right:16px;
}
.news p{
	font-size:2.0rem;
	border-bottom:1px dashed #707070;
	padding:16px 0px;
	font-weight:bold;
	vertical-align:middle;
}
.news p a{
    text-decoration: underline;
}
@media screen and (max-width:768px){
    .news{
        max-width: 90%;
        margin: auto;
    }
	.news p{
		font-size:1.6rem;
	}
}

.news p .news__date{
	font-size:1.6rem;
	vertical-align:middle;
	margin-right:24px;
	font-weight:normal;
}

/*【コンバージョン】*/
.convertion{
	background:url(./img/convertion_img.jpg) center center/cover;
}
.page-gas .convertion{
	background-image:url(./img/gas_convertion_img.jpg);	
}
.convertion .container{
	padding:40px 24px;
	background:rgba(255,255,255,0.7);
}
.convertion .container h2{
    font-size: 3.2rem;
}
.convertion .container h2 br{
    display: none !important;
}
.convertion a{
	font-size:3.2rem;
	max-width:400px!important;	
}
@media screen and (max-width:768px){
	.convertion .container{
		padding:24px 16px;
	}
    .convertion .container h2{
		font-size:2.0rem;
        margin-bottom: 0;
	}
    .convertion .container h2 br{
        display: block !important;
    }
	.convertion a{
		font-size:1.6rem;
	}
}
@media screen and (max-width:400px){
	.convertion a{
		font-size:2.0rem;
	}
}

/*【対応エリア】*/
#area tr:first-child th,
#area tr:first-child td{
	border-top:1px solid ;
}
#area th{
	padding:16px 40px;
	background:#FBE3CD;
	min-width:144px;
	text-align:center;
}
#area td{
	padding:16px 40px;
}

#area .memo{
	font-size:1.2rem;
}

@media screen and (max-width:640px){
	.page-gas #area th,
	.page-gas #area td{
		display:block;
		padding:16px;
	}
	.page-gas #area th{
		border-bottom:none;
	}
	.page-gas #area tr:nth-of-type(n) td{
		border-top:none;
	}
}


/*【料金プラン】*/
#plan{
	background:#FCF8F5;
}
.page-gas #plan{
	background:#E9F9FF;
}
/*##スタンダード##*/
#plan_standard{
	padding:32px;
	border:3px solid #E57923;
	border-radius:4px;
	background:#ffffff;
	margin-bottom:40px;
}

#plan_standard h3{
	color:#E57923;
	text-align:center;
	font-size:3.2rem;
}
#plan table th,
#plan table td{
	border:1px solid #463628;
}
#plan .co2_table{
    width:50%;
}
#plan .co2_table th,
#plan .co2_table td{
    width:50%;
}
@media screen and (max-width:768px){
    #plan .co2_table{
        width:100%;
    }
}
#plan table thead th{
	background:#968372;
	color:#ffffff;
	text-align:center;
}
#plan table thead:nth-last-of-type(2) th{
	background:#463628;
	color:#ffffff;
}

#plan table tbody th{
	background:#DEC8B3;
}

#plan table tbody td:nth-of-type(2){/*0円*/
	text-align:center;
}

@media screen and (max-width:768px){
	#plan_standard{
		padding:16px;
		margin-bottom:24px;
	}
	#plan table th,
	#plan table td{
		font-size:1.4rem;
	}
}

/*##プレミアム##*/
#plan_premium_check{
	display:none;
}
#plan_premium{
	padding:32px;
	border:3px solid #DF7E8E;
	border-radius:4px;
	background:#ffffff;
}

#plan_premium .flex-two-wrap{
	padding:24px;
	background:#FCF7F3;
	margin-bottom:24px;
	border-radius:4px;
}
#plan_premium_check:not(:checked)~div{
	display:none;
}
#plan_premium .flex-two-wrap > div:nth-of-type(1){
	max-width:320px;
}
@media screen and (max-width:768px){
	#plan_premium{
		padding:16px;
	}
	#plan_premium .flex-two-wrap{
		padding:0px;
		background:#ffffff;
	}
	#plan_premium .flex-two-wrap > div:nth-of-type(1){
		max-width:auto;
	}
}

#plan_premium h3{
	color:#DF7E8E;
	text-align:center;
	font-size:3.2rem;
}
#plan_premium h3+p{
	text-align:center;
	margin-bottom:24px;
}
#plan_premium h4{
	color:#DF7E8E;
}
#plan_premium h4 img{
	color:#DF7E8E;
	display:inline-block;
	margin-right:0.5em;
	height:2em;
	vertical-align:middle;
	width:auto;
}

#plan_premium h5{
	border-left:6px solid #DF7E8E;
	padding-left:1em;
	padding-top:0px;
	padding-bottom:0px;
}
#plan_premium ul{
	margin-bottom:24px;
}
#plan_premium ul li{
	font-weight:bold;
}
#plan_premium .link{
	font-size:2.4rem;
	background:#DF7E8E;
	position:relative;
	width:100%;
	max-width:100%;
	padding-right:32px;
}
@media screen and (max-width:768px){
	#plan_premium .link{
		font-size:1.6rem;
	}
}

#plan_premium .link:before{
	content:"駆け付けプラミアムプランにお申し込みの方はこちら";
}
#plan_premium .link:after{
	content:'';
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	position:absolute;
	right:16px;
	top:50%;
	transition:0.5s ease;
	transform:translateY(-50%) rotate(135deg);
}
#plan_premium #plan_premium_check:checked~label.link:before{
	content:"閉じる";
}
#plan_premium #plan_premium_check:checked~label.link:after{
	transform:translateY(-50%) rotate(-45deg);
}
#plan .plan_premium_pdf{
	border: 2px solid #E57923;
	color:#E57923;
	font-weight:bold;
	text-align:center;
	display:block;
	margin:0 auto 24px auto;
	max-width:240px;
	padding:16px 0px;
}
#plan .plan_premium_pdf img{
	display:inline-block;
	height:0.9em;
	margin-right:1em;
}

/*##ガス##*/
.page-gas #plan .container{
	background:#fff;
	border:3px solid #059AD2;
	border-radius:4px;
	padding:0px 40px 40px 40px;
}
.page-gas #plan h3{
	text-align:center;
	margin-top:80px;
}
.page-gas #plan >  p{
	padding-top: 2.0rem;
	max-width: 1088px;
    margin: 0 auto;
}

.page-gas #plan table thead:nth-last-of-type(2) th {
	position:relative;
	padding-right:4em;
	padding-left:4em;
}
.page-gas #plan table thead:nth-last-of-type(2) th > p{
	position:absolute;
	right:16px;
	top:50%;
	transform:translateY(-50%);
	font-weight:normal;
}
.page-gas #plan td{
	background:#fff;
	text-align:center;
}

.page-gas #plan .plan__memo{
	font-weight:bold;
}

.page-gas #plan .plan__chart-name{
	background:#DEC8B3;
}

@media screen and (max-width:425px){
	.page-gas #plan h3 {
		margin-top:40px;
	}
	.page-gas #plan .container {
		padding:0px 16px 16px 16px;
	}
	.page-gas #plan .pc{
		display:none;
	}
	.page-gas #plan th,
	.page-gas #plan td{
		padding:4px;
	}
}

@media screen and (min-width:426px){
	.page-gas #plan .sp{
		display:none;
	}
}


/*【flow】*/
#flow h2+p{
	text-align:center;
	margin-bottom:24px;
}
#flow img{
	width:100%;
}
@media screen and (max-width:768px){
	#flow img{
		max-width:400px;
		margin:0 auto;
		display:block;
	}
}
@media screen and (max-width:400px){
	#flow h2+p{
		text-align:left;
	}
}

/*【map】*/
#map{
	background:#FCF8F5;
}
#map h2{
	font-size:2.4rem;
	text-align:left;
}
#map h2+p{
	font-size:2.0rem;
}
#map .flex-two-wrap > div:nth-of-type(2){
	max-width:453px;
}
@media screen and (max-width:768px){
	#map h2+p{
		font-size:1.6rem;
	}
}

/*【緊急時のご対応】*/
h2.bubble{
	background:#968372;
	color:#fff;
	padding:40px 0px;	
	position:relative;
}
h2.bubble:after{
	content:"";
	width:40px;
	height:40px;
	position:absolute;
	bottom:0%;
	left:50%;
	transform:translate(-50%, 50%) rotate(45deg) skew(-10deg, -10deg);
	background:#968372;
}
#emergency .container{
	max-width:960px;
}
#emergency .emergency__items{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	align-content: flex-start;
	justify-content: space-between;
}
#emergency .emergency__item{
	-webkit-flex:0 0 calc(100% / 2 - 40px);/*--- safari（PC）用 ---*/
	-ms-flex:0 0 calc(100% / 2 - 40px);/*--- IE10用 ---*/
	flex : 0 0 calc(100% / 2 - 40px);
}
#emergency .emergency__item a{
	background:url(./img/icon_pdf.png) left 16px center/20px 20px no-repeat; 
	padding:16px 16px 16px 52px;
	width:100%;
	max-width:unset;
}

#emergency .emergency__provider{
	background:#F5F7FC;
	padding:40px;
	margin-top:40px;
}
#emergency .provider__items{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	align-content: flex-start;
	justify-content: space-between;
	align-items: center;
}
#emergency .provider__item--text{
	-webkit-flex:0 0 calc(100% / 3 * 2 - 24px);/*--- safari（PC）用 ---*/
	-ms-flex:0 0 calc(100% / 3 * 2 - 24px);/*--- IE10用 ---*/
	flex : 0 0 calc(100% / 3 * 2 - 24px);
}

#emergency .provider__item--logo{
	-webkit-flex:0 0 178px;/*--- safari（PC）用 ---*/
	-ms-flex:0 0 178px;/*--- IE10用 ---*/
	flex : 0 0 178px;
}
#emergency .provider__item--logo img{
	max-width:100%;
	display:block;
	margin:0 auto;
	max-width:178px;
}

@media screen and (max-width:640px){
	#emergency .emergency__items{
		display:block;
	}
	#emergency .emergency__item{
		margin-bottom:8px;
	}
	#emergency .provider__items{
		display:block;
	}
	#emergency .provider__item--logo{
		margin-top:16px;
	}
}


/*【よくある質問】*/
#faq h3{
	margin-bottom:24px;
	padding-left:2em;
	background:url(./img/faq_icon.png) left top/ auto 1.5em no-repeat;
	font-size:1.6rem;
}
#faq .flex-two-wrap > div{
	flex-grow:0;
}
@media screen and (max-width:768px){
	#faq h3{
		margin-bottom:16px;
	}
}

#faq h3+p{
	padding-left:2em;
	background:url(./img/faq_icon2.png) left top/ auto 1.5em no-repeat;
}
.page-gas #faq h3+p{
	background-image:url(./img/gas_faq_icon2.png);
}

.page-gas #faq a{
	color:#00a8f2;
}
@media screen and (max-width:480px){
	.page-gas table th,
	.page-gas table td{
		display:block;
	}
	.page-gas table th{
		background:#efefef;
	}
}
/*【お問合せ】*/
#inquiries{
	background:#FCF8F5;
	padding-right:0px!important;
	padding-left:0px!important;
	padding-top:0px!important;
}
#inquiries h2{
	font-size:3.2rem;
	background:#806859;
	color:#ffffff;
}
@media screen and (max-width:768px){
	#inquiries h2{
		font-size:2.4rem;
	}
}

#inquiries h2+p img{
	display:block;
	width:100%;
	margin:0 auto;
	max-width:70px;
}
#inquiries th,
#inquiries td{
	display:block;
	width:100%;
}
#inquiries td{
	padding-bottom:24px;
}
@media screen and (max-width:768px){
	#inquiries td{
		padding-bottom:16px;
	}
}

#inquiries input,
#inquiries textarea{
	border:1px solid #aaaaaa!important;
}
#inquiries .required:before{
	background:#E57923;
}

#inquiries :before{
	background:#9a948d;
}

#inquiries input[type="submit"]{
	background:#059AD2;
	border:none!important;
	transition: background-color 0.3s ease;
	cursor: pointer;
}

#inquiries input[type="submit"]:hover{
	background:#0478A6;
}

#inquiries input[type="submit"]:disabled,
#inquiries input[type="submit"].sending{
	background:#999999 !important;
	cursor: not-allowed !important;
	opacity: 0.7;
}

#inquiries input[type="submit"]:disabled:hover,
#inquiries input[type="submit"].sending:hover{
	background:#999999 !important;
}
#inquiries a{
	text-decoration:underline;
}

/*【フッター】*/
footer nav #footer_logo img{
	height:49px;
}
footer .footer__anchor{
	text-align:center;
	background:#eee;
}
footer .footer__anchor .anchor__items{
	display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;
	align-content: flex-start;
	justify-content: space-between;
	max-width:400px;
}

footer .footer__anchor a{
	display:block;
	padding:0.5em;
	-webkit-flex:0 0 calc(100% / 2);/*--- safari（PC）用 ---*/
	-ms-flex:0 0 calc(100% / 2);/*--- IE10用 ---*/
	flex : 0 0 calc(100% / 2);
}
footer .footer__anchor img{
	vertical-align:middle;
	height:1em;
	margin-right:0.25em;
	transform:translateY(-0.1em);
}

.page-gas #copy{
	background:#00A8F2;
}

.page-gas #sub_copy{
	float: right;
	margin: 40px;
} 
/*------------------------
スマホ版調整
--------------------------*/
@media screen and (max-width:768px){
    .container{
		max-width: 90%;
        margin: auto;
	}
}
/*CO2説明*/
.co2_info div .pc{
    display: block!important;
}
.co2_info div p .sp{
    display: none!important;
}
@media screen and (max-width:768px){
    .co2_info div .pc{
        display: none!important;
    }
    .co2_info div p .sp{
        display: block!important;
        margin: 2.0rem 0!important;
    }
}