@charset "UTF-8";

/*ページ内リンクずれ
---------------------------------------------------------------------------*/
html {
scroll-padding-top: 200px;
}
.con750 {
box-sizing:border-box;
width:100%;
}
@media screen and (min-width: 768px) {
.con750{
width:750px;
margin: 0 auto;
}}

/*google-maps
---------------------------------------------------------------------------*/
.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*hr
---------------------------------------------------------------------------*/
hr {
border-width: 1px 0 0 0; /* 太さ */
border-style: dotted; /* 線種 */
border-color: #3F3F3F; /* 線色 */
height: 1px; /* 高さ */
max-width: 100%;
clear:both;
margin: 4% 0px;
}

/*title
---------------------------------------------------------------------------*/
#title {
margin: 0;
width: 100%;
padding: 20% 0 10% 0;
text-align: center;
position: relative;
}
#title h2 {
font-size: 150%;
line-height: 2;
font-weight: normal;
display: inline-block;
position: relative;

text-shadow: 
0 0 10px rgba(255, 255, 255, 1),
0 0 10px rgba(255, 255, 255, 1),
0 0 10px rgba(255, 255, 255, 1),
0 0 10px rgba(255, 255, 255, 1);
}
.t_other {
background: url(../img/page/t_other.jpg) bottom / cover no-repeat;
}
.t_info {
background: url(../img/page/t_info.jpg) bottom / cover no-repeat;
}
.t_information {
background: url(../img/page/t_information.jpg) bottom / cover no-repeat;
}
.t_company {
background: url(../img/page/t_company.jpg) bottom / cover no-repeat;
}
.t_lpgass {
background: url(../img/page/t_lpgass.jpg) bottom / cover no-repeat;
}
.t_jreform {
background: url(../img/page/t_jreform.jpg) bottom / cover no-repeat;
}
.t_kouji {
background: url(../img/page/t_kouji.jpg) bottom / cover no-repeat;
}
.t_mitumori {
background: url(../img/page/t_mitumori.jpg) bottom / cover no-repeat;
}
.t_inq {
background: url(../img/page/t_inq.jpg) bottom / cover no-repeat;
}
.t_heisen {
background: url(../img/page/t_heisen.jpg) bottom / cover no-repeat;
}

@media screen and (min-width: 768px) {
#title {
padding: 180px 0 120px 0;
}
#title h2 {
font-size: 180%;
}
}

/*tex
---------------------------------------------------------------------------*/
.tex {
width: 100%;
line-height: 2em;
text-align:justify;
text-justify:inter-ideograph;
overflow: hidden;
padding: 50px 0
}

.tex_archive {
width: 100%;
line-height: 2em;
text-align:justify;
text-justify:inter-ideograph;
overflow: hidden;
padding: 10% 0
}

