@charset "utf-8";
/*
Template:chikushi
Theme Name:chikushi-child
Theme URI:https://kk-chikushi.co.jp/
Author:TEAMWORKS
Author URI:https://tmwks.jp/
Version:1.12.3
*/

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], textarea{
vertical-align:middle;
width:100%;
line-height:35px;
height:35px;
padding:5px;
margin-bottom: 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
box-sizing: border-box;
}
textarea{
height:auto;
line-height:1.5;
}
select {
padding: 8px 5px;
}
input[type=checkbox] {
transform: scale(1.5);
margin: 0 6px 0 0;
}
.wpcf7 input.wpcf7-back,
.wpcf7 input.wpcf7-confirm { 
position:relative;
width:225px;
}
.wpcf7 form,.wpcf7 {
margin: 0 !important;
background: none !important;
border: 0 !important;
}
.wpcf7 p {
font-size: 16px !important;
}
*:first-child+html input[type="submit"]{padding:3px;}
 
span.yubin,
form input[type="submit"], input[type="reset"], input[type="button"] {
margin: 0 auto;
padding: 10px 20px;
background: #0094ff;
border: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
line-height: 1.5;
font-size: 120% !important;
color: #fff;
cursor: pointer;
height:48px;
outline:none;
-webkit-transition: all .3s;
transition: all .3s;
}
span.yubin,
span.yubin:hover { font-size: 80% !important; padding: 7px 10px; }
form input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, span.yubin:hover {
background: #0094ff;
opacity:0.7;
}
#searchform input[type="submit"] {
line-height: 1;
padding: 6px;
vertical-align: top;
}
.submit-button{
text-align:center;
}
/* 確認画面用CSS */
/*枠線消す*/
form .wpcf7c-conf {
background-color: transparent !important;
border: none !important;
}
.wpcf7-form table p {
padding-bottom: 5px;
}
textarea.wpcf7-form-control {
max-height: 100px;
}
.wpcf7 .wpcf7-submit {
background-color: #0094ff !important;
}
.wpcf7 .wpcf7-submit:hover {
background-color: #0094ff !important;
}
.wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
border: 0 !important;
}
/*確認画面でradioが見え難い*/
input[type="hidden"] + span {
font-weight: bold;
}
/*確認画面セレクトボックスヤジルシ消す*/
select.wpcf7c-conf {
 -webkit-appearance: none;
 -moz-appearance:none;
 -ms-appearance:none;
 appearance: none;
 /*Firefox用*/
text-indent: .01px; 
text-overflow: "";
}
select.wpcf7c-conf::-ms-expand {
display: none;
}
.wpcf7-form table p {
padding-bottom: 0;
}
[data-name="zip"] input[type="text"],
.zip input[type="text"],
.s_size input[type="text"] {
width: 20%;
}
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"]{
width: 40%;
}
@media only screen and (max-width:767px){
.wpcf7 input[type="tel"],
 .wpcf7 input[type="email"]{
 width:100%!important;
 }
.submit-button{
padding:0 50px;
}
}

span.required {
display: inline-block;
padding: 4px 6px;
border-radius: 6px;
background: red;
color: #fff;
font-size: 90%;
line-height: 1.2;
text-align: center;
margin: 0 4px;
}
form table .txt_s {
font-size: 80%;
color: #666;
}

/* table */
.post_content table {
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid #f1f5f8;
border-left: 1px solid #f1f5f8;
font-size: 100%;
line-height: 141.7%;
margin: 10px -1px 24px 0;
width: 100%;
text-align:left;
}

.post_content th{
background: #f1f5f8;
border:1px solid #fff;
color: #000;
width:230px!important;
white-space: nomal;
text-align:left;
}
.post_content td{
border:1px solid #f1f5f8;
vertical-align: middle;
text-align:left;
white-space: wrap;
}

.post_content form table th, 
.post_content form table td, 
.post_content table.resp th, 
.post_content table.resp td{
white-space: wrap;
}



