@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/**********************************/
/*              all               */
/**********************************/

.body {
	max-width : 1200px;
	margin : 0 auto;
	padding : 0;
}

div.entry-content.cf,
div#content-in.content-in.wrap {
	max-width : 1200px;
	margin : -23px 0 0 0;
	padding : 0;
}

/* 全タイトル消し */
.entry-title {
	display : none;
}

/* 本文カラム */
div.center_column {
	margin : 5px auto;
	padding : 0;
}
/* サイドカラム Noウィジェット！*/
div.side_column {
	max-width : 280px;
	padding-left : 0;
}

/* リンク線消し */
a {
	text-decoration : none;
}

/* ｈ1 */
h1.title2 {
	padding-bottom : 0;
	border-bottom : solid #245c06 2px;
	margin : -1rem 1rem 1rem 0;
}
.title2 {
	position : relative;
	font-size : 16px;
	border-bottom : solid #245c06 3px;
	color : #245c06;
	padding-left : 5px;
	margin-bottom : 2px;
}
.title2 span {
	position : relative;
	z-index : 10;
}
h1.title2::before {
	content : attr(data-en);
	position : absolute;
	top : -10px;
	left : 20px ;
	color : rgba(5,62,98,0.2);
	font-size : 20px;
	text-transform : uppercase;
	z-index : 2;
}

/* 白抜きボックス余白 線 */
div.white_box {
	border : 0;
	padding : 0 15px;
}

/* 全page 最下部余白消し */
div#content.content.cf {
	margin-bottom : -17px;
}

/* 会社案内ボックス内ボタン */ 
.button_sales_office {
	width : 80%;
	text-align :center;
}

/* ボタン　リンク文字色 後で修正！！ */
/* バナーアイコン */
figure.banner {
    display : block;
	max-width : 280px;
}

/* バナー */
figure.wp-block-image.banner {
	margin-bottom : 7px;
}

figure.banner > a > img,
figure.banner > img,
figure.toppage_header_box_img {
    transition : all .3s;
}
figure.banner > a > img:hover,
figure.banner > img:hover,
figure.toppage_header_box_img:hover {
    filter : brightness(60%);
}

/* otherページのトップ背景　*/
figure.toplogo_back_img {
	background-image : url(https://isys-tem.co.jp/wp-content/uploads/2025/01/isystem_toplogo_backimg-1.png);
	background-repeat : no-repeat;
	width : 100%;
}

/* ボタンホバー時　*/
div.wp-block-button.button_sales_office a:hover {
	color : #73c488;
}

/************************/
/*       header         */
/************************/

/* ヘッダー */
#header-in {
	height : 120px;
}

#navi-in {
	max-width : 1200px
}
#header-in > div {
	padding-bottom : 0;
}
 @media screen and (max-width: 1200px) {
	 #header-in {
		 height : 100px
	 }
}

 @media screen and (max-width: 750px) {
	
	/* ヘッダー画面入替 */
	.site-logo-image {
			visibility : hidden;
		}
	.logo-header.logo-image {
		background-image: url(https://isys-tem.co.jp/wp-content/uploads/2025/02/header_mb_text.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	} 
	header#header.header.cf {
		min-height : 8vh;
	}
	 #header {
		 max-width : 100vw;
	}
	#header-in > div.logo.logo-header.logo-image > a > span {
		min-height : 70px;
	}
}

/************************/
/*       menu           */
/************************/

/* グローバルメニュー下 空白除去 */
.main, 
#main, 
.entry-content.cf {
	margin : 0;
	padding : 0;
}

/* Gメニュー下余白縮小 */
div#navi-in.navi-in.wrap.cf {
	margin-bottom : -15px ;
}

/* Gメニュー背景 */
ul#menu-topmenu.menu-top.menu-header {
	background-image : url(https://isys-tem.co.jp/wp-content/uploads/2025/01/gmenu_pc_back_img.png);
	background-repeat : no-repeat;
	max-width : 100%;
	background-size: cover;
}

/* 左と2番目 仕切り線 */
#navi .navi-in > ul li {
	border-right : 1px dotted #ffffff;
	border-left : 1px dotted #ffffff;
}

