/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 09 2023 | 00:42:56 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/

/*==============================================================
固定ページ共通
==============================================================*/
/*----------------------------------------------------
ページ背景
----------------------------------------------------*/
body:not(.home) {background-image:url(http://kk-ishimaru.co.jp/wp-content/uploads/page_bg_ismk_03.png);
	background-repeat:no-repeat; background-position:left 15vh; background-size:auto 800px; background-attachment:fixed;}
@media screen and (max-width:780px) {body:not(.home) {background-image:none;}}
/*----------------------------------------------------
ボタン
----------------------------------------------------*/
.btn01 {position:relative; z-index:1; overflow:hidden;
	display:block; max-width:300px; margin: 0 auto; color:#fff; background:#444; padding:1rem 3rem; text-align:center;
	transition:ease 0.2s;}
.btn01:hover {color:#fff; text-decoration:none;}

.btn01.flow_left:after {position:absolute; z-index:-1; content:''; top:0; left:0; width:100%; height:110%; background:#e00612;
	transform:scale(0, 1); transform-origin:left top; transition:0.3s cubic-bezier(0.8, 0, 0.2, 1);}
.btn01.flow_left:hover::after {transform:scale(1, 1);}
/*----------------------------------------------------
カスタムページヘッダー
----------------------------------------------------*/
/*----デフォルトのページヘッダーは非表示にしています / htmlの場所は子テーマのheader.php----*/
/*----親----*/
.cstm_pheader {position:relative; z-index:1; display:block; height:260px; margin-bottom:64px;}
/*----子（見出し枠）----*/
.pheader_ttl {position:absolute; z-index:5; top:32%; left:8%; border:none; margin:0; padding:0;}
/*----子（背景枠）----*/
.pheader_bg {margin:0 0 0 20%; height:100%;
	background-size: cover; background-repeat:no-repeat; background-position:center left;}
/*----背景画像の指定----*/
.pheader_bg.news {background-image:url(http://kk-ishimaru.co.jp/wp-content/uploads/pheader_bg_news_03.jpg);}/*お知らせ*/
.pheader_bg.works {background-image:url(http://kk-ishimaru.co.jp/wp-content/uploads/pheader_bg_works_01.jpg);}/*施工実績*/
.pheader_bg.policy {background-image:url(http://kk-ishimaru.co.jp/wp-content/uploads/pheader_bg_policy_01.jpg);}/*サイトマップ・ポリシー(2)*/
.pheader_bg.company {background-image:url(http://kk-ishimaru.co.jp/wp-content/uploads/pheader_bg_company_03.jpg);}/*会社概要*/
.pheader_bg.business {background-image:url(http://kk-ishimaru.co.jp/wp-content/uploads/pheader_bg_business_01.jpg);}/*事業案内*/
.pheader_bg.recruit {background-image:url(http://kk-ishimaru.co.jp/wp-content/uploads/pheader_bg_recruit_02.jpg);}/*採用情報*/
.pheader_bg.cnt_disc {background-image:url(http://kk-ishimaru.co.jp/wp-content/uploads/pheader_bg_cnt_disc_01.jpg);}/*お問い合わせ*/
/*----sp時----*/
@media screen and (max-width:780px) {
	.cstm_pheader {height:180px; margin-bottom:98px;}
	.pheader_ttl {top:90%; left:5%;}
	.pheader_bg {margin:0 0 0 0; width:100%; background-position:center center;}}
/*----------------------------------------------------
ヘディング
----------------------------------------------------*/
.mainSection-title, h1, h2, h3, h4, h5, h6 {margin: 0;}
/*----------------------------------------------------
ヘディング / h1
----------------------------------------------------*/
h1.desi01 {position:relative; padding:0 0 0 3.5rem;}
h1.desi01:before {position:absolute; z-index:-1; content:""; width:2.6rem; height:2.6rem; background:#009143; top:18%; left:0;}
h1.desi01 .en {font-family:'Roboto', sans-serif; text-transform: uppercase; font-weight:700; line-height:1.2; font-size:4rem;}
h1.desi01 .jp {display:block; font-size:1.2rem;}
h1.desi01 .en, h1.desi01 .jp {text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
/*----sp時----*/
@media screen and (max-width:780px) {
	h1.desi01 {padding:0 0 0 2.5rem;}
	h1.desi01:before {width:2rem; height:2rem; top:13%;}
	h1.desi01 .en {font-size: 2.8rem;}}
/*----------------------------------------------------
ヘディング / h2
----------------------------------------------------*/
h2 {border:none; padding:0;}
h2 span.en {font-size:2.6rem; font-weight:700; 
	font-family:'Roboto', sans-serif; text-transform:uppercase;}
h2 span.jp {display:block; color:#fff; background:#009143; font-size:1.2rem; padding:0rem 0.5rem;}
@media screen and (max-width:780px) {h2 span.en {font-size:2.2rem;}}
/*----------------------------------------------------
ヘディング / h3
----------------------------------------------------*/
h3 {position:relative; padding:0 0 0 1.8rem; font-size:1.7rem; font-weight:500; border:none;}
h3:before {position:absolute; content:""; left:0; top:1rem; width:1.3rem; height:3px; background:#009143;}
h3:after {content:none;}

/*==============================================================
会社概要
==============================================================*/
/*----------------------------------------------------
テーブル / 概要
----------------------------------------------------*/
.tb_gaiyou, .tb_gaiyou th, .tb_gaiyou td {border:none;}
.tb_gaiyou th, .tb_gaiyou td {padding:1rem;}
.tb_gaiyou th {width:6.5rem; background:#009143; color:#fff; border-bottom: 1px solid #fff; text-align:center;}
@media screen and (max-width:780px) {.tb_gaiyou th, .tb_gaiyou td {padding:1rem 0.5rem;}}
/*----------------------------------------------------
テーブル / 沿革
----------------------------------------------------*/
.tb_enkaku th, .tb_enkaku td {padding:1rem;}
.tb_enkaku th {width:12rem; text-align:left;}
.tb_enkaku tr:hover {background:#e1f7eb;}
@media screen and (max-width:780px) {.tb_enkaku th {width:6.5rem; text-align:center;}}

/*==============================================================
事業案内
==============================================================*/
.cnst_pa {position:relative; height:480px;}
.cnst_ch01 {position:absolute; z-index:1; content:""; width:80%; height:100%; top:0%; left:10%; background:#eaf9e7;}
.cnst_ch02 {position:absolute; z-index:2; top:-4%; left:2%; width:260px;}
.cnst_ch03 {position:absolute; z-index:3; top:8%; right:2%; width:260px;}
@media screen and (max-width:991px) {
	.cnst_ch02 {top:-10%; width:200px;}
	.cnst_ch03 {top:20%; width:200px;}}
@media screen and (max-width:780px) {
	.cnst_pa {height:auto; text-align:center}
	.cnst_ch01 {width:100%; height:80%; top:10%; left:0%;}
	.cnst_ch02, .cnst_ch03 {width:40%; position:relative; display:inline-block; margin:0 1rem;}
	.cnst_ch02 {top:0; left:0;}
	.cnst_ch03 {top:0; right:0;}}

/*==============================================================
施工実績
==============================================================*/
/*----------------------------------------------------
テーブル / ワークス
----------------------------------------------------*/
/*----テーブル / 概要 (tb_gaiyou)を汎用してます----*/
.tb_gaiyou.tb_works tr {display:inline-block; width:50%;}
@media screen and (max-width:780px) {.tb_gaiyou.tb_works tr {display:block; width:100%;}}

/*==============================================================
採用情報
==============================================================*/
/*----------------------------------------------------
テーブル / 求人内容
----------------------------------------------------*/
.tb_recruit td {padding:1rem;}
.tb_recruit th {padding:1rem 1rem 1rem 4rem; width:14rem; text-align:left;}
.tb_recruit tr:hover {background:#e1f7eb;}
@media screen and (max-width:780px) {.tb_recruit th {padding:1rem 0.5rem; width:8rem;}}



.wrk_pic p {margin:0;}