.tex img {
border: 0;
max-width: 100%;
height: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.tex p{
margin: 0;
padding: 0;
}
.tex img a {
border: 0;
}
.tex a:hover img {
opacity: 0.6;
transition: 0.5s;
}
.tex a {
text-decoration: underline;
text-decoration-style:dotted;
text-decoration-color:#ccc;
}
@media screen and (min-width:768px) {
.tex {
padding: 60px 0
}
.tex_archive {
padding: 5% 0
}
}

/* 等分
---------------------------------------------------------------------------*/
.boxA:after,
.box_waku_mitumori:after{content: "";
display: block;
clear: both}
.box50_l{float: left;width: 47%;}
.box50_r{float: right;width: 47%;}
@media screen and (min-width: 768px) {
.box2{float: left;width: 47%;}
.box3{float: right;width: 47%;}
.boxB{float: left;width: 35%;}
.boxC{float: right;width: 60%;}
}
@media (max-width:767px){
.box2,.boxB{margin-bottom: 5%}
}

/* ボックス*/
.box_nuri {
padding: 1.5em 2em;
margin: 2em 0;
background: #f5f5f5;/*背景色*/
}
.box_nuri p,
.box_waku p{
margin: 0; 
padding: 0;
}
.box_waku {
padding: 2em;
margin: 2em 0;
border: 1px solid #848484;
}


/*見出し
---------------------------------------------------------------------------*/
h2.midasi {
padding: 1.3rem;
font-weight: normal;
font-size: 1.4em;
line-height: 1.4em;
margin-bottom: 20px;
clear: both;
background: url(../img/top_bg.jpg) repeat;
}
h2.midasi.blue {
background: url(../img/top_bg_blue.jpg) repeat;
}
h2.midasi.orange {
background: url(../img/top_bg_orange.jpg) repeat;
}
h2.midasi.midori {
background: url(../img/top_bg_midori.jpg) repeat;
}


h3.midasi {
font-weight: normal;
padding-bottom: 2%;
font-size: 1.3em;
line-height: 1.3em;
margin-bottom: 20px;
clear: both;
border-bottom: solid 1px #333;
}
h3.midasi.blue {
color: #00a0e9;
border-bottom: solid 1px #00a0e9;
}
h3.midasi.orange {
color: #ea5514;
border-bottom: solid 1px #ea5514;
}
h3.midasi.midori {
color: #22ac38;
border-bottom: solid 1px #22ac38;
}


h3.midasi_me {
color: #ea5514;
font-size: 1.3em;
line-height: 1.5em;
font-weight: normal;
margin-bottom: 20px;
}
h3.midasi_me.blue {
color: #00a0e9;
}
h3.midasi_me.midori {
color: #22ac38;
}


h3.midasi_interview {
color: #00a0e9;
font-size: 1.3em;
line-height: 1.5em;
font-weight: normal;
margin-bottom: 20px;
}


h4.midasi {
color: #333;
font-size: 1.2em;
line-height: 1.2em;
font-weight: normal;
margin-bottom: 5px;
padding: .5em .7em;
border-left: 3px solid #f5f5f5;
}
h4.midasi_f {
color: #333;
font-size: 1.2em;
line-height: 1.2em;
font-weight: normal;
padding: .5em .7em;
border-left: 1px solid #333;
margin-bottom: 10px;
margin-top: 40px
}

h5.midasi {
color: #848484;
font-size: 1.1em;
line-height: 1.5em;
font-weight: normal;
padding: 0.3em 0;
margin-bottom: 10px;
}

/* インタビュー */
.midasi_yokosen {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
	color: #00a0e9;
	font-size: 1em;
	padding-bottom: 10px;
	font-weight: bold;
}
.midasi_yokosen::before {
  background-color: #00a0e9; /* 横線の色 */
  content: "";
  height: 2px; /* 横線の高さ */
  width: 30px; /* 横線の長さ */
	margin-right: 15px; /* 文字との余白 */
}

/*真ん中見出し*/
.section-news-h3{
text-align:center;
font-size: 1.3em;
line-height: 1.5;
font-weight: normal;
letter-spacing:.05em;
margin: 0;
color: #333
}

@media screen and (min-width:768px) {
h2.midasi{font-size: 1.6em;line-height: 1.6em;}
h3.midasi,
h3.midasi_me,
h3.midasi_interview
h4.midasi,
h4.midasi_f,
.section-news-h3n
{font-size: 1.4em;line-height: 1.6em;}
h5.midasi {
font-size: 1.3em;
line-height: 1.3em;
}
}


/* ---------------------------------------------------------------------------------------------

　 table /comにある

--------------------------------------------------------------------------------------------- */
/* 必須マーク */
.must {
background: #ea5514;
}
/* 任意マーク */
.free {
background: #ccc;
}
.must,
.free {
color: #FFF;
font-size: 10px;
margin-right: 10px;
padding: 5px;
letter-spacing: 0.2em;
}
/* 入力確認のチェックボックスを大きく */
form .wpcf7-acceptance input[type="checkbox"] {
transform: scale(2.0);
margin-right: 0.5em;
}
/* CF7チェックボックスを縦並びに */
.wpcf7-checkbox .wpcf7-list-item {
margin-top:5px;
display: block;
}
/* CF7ラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
margin-top:5px;
display: block;
}

.font-s {
font-size: 80%
}

.red {
color: #ea5514;
font-weight: bold
}

/* その他 */
table.sonota td:nth-child(1){
background-color:#f5f5f5;
vertical-align: top;
}
table.sonota td {
padding: 8px 0;
margin-bottom: 8px
}

@media screen and (min-width: 768px) {
table.sonota td{
padding: 20px;
}
table.sonota td:nth-child(1){
width:30%;
}
}
@media all and (max-width: 767px) {
table.sonota td {
display: block;
width: 100%;
border: none;
}
table.sonota td:nth-child(1){
padding: 8px;
}
table.mobile-block,
table.mobile-block th,
table.mobile-block td{border:none;}
table.mobile-block th,
table.mobile-block td{width:100%;display:block;}
table.mobile-block th,
table#otoiawase th,
table#otoiawase td{border-bottom:none;}
table#otoiawase td{margin-bottom: 15px}
.release br {display: none;}
}


/*pagination
---------------------------------------------------------------------------*/
.pagination {
clear: both;
padding: 20px 0;
position: relative;
font-size: 12px;
line-height: 12px;
text-align: center;
margin-bottom:3%
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 8px 10px 8px 10px;
text-decoration: none;
width: auto;
color: #fff;
background: #c5c5c5;
}
.pagination a:hover {
color: #666;
background: #848484;
}
.pagination .current {
padding: 8px 10px 8px 10px;
background: #848484;
color: #fff;
}
.page_box {
float: left;
width: 100%;
margin-top:20px
}

@media screen and (min-width: 768px) {
.pagination {
font-size: 14px;
line-height: 14px;
}
.pagination span, .pagination a {
padding: 10px 15px 10px 15px;
}
.pagination .current {
padding: 10px 15px 10px 15px;
}}

/* editボタン
---------------------------------------------------- */
.postmetadata{
	margin: 10px 0;
	width:100%;
	clear:both;
}
.edit-link{
	width:100%;
	clear:both;
}
a.post-edit-link {
display: inline-block;
  padding: 0 1.6em;
  font-size: 0.8em;
  color: #fff;
  text-decoration: none;
  user-select: none;
  background: #999;
  transition: 0.2s ease;
}
a.post-edit-link:hover {
  opacity: .6;
color: #fff;  
}
.edit-link:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


/*ギャラリー
---------------------------------------------------------------------------*/
.gallery { /** ギャラリーを囲むボックス **/
width: 100%;
margin-bottom: 20px !important;
overflow: hidden;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.gallery br {display: none;} 
.gallery-item { /** 画像共通のスタイル **/
float: left;
margin-bottom: 0 !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
text-align: center;
}
.gallery-icon img {
width: 100%;
height: auto;
margin-bottom: 10px !important;
}
.gallery-caption,
.wp-caption-text { /** キャプション **/
color: #222;
font-size: 14px;
margin: 0 0 10px;
text-align: center;
}
.gallery-columns-1 .gallery-item { /** カラムなし **/
width: 100%;
margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
width: 48%;
margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
width: 31.33333%;
margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
width: 23%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
width: 18%;
margin: 0 1%;
}

@media (max-width:767px){
/* 640px以下用の記述 */
.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
width: 48%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item {
width: 31.33333%;
margin: 0 1%;
}
}


/*キャプション
---------------------------------------------------------------------------*/
figure {
background-color: #fff;
padding: 5px;
display: table;
overflow: hidden;
}

figure img {
width:100%;
max-width: 100%;
height: auto;
}

figcaption {
display: table-caption;
caption-side: bottom;
background: #fff;
}
@media only screen and (max-width:60em) {
figure {
text-align:center;
clear:both;
overflow:hidden;
padding:0;
margin:0 auto
}
figure .alignright img,
figure .alignleft img{float:none;}
}



/*arvhive
/* ------------------------------------- */
/* category-news */
.info_box1{
margin-top: 50px;
}
.info_box a {
display: flex;
flex-wrap:wrap;
text-decoration: none;
width: 100%;
padding: 15px 0;
border-bottom: #b5b5b5 1px solid;
transition : all 0.5s ease 0s;
}
.info_box a p {
margin: 3px 0 0 0;
min-width: 90px;
font-size: 85%;
font-weight: normal;
padding:0;
}
.info_box a h5 {
text-decoration: none;
font-weight: normal;
font-size: 100%;
line-height: 1.6;
padding:5px 0;
width: 100%;
}
.info_box a:hover {
 background-color: rgba(255,255,255,0.5);
 cursor: pointer;
}
.info_box span,
.cat_info{
width:100px;height:20px;float:left;margin:3px 20px 0 0;z-index:9999;
padding: 1px 0;
text-align: center;
font-size: 75%;
background: #e2e2dd;
line-height: 20px;
}

@media screen and (min-width: 1024px) {
.info_box a {
flex-wrap: nowrap;
}
}
@media screen and (max-width: 1023px) {
.info_box::after {
content: '';
width: 100%;
}
.info_box:nth-child(n+2) {
order: 1;
}
}

.i_date{
margin: 0 10px 0 0;
font-size: 85%;
min-width: 100px;
}
.i_text{
margin: 0;
text-decoration: none;
font-weight: normal;
font-size: 100%;
line-height: 150%;
color: #555;
padding:5px 0;
width: 100%;
}

/* single_news.php */
.entry_news{
margin-top: 5%
}
.i_title{
color: #3F3F3F;
font-size: 150%;
font-weight:400;
line-height: 150%;
margin: 4% 0 30px 0;
padding: 0;
}
/* footer線 */
.i_text_box{
border-bottom: #f5f5f5 solid 1px;
margin: 0 0 30px 0;
padding: 0 0 30px 0;
}

/* single_works.php */
.i_text_box_none{
margin: 10px 0 10px 0;
padding: 10px 0 10px 0;
width: 100%
}
li.widget{
list-style-type: none;
}

@media screen and (min-width:768px) {
/* single_news.php */
.entry_news{
margin-top: 2%
}
.i_title{
font-size: 170%;
line-height: 170%;
margin: 4% 0 30px 0;
}
}

/* 次へ　戻る　前へ
---------------------------------------------------- */
.kiji_link{
display: flex;
  align-items: flex-end;
  height: 150px;
width: 350px;
margin: 0 auto
}
.kiji_link>div{
width: calc(100% / 3);
text-align: center;
vertical-align: middle;
}
.kiji_link a{
text-decoration: none;
color: #333;
font-size: 1em;
}
.kiji_link a:hover{
opacity: 0.6;
transition: 0.5s;
}


/*btn_BOX
---------------------------------------------------------------------------*/
.btn_page a{
margin-top: 10px;
padding: 0;
display: block;
justify-content: center;
width: 100%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}


/* back edit
---------------------------------------------------- */
.i_back{
max-width: 100%;
font-size:80%;
margin:10px 0;
}
.i_back a {
text-decoration: none;
}
.i_back a:visited {
text-decoration: underline;
}
.i_back a:hover {
text-decoration: underline;
}
.edit{
width:100%;
font-size:80%;
clear:both;
}
.toukounone {
width:100%;
font-size:80%;
clear:both;
height:20px
}


/* ボタン　お知らせ一覧に戻る　single
---------------------------------------------------- */
.back_btn {
margin: 5% 0;
padding: 0;
width:100%;
box-sizing:border-box;
}
.back_btn_box {
margin: 20px auto 0 auto;
padding: 0;
width:100%;
box-sizing:border-box;
}
.back_btn a,
.back_btn_box a{
margin:0 auto;
}
.back_btn a:after,
.back_btn_box a:after{
content: "";
clear: both;
display: block;
}
a.btn {
display:block;
padding: 1em 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
color: #848484;
border: solid 1px #848484;
border-radius: 100vh;
}
a.btn:hover{
text-decoration: none;
}
@media screen and (min-width:768px) {
.back_btn a{
width:250px;
}
.back_btn_box a{
width:300px;
}
}

/*イメージ 3img
---------------------------------------------------------------------------*/
.products_p {
width: 33.333%;
float: left;
}
.products_p img {
width:100%;
overflow: hidden
}
@media screen and (min-width: 1800px) {
.products_p_box{
height:350px;
}
}
@media screen and (min-width: 768px) {
.products_p {
width: 33.3333%;
}
} 
@media all and (max-width: 767px) {
.products_p {
position: relative;
}
.products_p::before {
content: "";
display: block;
padding-top: 100%;
}
.products_p img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
object-fit: cover;
}
}

/* ---------------------------------------------------------------------------------------------

　 ボックス

--------------------------------------------------------------------------------------------- */
.border-box01 {
padding: 2em;
margin: 1.5em 0;
font-weight: normal;
border: solid 1px #00a0e9;
}
.border-box01 b{
color: #333;
font-size: 120%;
font-weight: normal;
}
.border-box01 p{
margin: 0; 
padding: 0;
}
.border-box01 img{
width: 100%;
height: auto;
margin: 0 0 20px 0; 
padding: 0;
}
.border-box01:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid #2ea7e0;
  border-bottom: 0;
	margin: 0 auto
}
@media screen and (min-width: 768px) {
.border-box01 img{
width: 50%;
height: auto;
padding-right: 40px;
margin: 0;
}}
@media (max-width:767px){
.border-box01{
padding: 2em;
}
}