/* 左から3番目以降 仕切り線 */
#navi .navi-in > ul li + li {
	border-right : 1px dotted #ffffff;
	border-left : none;
}

/* Gメニュー文字 */
#navi .navi-in > .menu-header .item-label {
	font-size: 14px;
}

/* Gメニュー ホバー時 */
#navi .navi-in > .menu-header .item-label:hover,
.item-description.sub-caption:hover {
	font-weight : bold;
	opacity: .8;
}
#navi .navi-in a:hover {
	opacity: .8;
	transition: all 0.3s ease-in-out;
}

/*サブメニュー*/
#navi .navi-in > .menu-header .sub-menu,
#navi .navi-in > .menu-header .sub-menu a {
	background: #ffffff;
}

/* フッター*/
.menu-footer,
div.source-org.copyright {
	max-width : 1200px;
}
.navi-footer-in a:hover {
	background : #2ea147;
}

/************************/
/*        list          */
/************************/

/* リスト文字 */
a.wp-block-pages-list_item_link {
	color : #245c06;
}

/************************/
/*    sitemap page      */
/************************/

li.sitemap_text > a {
	color : #245c06;
}

/* サイトマップ リスト */
ul.wp-block-list {
	list-style-type : none;
	padding : 1em;
}
ul.wp-block-list li {
	display : flex;
	align-items : center;
	position : relative;
	padding : 0.7rem 3rem;
	border-bottom : dashed 1px #245c06 ;
}
ul.wp-block-list li::before,
ul.wp-block-list li::after {
	position : absolute;
	content : '';
}
ul.wp-block-list li::before {
	left: 0;
	width : 1.2em;
	height : 1.2em;
	border-radius : 50%;
	background-color : #245c06;
}
ul.wp-block-list li::after {
	left : .6em;
	transform : translateX(-75%) rotate(-45deg);
	width : .3em;
	height : .3em;
	border-bottom : 2px solid #fff;
	border-right : 2px solid #fff;
}

/************************/
/*      top page        */
/************************/

/* スライダー */
div.slider_column {
	width : 1200px;
	height : 350px;
	margin : 0 auto;
	padding : 0;
}

/* 以下whatsnew */

/* タイトル */
.article h6 {
	padding-bottom : 0;
	margin-left : 0;
	font-size : 15px;
	font-weight : bold;
	color : #245c06;
}

/* title下 余白削除 */
h6.wp-block-post-title {
	margin-bottom : -10px;
}

/* 本文文字 */
div.entry-content {
	padding : 0 5px 10px 10px;
	font-size : 14px;
}

/* ページ送り数字消し*/
div.whatsnew_number {
	display : none;
}

/* area2 下余白削除 */
div.toppage_secondarea_column {
	margin-bottom : -27px!important;
}

/* area2 中間空白カラム */
div.toppage_2area_btw_space_column {
	margin-right : -20px;
	margin-left : -20px;
}

/* area2文字 */
.toppage_second_area_text {
	font-size : 15px;
	padding : 0 7px;
}

/************************/
/*    contact page      */
/************************/

/* 送信ボタン */
input.wpcf7-form-control.wpcf7-submit.has-spinner {
	background-color : #73c488;
	color : #fff;
}
input.wpcf7-form-control.wpcf7-previous {
	background-color : #ff5757;
	color : #fff;
	width : 100%;
	padding : 8px 0;
	border : #ff5757;
	margin-bottom : 10px;
}

/************************/
/* ppolicy,recruit page */
/************************/

/* ppolicy囲み */
.privacy_policy_box > p {
	padding : 0 15px 15px 15px;
}
.privacy_policy_box {
	border : 0;
}
.privacy_policy_contact {
	padding : 24px;
}
	
/* 折返し禁止 */
div.nowrap {
	display :inline-block;
	padding : 8px 0;
}
div.nowrap > p {
	white-space : nowrap;
	overflow: auto;
}

/* リクルートTELボックス */
div.recruit_box {
	padding : 30px 0 30px 20px;
	background-color : #d4edda;
}
div.recruit_parent_column.is-layout-flex {
	margin-bottom : 5px;
}


/************************/
/*       table          */
/************************/