@media only screen and (max-width:767px){
.post_content table {
border-top: 1px solid #f1f5f8;
border-left: 1px solid #f1f5f8;
border-right: 1px solid #f1f5f8;
border-bottom: 1px solid #f1f5f8;
}        

.post_content th{
width:auto!important;
border: none;
}

.post_content td{
width: auto;
border: none;
align-items: center;
justify-content: center;
}
}

.post_content dl.history {
display: flex;
flex-wrap: wrap;
}




/*TCD*/
/* Column layout - カラムレイアウト*/
.post_col.post_col-4 { -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; width:100%; min-height:1px; margin-bottom:2em; padding-right:25px; padding-left:25px; float:left; }
@media screen and (min-width: 768px) {
.post_col.post_col-4 { width:66.66666%; }
}
@media screen and (min-width: 1024px) {
.post_col.post_col-4 { width:66.66666%; }
}
.post_content [class^="well"] *:first-child:not(a) {
margin-top: 0 !important;
padding-top: 0 !important;
}
.post_content [class^="well"] *:last-child {
margin-bottom: 0 !important;
}
.post_content [class^="well"] { 
padding: 1.2em;
}
.post_content .style4a,
.post_content .style5a {
margin-top: 30px !important;
}

@media only screen and (max-width: 767px) {
.post_content form table th, .post_content form table td,
.post_content table.resp th, .post_content table.resp td {
display: block;
}
.post_content form table th, .post_content table.resp th {
border-top: 0;
border-bottom: 0;
}
[data-name="zip"] input[type="text"],
.zip input[type="text"],
.s_size input[type="text"] {
width: 30%;
}
span.yubin, span.yubin:hover { 
font-size: 80% !important;
padding: 7px 10px; 
}
}
.anchor{
display: block;
padding-top: 120px;
margin-top: -120px;
}
/*アンカー除外*/
.post_content .pb-widget-editor *:first-child:not(.anchor):not(.gallery-item) {
margin-top: 0 !important;
}
@media only screen and (max-width:767px) {
.scroll table{
width:100%;
}
.scroll{
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
}

/*改行*/
br.pc-br{
display:block;
}
br.sp-br{
display:none;
}
@media only screen and (max-width:767px){
br.pc-br{
display:none;
}
br.sp-br{
display:block;
}
}

/* トップページ */
.cb_service_list:nth-child(even){
	background:#F6F9FC;
}

#footer_inner{
	background:#F6F9FC;
	max-width:100%;
}

.footer_parent{
	display:flex;
	justify-content:start;
	flex-direction:row;
}

.footer_child{
	width:50%;
}

.footer_child_title{
	font-size: 20px !important;
    margin-bottom: 10px !important;
}

@media only screen and (max-width:767px){
	.footer_child_title{
	font-size: 16px !important;
}
	
	.footer_parent{
	display:block;
}

.footer_child{
	width:100%;
}

}

/* お知らせ */


@media only screen and (max-width:767px){
	#header_logo2 img{
		width:200px !important;
		height:auto;
	}
	#footer_logo img{
		width:200px;
		height:auto;
		
	}
	#header_logo img{
		width:200px !important;
		height:auto;
	}
}

/* ドロワーメニュー */
#drawer_menu{
	background:#063B8A !important;
}

/* title */

.title_h2{
	background: #14a8d8;
    padding: 12px !important;
    text-align: left !important;
	color:#fff;
	margin-bottom:10px !important;
	margin-top:0 !important;
	font-size:28px !important;
}

.title_h3{
	margin: 0 !important;
    color: #063B8A;
	font-size:24px !important;
}

.interview_style_h3{
    margin: 1.6em 0 0 !important;
    font-size: 22px !important;
	color:#00468C;
}

.rec_style_h2{
	 padding: 10px !important;
    background: #0085b2;
    color: #fff;
}

@media only screen and (max-width:767px){
	.title_h3{
	font-size:18px !important;
	}
	.interview_style_h3{
    font-size: 18px !important;

}
}


/* btn 3分動画 */
.button{
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    max-width: 250px;
    padding: 10px 25px;
    color: #333;
    font-family: "Noto Sans Japanese";
    text-decoration: none;
    color: #333;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    background: #eee;
    border-radius: 9999px;
    border-bottom: solid 5px #999;
}
.button:hover {
    border-bottom: solid 2px #999;
    transform: translateY(3px);
}


