/*
Theme Name: 第一開明
Theme URI: http://www.dkaimei.jp/
Author: dkaimei.jp
Author URI: http://www.dkaimei.jp/
Description: blankslateをベースにオリジナルサイト向けにcustomize
Version: 2021.04
*/
@charset "UTF-8";

.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* CSS Document */

body{
	background-color: #FFFFFF;
	color: #424242;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

b, strong, .bold{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}
html,body,h1,h2,h3,h4,ul,ol,li,p,span,iframe,footer,address,h1,h2,h3,h4,h5,dl,dt,dd{
  margin: 0;
  padding:0;
}
a{
	color: #543f35;
	transition : color 0.5s ease 0s;
}
:focus {
    outline: none;
}
a:hover{
	text-decoration: none;
}
a[href$=".pdf"]{

}

a[href$=".pdf"]:after {
  content:" ";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(./img/file_type_pdf_icon_130274.png) no-repeat;
}
.overlay{
  position: absolute;
  left: 0;
	top: 0;
  width: 100%;
	height: 100%;
  background: rgba(100, 100, 100, .3);
  z-index: 0;
}
.bnn_area {
	padding-top: 0;
}
.bnn_area a[href$=".pdf"]:after{
	display: none;
}
.no-padding{
	padding-left: 0;
	padding-right: 0;
}
body.overflow_hidden{
	overflow-y: hidden;
}
.l-spacec_c1{
	letter-spacing: .08em;
	text-indent: .08em;
}
.l-spacec_c2{
	letter-spacing: .2em;
	text-indent: .2em;
}
.l-spacec_1{
	letter-spacing: .1em;
}
section,.space_s{
	padding: 3rem 0 0;
}
section.last{
	padding: 3rem 0 3rem;
}
section.second{
	padding: 0 0 3rem;
}
.no-padding{
	padding: 0;
	overflow: hidden;
}
section.no-padding{
	padding: 0 0 0;
}
.contents_space_s{
	margin-top: 1.5rem;
}
.contents_space{
	margin-top: 2rem;
}
.pos_r{
	position: relative;
}
li{list-style-type: none;}
iframe{
	vertical-align: bottom;
}
figure {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
figure {
    margin: 0 0 0;
}
figure:hover {
	opacity: .5;
}
.pc{display: none!important;}
.sp{display: block!important;}

.row-0 {
    margin-left:0px;
    margin-right:0px;
}
.row-0 > div,.row-0 > li{
	padding-right:0px;
	padding-left:0px;
}
.row-10 {
    margin-left:-5px;
    margin-right:-5px;
}
.row-10 > div,.row-10 > li{
    padding-right:5px;
    padding-left:5px;
}
.lead_text{
	font-size: 16px!important;
	line-height: 1.8;
}
.lead_text_s{
	font-size: 16px!important;
	line-height: 1.8;
}
.lead_text_l{
	font-size: 21px!important;
}
a.link_under{
	text-decoration: underline;
	color: #0186cf;
}


.fukidashi {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 1rem 2rem;
  min-width: 120px;
  max-width: 100%;
  color: #ffffff;
  font-size: 16px;
  background: #2052a8;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #2052a8;
}

.fukidashi p {
  margin: 0;
  padding: 0;
}

/* color */
.white{
	color: #fff;
}
.blue{
	color: #0086d0;
}
.blue02{
	color: #2052a8;
}
.blue03{
	color: #00bacb;
}

/*@@@210513*/
.brown{
	color: #8e5909;
}
.brown1{
	color: #b09c6e;
}

/* //@@@210513*/
.bg_blue01{
	background-color: #00a0cd;
}
.bg_blue02{
	background-color: #7fc2e7;
}
.bg_blue03{
	background-color: #00bacb;
}
.bg_blue04{
	background-color: #00bacb;
}
.bg_b-blue{
	background-color: #e3f2fb;
}
.bg_gray{
	background-color: #f6f6f6;
}
/*@@@210513*/
.bg_b-orange{
	background-color: #fff5d8;
}
/*@@@210513*/



.bg_blue_box {
	display: inline-block;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#ffffff;
	background-color: #1d2088;
	border:1px solid #1d2088;
	padding: 15px 20px;
	margin-bottom: 2rem;
	font-size:21px;
	line-height:1.2;
}
.bold600{
	font-weight: 600;
}

.wide100{
	width: 100%;
}

.wide85{
	width: 85%;
}

.border-box {
	padding: 1.5rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 5px solid #0086d0;
	line-height: 1.8;
}
.border-box02 {
	padding: 1.5rem;
	border: 2px solid #0086d0;
	line-height: 1.8;
}
/* //color */

.list{
	/* padding-left: 30px;
	padding-right: 10px; */
	padding-top: 10px;
	padding-bottom: 10px
}

.inner{
	padding: 0;
	width: 100%;
}
#background_video{
	max-width: 100%;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
  }
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 530px;
	height: 100%;
	max-width: 100%;
}



.topics_list_box{
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #7c7c7c;
}
dl.topics_list{
	border-bottom: 1px #CCC dashed;
	padding: 1rem 0;
}
dl.topics_list:last-child{
	border-bottom: 1px rgba(255, 255, 255, 0) dashed;
}