/* 表サイズ */
figure.wp-block-flexible-table-block-table {
	min-width : 80%;
    max-width : 95%;
	margin : 0 16px;
}

/* 表 太文字と折返し禁止 */
.table_font_bold {
	font-weight : bold;
	white-space : nowrap;
	font-size : 12px;
}

/************************/
/*       mobile         */
/************************/

/* モバイル時　Gメニュー */
@media screen and (max-width: 1023px)  {
	
	/* メニュー仕切り線削除 */
	#navi .navi-in > ul li,
	#navi .navi-in > ul li + li {
		border : none;
	}
	
	/* Gメニュー上調整 */
	div#navi-in.navi-in.wrap.cf {
		padding-top : 4px ;
	}
	
	/* Gメニュー背景 */
	.navi-in {
		opacity : 0.8;
		background: linear-gradient(#66cc99,#99ff99); 
		color : #013d09;
	}
}

/* 以下モバイル時 */
@media screen and (max-width: 780px) {
	
	/* カラム余白調整 */
	div.left_column,
	div.right_column,
	.recruit_box_space_column {
		display : none;
	}
	div.side_column {
		min-width : 250px;
		margin : 0 auto;
	}
	div.center_column {
		margin : 0 auto;
		padding : 10px 0 0 5px;
	}
	
	/* Gメニュー下段余白 */
	div#navi-in.navi-in.wrap.cf {
		padding-bottom : 5px;
	}
	
	/* otherpege topロゴ非表示 */
	figure.toplogo_back_img,
	div.otherpage_top_space {
		display : none;
	}
	
	/* 白抜きボックス余白 線 */
	div.white_box {
		margin : 0;
		border : 0;
		padding : 10px;
	}
	
	/* 採用情報 */
	div.recruit_parent_column.is-layout-flex {
		margin-bottom : 20px;
	}
	div.recruit_tel_column {
		text-align : center;
		padding-right : 50px;
		font-size : 18px;
	}
	div.recruit_telbox_title {
		margin-bottom : -20px;
	}

	/* 表サイズ */
	figure.wp-block-flexible-table-block-table {
		width : 100%;
		margin-left : 8px;
	}	
	/* 表メーカー名中央寄せ */
	td.table_maker_name {
		text-align : center!important;
	}
		
	/* サイドバナー */
	figure.banner {
		max-width : 280px;
		padding : 0;
		margin : 0 auto;
	}
	
	/* 会社案内ボックス */
	div.company_box {
		max-width : 280px;
		margin : 0 auto;
		padding : 0;
	}
	p.company_text {
		padding : 0 16px;
	}
	figure.company_box_img {
		padding : 8px;
	}
	/* 会社案内ボックス ボタン */
	div.button_sales_office {
		padding : 0 8px;
	}

	/* コンタクトフォームのカラム */
	.contact_form_column {
		padding : 20px;
	}	
	
	/* h1見出し */
	h1.title2 {
		margin : 10px;
	}
	
	/* 会社概要ページ上余白消し*/
		div#other.wp-block-spacer {
			margin-top : -60px;
		}
	
/**** 以下モバイル トップページ ****/
	
	/* スライダー */
	div.slider_column {
		height : 200px;
		margin : 0 auto;
		padding : 0;
	}
	div.slider_pc.is-layout-flex {
		margin-bottom : 0;
	}
	
	/* whatsnew 余白 */
	.article h6 {
		padding : 8px 8px 0 0;
		}
	.wp-block-query-is-layout-flow > ul {
		padding : 10px;
	}

	/* area2の個別カラム */
	div.toppage_second_column {
		margin : 0 16px 0 0;
	}
		
	/* 2エリア画像中央寄せ*/
	figure.toppage_header_box_img > img {
		margin : 0 auto;
	}
	
	/* 2エリア画像縮小 */
	.toppage_header_box_img {
		width : 80%;
		margin-top : 12px;
	}
	
	/* ヘッダー */
	#header-in > div.logo.logo-header.logo-image {
		margin : 0;
		padding : 0;
	}

}

@media screen and (max-width: 400px) {
	
	/* 会社案内テキスト */
	.toppage_company_text {
		padding : 8px;
	}
}