/*ボタン
---------------------------------------------------------------------------*/
.button-k {
	font-size: 100%;
	border: 1px solid #29971e;
	text-align: center;
	max-width: 100%;
	margin: 0 auto;
}
.button-k a {
	color: #29971e;
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 0;
	box-sizing: border-box;
	text-decoration: none;
	transition: all  0.3s ease;
	position: relative;
}
.button-k a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 1px solid #29971e;
    border-right: 1px solid #29971e;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button-k a:hover {
background-color: #29971e;
color: #fff;
}


.button-rec {
	font-size: 100%;
	border: 1px solid #333;
	text-align: center;
	max-width: 580px;
	margin: 10px auto;
}
.button-rec a {
	color: #333;
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 0;
	box-sizing: border-box;
	text-decoration: none;
	transition: all  0.3s ease;
	position: relative;
}
.button-rec a:hover {
background-color: #333;
color: #fff;
}
.button-rec a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
@media screen and (max-width:980px) { 
.button-rec {
max-width: 100%;
}
}

/* よくある質問ボタン */
.button-qa a {
    background: #eee;
    position: relative;
    display: flex;
    margin: 5px auto;
    max-width: 100%;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
		text-decoration: none;
		text-align: left
}
.button-qa a:hover {
    background: #ddd;
}
.button-qa a:before, .button-qa a:after {
  content: "";
  position: absolute;
  display: block;
  transition: all 0.3s;
  right: 0.6rem;
  top: 50%;
}
.button-qa a:before {
  width: 1.4rem;
  height: 2px;
  background: #333;
  transform: translateY(-50%);
}
.button-qa a:after {
  opacity: 0;
  width: 0;
  height: 0;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.button-qa a:hover:before {
  width: 1.5rem;
}
.button-qa a:hover:after {
  opacity: 1;
  width: 8px;
  height: 8px;
}


/*ボタン
---------------------------------------------------------------------------*/
.Qa-Box {
  width: 100%;
  margin: 0 auto;
}

.Qa-Box .Qa {
  padding: 20px 0;
  border-bottom: 1px dotted #c8c8c8;
}

.Qa-Box .Qa p  {
  display: flex;
  align-items: baseline;
  margin: 15px 0
}

.Qa-Box .Qa p:first-child  {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
	box-sizing: border-box;
}

.Qa-Box .Qa p:nth-child(2) {
  margin: 0;
  padding-left: 15px;
  width: 100%;
	padding-top: 10px;
	box-sizing: border-box;
}

.Qa-Box .Qa p:last-of-type {
  border-bottom: none;
}

.Qa-Box .Qa p:first-child::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #008de9;
  padding:  3px 12px; 
	margin-right: 15px
}