/* 余白 */

body.hide_breadcrumb #container{
	padding-top: 110px;
}

#page_header .design_header{
	margin: -10px auto 70px;
}

#page_contents{
	padding-bottom: 70px;
}

.wrap{
	padding:30px 0;
}

.box{
	padding:10px 0;
}

.center{
	text-align:center !important;
}

.q_underline.q_underline1.center{
	text-align:center !important;
}

/* s_table */
.s_table{
	overflow: hidden !important;
	white-space: normal !important;
	margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
}

/* flex */

.space-right{
	margin-right:20px;
}
@media only screen and (max-width:767px){
.space-bottom{
	margin-right:0px;
	margin-bottom:20px;
}
}

.parent{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.child {
	width:50%;
}
.child1{
	margin-right:20px;
}
@media only screen and (max-width:767px){
	.parent{
	display:block;
	}
	.child {
	width:100%;
	}
	.child1{
	margin-right:0;
	}
}

p{
/* 	text-align:left; */
	margin-bottom:12px !important;
}

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

.text-right{
	text-align:right !important;
	display:block;
}

/* ぱんくずリスト */

/* サービスのぱんくずリスト */
#bread_crumb ul{
	display:none;/* 非表示 */
}

/* 石油 */
#single_service_main_content{
	padding: 0px 100px 110px;
}

#single_service_header .category .sub_title{
	display:none;/* サブタイトル非表示 */
}

/* 施工経歴タブ */

@media only screen and (max-width:767px){
	#tab_container_106 .tab-content{
	padding:0 !important;
}

	.tab-td{
	padding:8px !important;
}
}

/* サービス */
.service_category_content.even{
	background: #e6eff5;
}

.service_category_content {
	padding:70px 0;
}

/* 会社概要 */
.image-map{
	width:50%;
}
@media only screen and (max-width:767px){
	.image-map{
	width:100%;
	}
}

/* 20250827 トップ業務案内 */
/* .child_service1{
  background-image: url(https://kk-chikushi.co.jp/nwp/wp-content/uploads/AdobeStock_1403633960-scaled.jpeg);
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: cover;
  max-height:450px;
  height:450px;
  transition:0.3s ease;
  overflow: hidden !important;
  cursor: pointer;
}
.child_service1:hover{
 transform: scale(1.1); 
}
 */
.child_service1 {
  position: relative;
  overflow: hidden; /* はみ出し防止 */
  width: 100%;
  max-height: 450px;
  height: 450px;
  cursor: pointer;
}

/* 疑似要素で背景画像を設定 */
.child_service1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://kk-chikushi.co.jp/nwp/wp-content/uploads/AdobeStock_1403633960-scaled.jpeg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.3s ease;
  z-index: 0;
}

/* ホバー時に背景画像だけ拡大 */
.child_service1:hover::before {
  transform: scale(1.1);
}

/* .child_service2{
  background-image: url(https://kk-chikushi.co.jp/nwp/wp-content/uploads/AdobeStock_1372309582-scaled.jpeg);
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: cover;
  height:450px;
}

.child_service3{
  background-image: url(https://kk-chikushi.co.jp/nwp/wp-content/uploads/AdobeStock_645089580-scaled.jpeg);
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: cover;
  height:450px;
}

.child_service4{
  background-image: url(https://kk-chikushi.co.jp/nwp/wp-content/uploads/AdobeStock_111167891-scaled.jpeg);
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: cover;
  height:450px;
} */

/* バナー共通スタイル */
.child_service1,
.child_service2,
.child_service3,
.child_service4 {
  position: relative;
  overflow: hidden; /* 背景画像がはみ出さないように */
  width: 100%;
  height: 450px;
  cursor: pointer;
}

/* 疑似要素で背景画像 */
.child_service1::before,
.child_service2::before,
.child_service3::before,
.child_service4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.4s ease;
  z-index: 0;
}