.day{
	color: #7c7c7c;
}
.topics_bg{
    background-image: none;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 496px auto;
	padding-top: 90px;
}
.gasfield_bg{
	background-image: url(./img/gasfield_bg.png);
	background-position: top left;
    background-repeat: no-repeat;
    background-size: 495px auto;
	padding-top: 90px;
}
.jm_bg_a{
	background-image: url(./img/feature_bg.jpg);
	background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
	padding-top: 90px;
}
.jm_bg_a{
	background-image: url(./img/feature_bg.jpg);
	background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
	padding-top: 90px;
}
.jm_bg_b{
	position: relative;
	background-image: url(./img/sangyou-gas/kitakami_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 6rem 0px;
	border-radius: 0;
}
@media (min-width: 768px) {
	.jm_bg_b{
		background-image: url(./img/sangyou-gas/kitakami_bg.png);
		padding: 12rem 0px;
	}
}
.topics_label{
	padding: .3em .5em;
    font-size: 90%;
    margin: 0 1em;
    width: 120px;
    display: inline-block;
    text-align: center;
	font-weight: 600;
}
.oshirase{
	border: 1px solid #2d7eff;
	color: #2d7eff;
}
.sdgs{
	border: 1px solid #00c471;
	color: #00c471;
}
.saiyou{
	border: 1px solid #00bacb;
	color: #00bacb;
}
.tit_topics{
	text-align: center;
}
.tit_topics img,.tit_about img,.tit_gasfield img{
    max-height: 45px;
    max-width: 100%;
}
.tit_about{
	text-align: right;

	position: relative;
    z-index: 10;

    text-align: center;
}
.tit_gasfield{
	text-align: center;
}

.gasfield_box{
	padding-top: 40px;
}
.gasfield_box_s{
	padding-top: 40px;
	min-height: 220px;
}
.sangyou-gas{
	background-image: url(./img/sangyou-gas.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.iryou-gas{
	background-image: url(./img/iryou-gas.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.kanren{
	background-image: url(./img/kanren.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.engineering{
	background-image: url(./img/engineering.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.gasfield_box h3,.gasfield_box_s h3{
	width: 100%;
	text-align: center;
	font-weight: 600;
	background-color: #1f52a9;
    color: #FFF;
}
.gasfield_box h3{
    padding: 1.5rem .5rem;
    font-size: 24px;
}
.gasfield_box_s h3{
    padding: 1.5rem .5rem;
	font-size: 18px;
}
.gasfield_box h3:hover,
.gasfield_box_s h3:hover{
	background-color: #163975;
	transition: .3s ease-in-out;
}

.gasfield_box p{
	padding: 3rem 0 4rem 0;
	color: #FFF;
	font-weight: 600;
	font-size: 18px;
	line-height: 2em;
}

.syokuhin-gas{
	background-image: url(./img/shokuhin-gas2025.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ouyou-gas{
	background-image: url(./img/ouyou-gas.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.airleak{
	background-image: url(./img/airleak.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.about_tit{
	font-size: 28px;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
	z-index: 10;
	position:relative;
	font-weight: 600;
}


.about_bg {
    width: 100%;
    color: #fff;
	background: #00bacb;
    padding: 50px 5vw 80px;
}

.about_image {
    overflow: hidden;
    position: relative;
    top: 0;
    right: 0;
    width: calc(100% - 5vw);
    height: 95%;
    background: url(./img/aboutus_img.png) center center/cover no-repeat;
}



.about_text{
	width: 100%;
    line-height: 2.4;
    text-align: justify;

}


.hero{
	background:url(./img/main.png) no-repeat;
	background-position: 70% 50%;
	width: 100%;
	height: 500px;
	/* padding-top: 66.66666666666667%; */
	background-size: cover;
	z-index: 1;
}

.hero-text_outer{
	text-align: center;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	font-size: 21px;
	font-weight: 900;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	color: #FFF;
	display: block;
	width: 100%;
}



.tit{
	font-size: 18px;
	/* color: #86b194; */
	font-weight: 600;
}

.sub_tit{
	font-size: 17px;
	font-weight: 600;
}
.tit_space{
	margin-bottom: 2rem;
}
.tit_space_s{
	margin-bottom: 1.5rem;
}

.card{
	border-radius: 0;
	border: 1px solid #b1b1b1;
}
.card-img, .card-img-top{
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}












/* button */
.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after,
.arrow_button,
.arrow_button::before,
.arrow_button::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}




.arrow_button {
	position: relative;
	display: inline-block;

	text-align: center;
	text-decoration: none;
	width: 100%;
}
.arrow_button::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #fff;
	transition: all .2s;
}
.arrow_button:hover,.arrow_button:focus {
	text-decoration: none;
	transition: all .2s;
}
.arrow_button:hover::after {
right: -.05em;
}
.arrow_button.large{
	font-size: 20px;
	font-weight: 600;
}
.contents_nav .arrow_button {
	background-color: #f5f5f5;

}
.contents_nav .arrow_button::after {
	border-left-color: #9fbdf1;
}
.contents_nav .arrow_button a:hover,
.contents_nav .arrow_button a:focus  {
	color: #FFF;
	background-color: #2052a8;
}
.contents_nav .arrow_button.active {
	background-color: #2052a8;
}
.contents_nav .arrow_button a{
	color: #2052a8;
}
.contents_nav .arrow_button.active a{
	color: #FFF;
}
.common_button {
    background-color: #2052a8;
    color: #ffffff;
    width: 100%;
    height: 64px;
    line-height: 64px;
    font-weight: 600;
}
.common_button:hover,
.common_button:focus{
	color: #FFF;
}
.common_button:hover {
	background-color: #26406c;
}
.common_button.orange {
    background-color: #ff9137;
}
.common_button.orange:hover {
	background-color: #dc6b35;
}

/* //button */


/* arrow */
.arrow{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.left-arrow{
    left: 0;
	padding: 0 0 0 14px;
}
.right-arrow{
    right: 0;
	padding: 0 14px 0 0;
}
.right-arrow::before{
	right: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #0186cf;
    border-right: 2px solid #0186cf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.left-arrow::before{
	left: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #0186cf;
    border-right: 2px solid #0186cf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* //arrow */

.breadcrumb{
	background-color: rgba(255, 255, 255, 0);
	padding: 0;
}
dl.about_list{
	display:flex;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	border-top: none;
}
.about_list dt{
	background: #f5f5f5;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
}
.about_list dd{
	padding: 15px;
	margin: 0;

	border-top: 1px solid #ccc;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
}
.about_list .table th, .about_list .table td{
    padding: .3rem 0 .3rem;
}
.about_list .table{
	margin-bottom: 0;
}

.tit_border{
    padding: 1rem 2rem;
    border-left: 8px double #0186cf;
    background: #f9f9f9;
}
.second_bg{
	background-image: url(./img/second_bg.png);
	background-size: cover;
	background-position: center;
	height: 170px;
}
@media (min-width: 768px) {
	.second_bg{
		height: 400px;
	}
}
.topics_bg.second{
	margin-top: -50px;
}
.contents_nav_box{
	margin: 3rem 0;
}
.contents_nav li a{
	padding: 1rem 1rem;
	text-align: center;
	display: block;
	font-weight: 600;
}
.contents_nav i{
	font-size: 18px;
}







/* サービス */
#contents1,
#contents2,
#contents3{
	margin-top: -100px;
	padding-top: 100px;
}
.sangyou-gas_image{
    overflow: hidden;
    position: relative;
    top: 0;
    right: 0;
    width: calc(100% - 5vw);
    height: 95%;
    background: url(./service/sangyou-gas/img/img01.png) center center/cover no-repeat;
}
.iryou-gas_image{
    overflow: hidden;
    position: relative;
    top: 0;
    right: 0;
    width: calc(100% - 5vw);
    height: 95%;
    background: url(./service/iryou-gas/img/img01.png) center center/cover no-repeat;
}
.kakomi-box {
	position: relative;
	margin: 2em 0 1.5rem;
	padding: 2.5rem 1.5rem;
	border: 1px solid #b9b9b9;
}

.kakomi-box h4{
	position: absolute;
	padding: 0 .5em;
	top: -15px;
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: #fff; /* タイトル背景色 */
	color: #00bacb; /* タイトル文字色 */
	font-weight: 600;
	font-size: 17px;
	width: 80%;
    text-align: center;
}
.gas_list table th{
	color: #FFF;
	text-align: center;
	width: 20%;
	white-space: nowrap;
}
.gas_list .table th, .gas_list .table td{
	vertical-align: middle;
}
.gas_list .table td{
	padding: 2rem 1rem;
}

.gas_list .table-bordered th,
.gas_list .table-bordered td{
	border: 1px solid #7fc2e7;
}

.triangle_bg{
	background-image: url(./img/triangle.png);
	background-repeat: no-repeat;
	background-size: 122px 93px;
	height: 93px;
	text-align: left;
	display: inline-block;
	padding-top: 30px;
	padding-left: 0;
	position: relative;
  z-index: 1;
}
.square_bg{
	background-color: rgb(255 255 255 / 84%);
	border: 2px solid #1f52a9;
	text-align: center;
	display: inline-block;
	position: relative;
	z-index: 1;
  padding: 30px 20px 25px;
}
@media (min-width: 768px) {
	.triangle_bg{
		padding-left: 60px;
	}
	.square_bg{
		padding: 30px 150px 25px;
	}
}
/* アンカーリスト 4つ割 */
.pa_head{
	margin-top: -100px;
	padding-top: 100px;
}
ul.ancList { display:flex; flex-wrap:wrap; align-items:stretch; }
ul.ancList li { display:block; width:100%; margin:0 0 15px; box-sizing:border-box;margin-bottom: 5px;}
ul.ancList li:nth-child(4n+1) { margin-left:0; }
ul.ancList li a { width:100%; display:flex; align-items:center; justify-content:center; text-align:center; color:#004396; border:1px solid #1d2088; padding:20px 20px; font-size:94%; background:url(./img/common_bg_anc_arrow_off.png) no-repeat 96% center; line-height:1.2; }
ul.ancList li a:hover { background-color:#1d2088; color:#ffffff; text-decoration:none; background-image:url(./img/common_bg_anc_arrow_on.png);}


ul.GalleryList { display:flex; flex-wrap:wrap; align-items:stretch;margin-bottom: 3rem;}
ul.GalleryList li { display:block; width:50%; margin:0 0 15px; box-sizing:border-box; padding:5px 15px;}
ul.GalleryList li span{ display:block;text-align: center;padding: 10px 0;}

.youkikensa h5{ color: #ffa107; font-weight: 600; margin-bottom: 1rem;}
ul.youki{padding: 30px 20px 20px; background-color: #fffaeb;}
ul.youki li{ margin-bottom: 0 !important;}

.jumbotron p {
	color: #000000;
}
.jumbotron .catchcopy {
	font-size: 1.2rem;
	font-weight: bold;
}
@media (min-width: 768px) {
	ul.ancList li { display:flex; margin:0 0 3rem; width:50%; padding: 10px;margin-bottom: 0;}
	ul.GalleryList li { display:block; width:25%; margin:0 0 15px; box-sizing:border-box; padding:5px 15px;}
}

/* //サービス */

/*事業所*/
.csr_mark{
	margin-top: 15px;
	display: flex;
	width: 100%;
	clear: both;
}
.csr_mark li{
	box-sizing: border-box;
	padding: 10px;
	width: 25%;
}
/* サイトマップ */
ul.list_disc li{
	list-style-type: disc;
}
/* //サイトマップ */

/* SDGs */
.box_color{
	padding: 2rem;
}
/* .col-border-1 {
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 2rem;
} */
.col-border-1{
   position:relative;
   display:inline-block;
}

.col-border-1::after{
   content:"";
   display:inline-block;
   width:3px;
   height:40px;
   background-color: transparent;
   position:absolute;
   top:-2px;
   right:-5px;
}
.torikumi_list{
	margin-left: 15px;
}

.torikumi_list li{
	padding: 5px 0;
	margin-bottom: 5px;
	list-style-type: disc;
}
@media (min-width: 768px) {
	/* .col-border-1 {
		border-bottom: 0;
		border-right: 1px dashed #cccccc;
		margin-bottom: 0;
	} */
	.col-border-1{
	   position:relative;
	   display:inline-block;
	}

	.col-border-1::after{
		content:"";
		display:inline-block;
		width:2px;
		height:100%;
		background-color:#cccccc;
		position:absolute;
		top: 0;
		right: 27px;
	}
	.torikumi_list{
		margin-left: 0;
	}
}
/* //SDGs */

/* 採用情報 */
.faq_dt, .faq_dd {
	position: relative;
	padding-left: 24px;
}

.faq_dt::before, .faq_dd::before {
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
}

.faq_dt {
	font-weight: bold;
	border-bottom: 1px #cecece dashed;
	margin-bottom: 1rem;
	font-size: 21px;
}

.faq_dt::before {
	content: 'Q.';
	color: #c80021;
}

.faq_dd::before {
	content: 'A.';
	color: #0085C8;
}
.interview_lead{
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .1em;
}
.saiyou_label {
	font-size: 90%;
	margin: 0 10px;
	width: 80px;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	margin-bottom: .3rem;
}
.saiyou_label.red{
	border: 1px solid #c80021;
	background-color: #c80021;
	color: #FFF;
}
.qa_tit{
    background-color: #FCE245;
    font-size: 16px;
    font-weight: 600;
    padding: .8rem 1.5rem;
    border-radius: 30px;
}
.work_profile dl{
	border-bottom: 1px #CCC dotted;
    padding: 1rem 0;
}

/* //採用情報 */

/* ニュースリリース */
.topics_label.newsrelease{
	margin: 0 0 1rem;
}
.button_area{
	padding: 1rem 0 0;
}
.pager_box{
	margin-top: 3rem;
}
.pager_box nav{
	justify-content: center;
}
.pager_box .page-item.active .page-link {
    background-color: #2052a8;
    border-color: #2052a8;
}
.pager_box .page-link{
	color: #2252a7;
}
.wp-pagenavi {
	display: flex;
	justify-content: center;
	margin-bottom: 2.5rem;
}
.wp-pagenavi a[class*="--previous"] ,
.wp-pagenavi span:nth-child(2) {
	border-radius: 0.25rem 0 0 0.25rem;
}
.wp-pagenavi a[class*="--next"] ,
.wp-pagenavi span:last-child {
	border-radius: 0 0.25rem 0.25rem 0;
}
.wp-pagenavi .page-link ,
.wp-pagenavi span[aria-current="page"] {
	padding: 0.5rem 0.75rem;
	margin: 0;
}
.wp-pagenavi .page-link {
	border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
	border-right: none;
}
.wp-pagenavi .page-link:last-child {
	border-right: 1px solid #dee2e6;
}
.wp-pagenavi span.pages {
	display: none;
}
.wp-pagenavi span[aria-current="page"].active {
	background-color: #2052a8;
	border-top: 1px solid #2052a8;
	border-left: 1px solid #2052a8;
	border-bottom: 1px solid #2052a8;
	color: #ffffff;
}
.wp-pagenavi span.extend {
	border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-right: none;
	width: 34px;
  text-align: center;
}
.wp-pagenavi a ,
.wp-pagenavi span {
	border: none;
}
.wp-pagenavi a:hover {
	border-color: #dee2e6;
}

/* 交通アクセス */
.tit_left-border{
    border-bottom: 4px solid #efefef;
    font-size: 18px;
	line-height: 1.5em;
}
.tit_left-border span {
	border-bottom: 4px solid #0186cf;
	display: inline-block;
	margin-bottom: -4px;
}
.new-mark {
	width: 80px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #c80021!important;
	color: #c80021;
	display: inline-block;
	margin-bottom: 5px!important;
}
/* 個人情報保護方針 */
.listmark-num {
    list-style: none;
    counter-reset: list-counter;
    padding: 0;
    margin: 0;
}
.listmark-num > li {
    line-height: 1.5;
    margin-bottom: 1rem;
    padding-left: 30px;
    position: relative;
}
.listmark-num > li::before {
    content: counter(list-counter);
    counter-increment: list-counter;
    border: 1px solid;
    box-sizing: border-box;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 85%;
}
.listmark-num > li > ul {
    margin: 1rem 0 0;
}
.listmark-num > li > ul > li {
    padding-left: 0;
    margin-bottom: 1rem;
}
.list_disc li {
    list-style-type:disc;
}
/* お問い合わせ */
.form_comment{
	color: #e70027;
	font-size: 80%;
	padding-left: .5em;
}
.form_border{
	border-bottom: 1px solid #eaeaea;
}
.form-group{
	padding: 1.5rem 0;
	margin-bottom: 0;
}
/* 産業関連 機器・機材 */
.tit_bg {
	padding: 0.2em;/*文字周りの余白*/
	background: #0186cf;
	font-size: 16px;
	color: #FFF;
	text-align: center;
}
.border-bottom_list li{
	border-bottom: 1px dashed #CCC;
	padding: 1em ;
}

.border-bottom_list li a{
	color: #0186cf;
	padding-left: 1.5em;
	text-decoration: underline;
}
.border-bottom_list li a:hover{
	text-decoration: none;
}
.kizai_arrow::before{
    left: 5px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #7a0;
    border-right: 2px solid #7a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.page_anchor{
	margin-top:-90px;
	padding-top:90px;
}

/* ガスは社会の必需品 */
.genso-icon{
    text-align: center;
    display: block;
    margin-bottom: 1.5rem;
}
.genso-icon img{
	width: 52px;
}

.bg_b-orange .kakomi-box{
	background-color: #FFF;
	border: 1px solid #ffab18;
}
.bg_b-orange .kakomi-box h4{
	background-color: #0092e2;
	color: #FFF;
	padding: .3rem .5em;
}
.tit_center-border {
	position: relative;
	padding: 1rem;
	text-align: center;
}
.tit_center-border:before {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 5px;
	content: '';
	border-radius: 3px;
	font-weight: 600;
}
.tit_center-border.orange:before{
	background: #ff9117;
}
.tit_center-border.blue-border:before{
	background: #1f52a9;
}
.tit_center-border.brown-border:before{
	background: #8e5909;
}

/* 食品ガス */
.block_bg{
	/* background-image: url(./img/food-gas/block_bg.png),url(./img/food-gas/block_bg2.png);
	background-size: auto,auto;
	background-repeat: no-repeat,no-repeat; */
	background-position: top right, top left;
	padding-top: 2rem;
	/* padding-bottom: 2rem; */
}
.page-template-page-food-gas main{
	background: url(./img/food-gas/food_ptimg.png);
	background-position: center center;
	background-size: 60%;
	background-attachment: fixed;
}

.white_box{
	background-color: rgba(255,255,255,1)
}
.tit_space{
	display: inline-block;
	width: 100%;
}

/* 食品ガス */
.kakomi-box2 {
	border: 1px solid #a47b49;
}
.kakomi-box2 h4 {
    font-size: 1.2em;
    background: #a47b49;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.kakomi-box2 .text{
    padding: 15px 20px;
    margin: 0;
}
.bg_box{
	padding: 1.5rem;
}

/* //@@@210513*/

/* 経営方針 */
.indent_1{
	padding-left: 1.3em;
}
.tit_number {
	position: relative;
	overflow: hidden;
	padding: .8rem 2rem .8rem 80px;
	border-bottom: 2px solid #2252a7;
	font-size: 16px;
	font-weight: 600;
  }

.tit_number:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 160px;
	height: 300%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background: #2252a7;
}

.tit_number span {
	font-size: 21px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	padding-top: 10px;
	padding-left: 16px;
	color: #fff;
}


.footer-logo img{
	width: 100%;
	max-width: 220px;
}

.footer-inner{
	background-color: #78b3e2;
	color: #FFF;
	padding: 2rem 0;
	font-size: 14px;
}
.footer-inner h4{
	margin: 1rem 0 3rem 0;
}
footer {
	width: 100%;
	margin: 0 auto;
	/* padding-top: 50px; */
}
footer::before {
	content: '';
	width: 100%;
	height: 100px;
	display: block;
	background: url(./img/silhouette.png) repeat-x 50% 0%; /*フレーム下部画像*/
}

.copy{
	font-size: 12px;
}
.footer-nav{
	border-left: 1px solid #4490cd;
	padding: 1rem 1.5rem;
	line-height: 1.8;
}

.footer-nav a{
	color: #FFF;
	text-decoration: none;
}
.footer-nav ul li::before{
	content: "・";

}

footer a{
	color: #FFF;
}
footer a:hover{
	text-decoration: underline;
}
.logo-second{
	max-width: 290px;
	margin-bottom: 80px;
}
/* slider */
.slider{
	position: relative;
}
.slider .prev{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
    width: 30px;
    height: 53px;
	background-image: url(./img/prev.svg);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
	filter: drop-shadow(0 0 5px  rgba(0, 0, 0, 0.6));
}
.slider .next{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 53px;
    background-image: url(./img/next.svg);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
    filter: drop-shadow(0 0 5px  rgba(0, 0, 0, 0.6));
}
/* //slider */

/* topBtn */
main.topBtn_box{
	position:relative;
}
main.topBtn_box.top-pt{
	padding-top: 80px;
}
.topBtn {
  position:fixed;
  bottom:41px;
  right:20px;
  z-index: 10;
}
.topBtn:before {
  position:absolute;
}
.topBtn:hover {
  opacity:0.7;
}
.topBtn img{
	width: 50px;
}
/* //topBtn */

@media (min-width: 768px) {
	body{
		font-size: 16px;
	}
	a[href^="tel:"] {
		pointer-events: none!important;
		display: inline-block;
	}
	section{
		padding: 6rem 0 ;
	}
	section.space_s{
		padding: 8rem 0 0;

	}
	section.last{
		padding: 12rem 0 12rem;
	}
	section.second{
		padding: 0 0 12rem;
	}
	section.int{
		padding: 8rem 0;
	}
	.contents_space_s{
		margin-top: 3rem;
	}
	.contents_space{
		margin-top: 6rem;
	}

	.tit_space{
		margin-bottom: 3rem;
	}
	.tit_space_s{
		margin-bottom: 2rem;
	}
	.second_tit{
		font-size: 30px;
	}
	dl.topics_list{
		padding: 2rem 0;
	}
	.topics_list dt{
		clear: left;
		float: left;
		width: 260px;
	}
	.topics_list dd {
		margin-left: 260px;
	}
	.hero{
		height: 800px;
	}

	.about_list dt{
		width: 30%;
		/* padding: 20px; */
	}
	.about_list dd{
		width: 70%;
		border-left: 1px solid #ccc;
		/* padding: 20px; */
	}
	.contents_nav_box{
		margin: 6rem 0;
	}
	.contents_nav li{
		border-left: 1px solid #dadada;
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
	}
	.contents_nav li:last-child{
		border-right: 1px solid #dadada;
	}
	.contents_nav i{
		display: block;
		margin-bottom: 1rem;
		font-size: 30px;
	}
	.contents_nav li a{
		padding: 2rem 1rem;
	}
	.button_area{
		padding: 3rem 0 0;
	}
	/* 交通アクセス */
	.tit_left-border{
		font-size: 22px;
	}
	/* 採用情報 */
	.interview_lead{
		font-size: 21px;
	}
	.qa_tit{
		font-size: 21px;
	}
	/* 経営方針 */
	.tit_number {
		font-size: 18px;
	}


	.footer-inner{
		padding: 4rem 0;
	}
	.tb{
		display: none;
	}
	.block_bg{
		padding-top: 4rem;
		/* padding-bottom: 4rem; */
	}

}

@media screen and (max-width: 767px) {

	/* space */
	.tb_mb15{
		margin-bottom: 15px;
	}
	/* //space */
	.topics_list dl {
		padding: 15px 0;
		border-bottom: 1px solid #ccc;
	}

	.topics_list dt {
		padding-bottom: .5rem;
	}
	.syokuhin-gas,.gasfield_box_s{
		margin-bottom: 1.5rem;
	}

	.contents_nav li{
		border-top: 1px solid #dadada;
		border-right: 1px solid #dadada;
		border-left: 1px solid #dadada;
	}
	.contents_nav li:last-child{
		border-bottom: 1px solid #dadada;
	}
	.contents_nav i{
		margin-right: .5rem;
	}
	.triangle_bg .tit{
		font-size: 21px;
	}

}
@media (max-width: 991px) {
	.pc_nav {
		display: none;
	}

	.right-ban{
		display: none;
	}
	.tit_aboutus,.tit_members{
		text-align: center;
	}
	.copy{
		margin-top: 2rem;
	}
	.topics_list_outer{
		margin-bottom: 2rem;
	}
	.about_image{
		height: 500px;
		width: 100%;
		margin-bottom: 0;
	}
	.footer-nav{
		display: none;
	}
	.address_box{
		text-align: center;
	}
	.address_box address{
		text-align: left;
	}
	.tel-br{
		display: none;
	}
	.footer-fax{
		padding-left: 1em;
	}
	.sangyou-gas_image,.iryou-gas_image{
		height: 500px;
		width: 100%;
		margin-bottom: 0;
	}
}
@media (min-width: 992px) {

	.second_tit{
		padding-top: 52px;
	}
	.member_box .member{
		padding: 0 3rem;
	}
	.member_box .member_text{
		padding: 1rem;
	}
	.about_bg {
		width: 100%;
		color: #fff;
		background: linear-gradient(to right, #00bacb 0%, #00bacb 58.33%, rgba(0, 0, 0, 0) 58.33%, rgba(0, 0, 0, 0) 100%);
		padding: 70px 7vw 160px;
	}
	.about_tit,
	.about_text{
		width:42.292vw;
		margin-bottom: 100px;
		z-index: 1;
    position: relative;
	}
	.about_image {
		position: absolute;
		/* width: 57.292vw; */
		width: 47.292vw;
	}
	.about_tit br{
		display: none;
	}
	.tit_topics img,.tit_about img,.tit_gasfield img{
		max-height: 65px;
	}
	.tit_about{
		text-align: left;
		padding-left: 16vw;
		margin-right: 70px;
	}
	.sangyou-gas_image,.iryou-gas_image {
		position: absolute;
		width: 47.292vw;
	}
}
@media (max-width: 1199px) {
	/* space */
	.l_mb30r{
		margin-bottom: 3rem;
	}
}
@media (min-width: 992px) {
	.topics_bg {
    background-image: url(./img/topics_bg.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 496px auto;
    padding-top: 90px;
	}
	.tit_topics {
    text-align: right;
	}
	.inner{
		padding: 0 2rem;
	}
}
@media (min-width: 1200px){
	.inner{
		padding: 0 7rem;
	}
	.about_tit{
		font-size: 35px;
		padding-bottom: 10px;
		margin-bottom: 50px;
	}
	.lead_text{
		font-size: 18px!important;
	}
	.lead_text_s{
		font-size: 16px!important;
	}
	.lead_text_l{
		font-size: 26px!important;
	}
	.tit{
		font-size: 28px;
	}
	.sub_tit{
		font-size: 24px;
	}
	.gasfield_box h3{
		font-size: 28px;
		padding: 2rem .5rem;
	}
	.gasfield_box_s h3{
		padding: 2rem 0;
		font-size: 26px;
	}
	.gasfield_box p{
		padding: 3rem 0 12rem 2rem;
	}
	.kakomi-box h4{
		font-size: 24px;
	}
}
@media (min-width: 2000px){
	.topics_list_outer{
		padding-right :5rem;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.tit_aboutus img{
		height: 51px;
	}
	.tit_news img{
		height: 52px;
	}
	.tit_members img{
		height: 52px;
	}
	.tit_access img{
		height: 52px;
	}
	.tit{
		font-size: 26px;
	}
	.sub_tit{
		font-size: 24px;
	}
	.member_tit{
		font-size: 21px;
	}
	.about_tit{
		font-size: 32px;
		margin-bottom: 30px;
	}
	.kakomi-box h4{
		font-size: 21px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.inner{
		padding: 0 4rem;
	}

}
@media (min-width: 576px) and (max-width: 991px) {

}
@media (min-width: 768px) and (max-width: 991px) {
	.gasfield_box_s h3{
		font-size: 18px;
	}
}
@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 576px){
	br.sp{
		display: none;
	}
	.pc{display: block!important;}
	.sp{display: none!important;}
	.sp_br{
		display: none;
	}
}
@media screen and (max-width: 800px){
	/* @@@210513*/
	.block_bg{
		background-image: url(./img/food-gas/block_bg.png),url(./img/food-gas/block_bg2.png);
		background-size: 40%,40%;
		background-repeat: no-repeat;
	}
	/* //@@@210513*/
}

@media screen and (max-width: 575px){
	.sp_mb15{
		margin-bottom: 15px;
	}
	.sp_mt15{
		margin-top: 15px;
	}
	.sp_mt30{
		margin-top: 30px;
	}
	.hero-text{
		font-size: 46px;
	}

}



@media screen and (max-width: 1130px) {
}
@media screen and (max-width: 1680px) {
.tit_gikaiiin{
	color: #86b194;
	text-shadow: none;
}

}
@media screen and (min-width: 670px) {

}
@media screen and (min-width: 380px) {
	.copy_br{
		display: none;
	}
}
@media screen and (min-width: 490px) {
	.copy_br02{
		display: none;
	}
}
@media (min-width: 370px) and (max-width: 767px) {

}

@media print{

}

@media (min-width: 1200px) {

 }


/* facebook */
/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
		text-align: center;
	}

}
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}

}
/* //facebook */




.industrial-equipment-menu ul {
	margin-left: -30px;
  margin-right: -30px;
}
.industrial-equipment-menu li[class^="col-"] {
	border-bottom: none;
	padding: 0 1rem 0 1rem;
}
.industrial-equipment-menu li[class^="col-"] a.kizai_arrow {
	border-bottom: 1px dashed #CCC;
  display: block;
  padding: 1rem 1rem 1rem 2rem;

}
.industrial-equipment-menu li[class^="col-"] a.kizai_arrow::before {
	left: 10px;
}
.industrial-equipment-link li[class^="col-"] a.kizai_arrow::before {
	left: 0;
}
@media screen and (min-width: 768px) {
	.industrial-equipment-menu li[class^="col-"] a.kizai_arrow {
		border-bottom: 1px dashed #CCC;
	  display: block;
	  padding-left: 2.5rem;
	}
	.industrial-equipment-menu li[class^="col-"] a.kizai_arrow::before {
		left: 20px;
	}
	.industrial-equipment-link li[class^="col-"] a.kizai_arrow::before {
		left: 5px;
	}
}


img.aligncenter {
	text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
img.alignleft {
	text-align: left;
  display: block;
	float: left;
}
img.alignright {
	text-align: right;
  display: block;
	float: right;
}
img.aligncenter ,
img.alignleft ,
img.alignright ,
img.alignnone {
	max-width: 100%;
	height: auto;
}
.entry-content p {
	overflow: hidden;
}
body.single .entry-content img {
	margin-bottom: 1rem;
}
body.single .entry-content p {
	margin-bottom: 1rem;
}
.entry-nav {

}
.entry-nav nav {
	display: block;
}
.entry-nav .nav-previous ,
.entry-nav .nav-next {
	/* width: 100%; */
}
.entry-nav .nav-previous {
	float: left;
	padding-right: 1rem;
	text-align: left;
}
.entry-nav .nav-next {
	float: right;
	padding-left: 1rem;
	text-align: right;
}
@media screen and (min-width: 768px) {
	.entry-nav .nav-previous ,
	.entry-nav .nav-next {
		width: 50%;
	}
	body.single .entry-content img.alignleft {
		margin-right: 1rem;
	}
	body.single .entry-content img.alignright {
		margin-left: 1rem;
	}
}


.form-check-radio span.wpcf7-list-item {
	display: block;
	margin: 0;
}
.form-check-radio span.wpcf7-list-item label {
	display: block;
}

/*----------------------------------------------------------------------
先輩社員要件追加
----------------------------------------------------------------------*/
.work_profile.arrow_wrap {
  overflow: hidden;
}
.work_profile .arrowbox {
  padding-left: 0;
  padding-right: 0;
	padding-bottom: 2rem;
  margin-bottom: 1.5rem;
}
.work_profile .arrowbox dt.arrowbody {
  padding: 0 0.5rem;
  text-align: center;
  background-image: url(./img/recruit/interview/boxarrow1.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.work_profile .arrowbox:nth-child(1) dt.arrowbody {
  background-image: url(./img/recruit/interview/boxarrow1.png);
}
.work_profile .arrowbox:nth-child(2) dt.arrowbody {
  background-image: url(./img/recruit/interview/boxarrow2.png);
}
.work_profile .arrowbox:nth-child(3) dt.arrowbody {
  background-image: url(./img/recruit/interview/boxarrow3.png);
}
.work_profile .arrowbox:nth-child(4) dt.arrowbody {
  background-image: url(./img/recruit/interview/boxarrow4.png);
}
.work_profile .arrowbox:nth-child(5) dt.arrowbody {
  background-image: url(./img/recruit/interview/boxarrow5.png);
}
.work_profile .arrowbox:nth-child(6) dt.arrowbody {
  background-image: url(./img/recruit/interview/boxarrow6.png);
}
.work_profile .arrowbox:nth-child(7) dt.arrowbody {
  background-image: url(./img/recruit/interview/boxarrow7.png);
}
.work_profile .arrowbox:nth-child(8) dt.arrowbody {
  background-image: url(./img/recruit/interview/boxarrow8.png);
}
.work_profile .arrowbox dd {
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  /* height: 160px; */
  margin: 0 auto;
}
.arrowchild {
  color: #ffffff;
}
dd.verticaltext {
	display: table;
	width: 100%;
}
ul.verticallist {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
ul.verticallist li {
  text-indent: -15px;
  margin-top: 15px;
  /* height: 160px; */
  white-space: pre-wrap;
}
ul.verticallist li::before {
  content: '・';
  margin-left: -15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .work_profile .arrowbox dt.arrowbody {
    padding: 1rem;
    margin-right: -15px;
  }
  .work_profile .arrowbox dd {
    /* height: 180px; */
  }
  ul.verticallist li {
    /* height: 180px; */
  }
}

@media all and (-ms-high-contrast: none) {
	dd.verticaltext {
		display: block;
		width: 100%;
		height: 180px;
	}
	ul.verticallist {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
	}
	ul.verticallist li {
		height: 160px;
		line-height: 1.2;
	}
}
::-webkit-full-page-media, :future, :root dd.verticaltext {
	display: block;
	width: 100%;
	height: 180px;
}
::-webkit-full-page-media, :future, :root ul.verticallist {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	width: auto;
	vertical-align: baseline;
}
::-webkit-full-page-media, :future, :root ul.verticallist li {
	height: 160px;
	line-height: 2.0;
}


div[id^="gallery-"] .gallery-item .gallery-icon {
	margin-bottom: 1rem;
}
div[id^="gallery-"] .gallery-item img {
	max-width: 100%;
	height: auto;
	border: none!important;
	margin-bottom: 1rem;
}

.torikumi-childlist li{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0.5rem;
	list-style: none;
  }

  
  .rec_photo-li {
	display: flex;
	flex-wrap: wrap; /* 折り返し可能に */
	justify-content: center; /* 余白を調整 */
	gap: 10px; /* 画像間の隙間調整（不要なら削除） */
	padding: 0;
	list-style: none;
}

.rec_photo-li li {
	max-width: calc(50% - 10px); /* 2列にする */
}

.rec_photo-li img {
    width: 100%;
    height: auto;
    display: block;
}


@media (min-width: 768px) {
	.rec_photo-li {
		justify-content: space-between; /* 両端を詰めつつ均等配置 */
		flex-wrap: nowrap; /* 折り返し防止 */
	}
	.rec_photo-li li {
		max-width: calc(25% - 10px); /* 4つ並べる場合 */
		flex: 1;
	}
	
}

.company-goal_box{
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}

 /* リーク診断 */
.step-circle{
	width: 40px;
	height: 40px;
	background: #004098;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	margin-bottom: 1rem;

}

 .cta-section {
	background: linear-gradient(135deg, #004098 0%, #0072bc 100%);
	color: white;
	padding: 4rem 2rem;
	border-radius: 10px;
}
.btn-white {
	background-color: #fff;
	color: #004098;
	font-weight: bold;
	padding: 1rem 3rem;
	border-radius: 50px;
	transition: all 0.3s;
}
.btn-white:hover {
	background-color: #f0f0f0;
	transform: translateY(-3px);
}
.illust01 {
	max-width: 95px;
}
.illust02 {
	max-width: 110px;
}
@media (max-width: 575px) {
	.illust01 {
		max-width: 70px;
	}
	.illust02 {
	max-width: 80px;
	}
}