.Qa-Box .Qa p:nth-child(2)::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #ea5514;
  padding:  3px 12px;
	margin-right: 15px
}

/* メニュ横並び（施設紹介）
---------------------------------------------------- */
.button-list-box {
margin: 0 0 30px 0;
}
.button-list-box ul{
display: flex;
list-style: none;
justify-content: space-between;
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.button-list-box li {
width: calc(33.3333% - 5px);
margin-bottom: 7px;
display: table;
text-align: center;
line-height: 1.6
}
.button-list-box li .a-link{
display: table-cell;
vertical-align: middle;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
border: 1px solid #999;
color: #555
}
.button-list-box li:hover{
text-decoration: none;
}
@media screen and (max-width:980px) { 
.button-list-box li {
width: calc(50% - 5px);
font-size: 80%;
line-height: 1.3
}
.button-list-box li .a-link{
padding: 15px 0;
}
}

/*インフォメーション 一覧
---------------------------------------------------------------------------*/
.work_box_list ul {
width:100%;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
}
.work_box_list ul:after {
	content: "";
	clear: both;
	display: block;
}
.work_box_list ul li.card {
width: 100%;
text-decoration: none;
background: #fff;
margin-bottom: 40px;
display: flex;
flex-direction: column;
}
.work_box_list.c_w_box{
width: 100%;
height: auto;
}
.work_box_list.c_w_box img {
width: 100%;
height: auto;
object-fit: cover;
display:block;
margin:0;
padding:0;
}

.work_box_tex {
padding:25px 0 0 0;
height: 100%;
text-decoration: none;
}
.work_box_tex h5 {
font-weight: normal;
font-size: 1em;
line-height: 1.6;
clear: both;
padding-bottom: 10px;
text-align: left;
}
.work_box_tex p {
font-weight: normal;
font-size: .9em;
line-height: 1.7;
}
@media screen and (min-width: 768px) {
.work_box_list ul li.card {
width: calc((100% - 10%) / 3);
height: auto;
margin-right: 5%;
margin-bottom: 30px
}
.work_box_list ul li.card:nth-child(3n) {
margin-right: 0;
}

.work_box_tex h5 {
padding-bottom: 15px;
font-size: 1.1em;
}
}

/*採用　インタビュー
---------------------------------------------------------------------------*/
.recruit_box_list{
width:100%;
margin:0;
padding:0;
display:flex;
flex-wrap:wrap;
overflow: hidden;
justify-content: space-between;
}
.recruit_box_list .card a{
text-decoration: none;
}
.recruit_box_list.c_w_box img {
width: 100%;
height: auto;
object-fit: cover;
display:block;
margin:0;
padding:0;
}
.rec_box_tex {
padding:15px 0;
text-decoration: none;
text-align: left;
}
.rec_box_tex h5 {
font-weight: bold;
font-size: 1.1em;
line-height: 1.6;
clear: both;
text-align: left;
}
.rec_box_tex p {
font-weight: normal;
font-size: .9em;
line-height: 1.7;
text-align: left;
}
@media screen and (min-width: 1024px) {

.recruit_box_list .card {
width: calc(100% / 4 - 20px);
    height: auto;
    margin-bottom: 30px;
}
}
@media screen and (max-width:1023px) {
.recruit_box_list .card {
width: calc(100% / 2 - 10px);
    height: auto;
    margin-bottom: 30px;
}
}


/*見積もり
---------------------------------------------------------------------------*/
/* 見積もり枠*/
.box_waku_mitumori {
margin: 2em 0;
border: 1px solid #848484;
}
.box_w_m2{
padding: 2em 2em 1em 2em;
box-sizing: border-box;
}
.box_w_m2 h2{
font-size: 1.2em;
font-weight: bold;
}
.box_w_m3{
padding: 1em 1em .5em 0;
margin: 0;
box-sizing: border-box;
}
.box_w_m3 img{
max-width: 100%;
width: 100%;
height: auto;
vertical-align: top;
vertical-align: bottom;
display:block;
}
@media screen and (min-width: 1024px) {
.box_w_m2{float: left;width: 53%;padding: 2em 0 0 2em;}
.box_w_m3{float: right;width: 47%;}
}

/* チェックマーク*/
.list_check {
    padding: 0;
    margin: 10px 0;
    list-style: none;
}

.list_check > li {
    position: relative;
    padding: 5px 0px 5px 2.5em;
    margin: 0;
    font-size: 100%;
		background-color: #f6e292;
}
.list_check > li::before,
.list_check > li::after {
    position: absolute;
    top: 50%;
    height: 1em;
    content: "";
}
.list_check > li::before {
    left: 10px;
    transform: translateY(-50%);
    width: 1em;
    border: 1px solid #ea5514;
}
.list_check > li::after {
    left: 1em;
    transform: translateY(-75%) rotate(45deg);
    width: 0.5em;
    border-bottom: 3px solid #ea5514;
    border-right: 3px solid #ea5514;
}

.list_check > li + li {
    margin: .5em 0px 0px;
}

/*リスト　オレンジ　番号
---------------------------------------------------------------------------*/
.list-orange {
    list-style-type: none;
    counter-reset: li;
}

.list-orange li {
    display: flex;
    align-items: center;
    padding: .3em;
}

.list-orange li::before {
    display: inline-block;
    min-width: 1.7em;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #ea5514;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 1.7em;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}

/*ガスお申し込み
---------------------------------------------------------------------------*/
.wpcf7-date{
width: 300px;
margin: 10px 0;
padding: 10px 20px;
box-sizing: border-box;
}
.wpcf7-date::before{
content: '日付を選択する（アイコンをクリック）';
font-size: 12px;
}
@media (max-width:767px){
.wpcf7-date{
		width: 80%;
}
.wpcf7-date::before{
content: '日付を選択する';
font-size: 12px;
}
}

/*施工　画像アイコン
---------------------------------------------------------------------------*/
.sekou-img-icon {
font-size: 100%
}
.sekou-img-icon td:last-child {
padding:0 0 0 30px;
position: relative;
}
.sekou-img-icon td:last-child a::before{
  content:'\f302';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
	color: #ea5514;
	position: absolute;
	top: 5px;
left: 0;
}
@media (max-width:767px){
.sekou-img-icon {
font-size: 80%;
}
}


/*バックナンバーアイコン
---------------------------------------------------------------------------*/
.number-img-icon {
font-size: 100%
}
.number-img-icon td {
padding:10px 0 10px 30px;
position: relative;
}
.number-img-icon td a::before{
  content:'\f1c1';
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
	color: #ea5514;
	position: absolute;
	top: 10px;
left: 0;
}

/*バックナンバー
---------------------------------------------------------------------------*/
.number_box {
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    display: flex;
    justify-content: space-between;
    align-items: top
}
.number_box .box_news {
    padding:16px 0;  /* お好みの幅で指定 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}
@media screen and (min-width: 1024px) {
.number_box .box_news {
    width: 32%;  /* お好みの幅で指定 */
}

/* 最後のコンテンツを左寄せにする指定 */
.number_box:after {
    content: "";
    display: block;
    width: 32%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
}

@media screen and (max-width: 1023px) {
.number_box .box_news {
    width: 48%;  /* お好みの幅で指定 */
}

/* 最後のコンテンツを左寄せにする指定 */
.number_box:after {
    content: "";
    display: block;
    width: 48%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
}