/* 各画像を個別設定 */
.child_service1::before {
  background-image: url(https://kk-chikushi.co.jp/nwp/wp-content/uploads/AdobeStock_1403633960-scaled.jpeg);
}
.child_service2::before {
  background-image: url(https://kk-chikushi.co.jp/nwp/wp-content/uploads/AdobeStock_1372309582-scaled.jpeg);
}
.child_service3::before {
  background-image: url(https://kk-chikushi.co.jp/nwp/wp-content/uploads/AdobeStock_645089580-scaled.jpeg);
}
.child_service4::before {
  background-image: url(https://kk-chikushi.co.jp/nwp/wp-content/uploads/AdobeStock_111167891-scaled.jpeg);
}

/* ホバー時に背景画像を拡大 */
.child_service1:hover::before,
.child_service2:hover::before,
.child_service3:hover::before,
.child_service4:hover::before {
  transform: scale(1.1);
}

/* タイトルのスタイル（やや左上配置） */
.child_service_title {
  position: absolute;
  top: 20px;     
  left: 20px;    
  z-index: 1;
  color: #fff;  
  font-size: 22px;
  font-weight: bold;
  padding: 8px 16px;
  background: rgb(0 79 184 / 60%);
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

a .child_service_title{
	writing-mode: horizontal-tb !important; /* 横書きに戻す */
}

/* 20250828 */
#cb_content_2.cb_design_header{
	padding:0 !important;
}

#cb_content_2 .post_content.clearfix .design_header.cb_design_header.inview.animate{
	justify-content:space-between;
	padding:0;
}

.cb_design_content:nth-child(even){
	background:#F6F9FC;
}

.3d-image{
	width:100%;
	height:auto !important;
	display:block !important;
}  

/* コメント非表示 */
#comments{
	display:none;
}

/* timeflow  */
.flow_design03 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}

.flow_design03 ul {
  padding: 0;
}

.flow_design03 li {
  list-style-type: none;
}

.flow_design03 dd {
  margin-left: 0;
}

.flow03 {
  position: relative;
}

.flow03::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}

.flow03 > li {
  position: relative;
}

.flow03 > li:not(:last-child) {
  margin-bottom: 60px;
}

.flow03 > li .icon03 {
  font-size: 0.8em;
  width: 4em;
  height: 2em;
  line-height: 2;
  text-align: center;
  font-weight: bold;
  border-radius: 100vh;
  color: #fff;
  background: #14a8d8;
  display: inline-block;
  margin-right: 0.3em;
}

.flow03 > li dl {
  padding-left: 70px;
  position: relative;
}

@media only screen and (max-width:767px){
	.flow03 > li dl {
  padding-left: 20px;
}
}

.flow03 > li dl::before,
.flow03 > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}

.flow03 > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #14a8d8;
  border-radius: 50%;
  left: -4px;
}

.flow03 > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}

@media only screen and (max-width:767px){
	.flow03 > li dl::after {
	display:none;
}
}

.flow03 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color: #14a8d8;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}

.dt-img img{
	border-radius:10px !important;
}
.interview-img{
	border-radius:10px !important;
}

/* interview */
.interview_text{
	line-height:2.2 !important;
}

/* PJ */
.comment-box{
	background: #f1f1f1;
    padding: 10px 20px;
    border-radius: 10px;
}

.comment-span{
/* 	color:#80cfe8; */
	color:#14a8d8;
	font-weight:700;
/*     border-radius: 10px; */
/*     padding: 10px; */
}

ul li{
	list-style:disc;
}

/* 画像 */
.bumon{
/* 	width: 50%; */
    margin: auto;
    display: block;
	padding-top:20px;
}

.bumon-lead{
	text-align:center;
}

.nenrei{
	width:100%;
	margin: auto;
    display: block;
	padding-top:20px;
}

.kouseizu{
	width:70%;
	margin: auto;
    display: block;
	padding-top:20px;
}

.manzokudo_chousa{
	width:60%;
	margin: auto;
    display: block;
	padding-top:20px;
}

/* add クリッカブル */
.imgBox {
    text-align: center;
    margin: 50px 0;
}
.imgBox img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}