@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/***********共通***********/
.transparent-block {
	position: relative;
	top: -150px;
}

/*メニュー*/
.navi-in li {
	width:146px !important;
}

.navi-in .item-label, .navi-in .sub-menu {
	font-size: 16px;
}

.sns-follow-message{
	font-size:0;
}

.sns-follow-message:before{
	font-size:1.3rem;
	color: #000000;
	content:'株式会社STAFF INNOVATIONをフォローする';	
}

.logo-header .site-name::after {
	color: #FFFFFF;
	content: '株式会社STAFF INNOVATION';
}

.widget-entry-card-date {
  display: block;
}

/*セクション*/
section {
	margin-bottom: 100px !important;
	opacity: 0.5;
	transform: translateY(150px);
	transition-property: transform, opacity;
	transition-duration: 1.5s;
	transition-delay: 0s;
}

.is-active {
	opacity: 1;
	transform: translateY(0);
}
/***********************/

/*行をグリッド風に表現*/
.section-company > .wp-block-cocoon-blocks-column-2, .section-job-description > .wp-block-cocoon-blocks-column-2{
	border-bottom: 1px solid #D0CBCC;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.section-company > .wp-block-cocoon-blocks-column-2:last-child, .section-job-description > .wp-block-cocoon-blocks-column-2:last-child{
	border-bottom: none;
}
/***********************/

.wp-block-cocoon-blocks-column-2 img{
	margin-top:1.7em;
	
}

.btn {
	border-width: 1px;
}

/*画像の上にのせる用の背景透明ボタン*/
.transparent-button {
	margin-bottom:10px !important;
}

.transparent-button a{
	background-color: rgba(255, 0, 0, 0.0) !important;
}
/***********************/

/*2列カラムの間の幅*/
.column-wrap {
  gap: 3rem;
}
/***********************/

/*トップに戻るボタン*/
.go-to-top {
  right: 50px;
  bottom: 50px;
}

.go-to-top-button {
  border-radius: 50%; /*丸くする*/
  width: 50px;
  height: 50px;
  font-size: 50px; /*アイコンフォントのサイズ*/
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
}
/***********************/


/*アピール画像関係*/
.appeal-title {
	font-size:0;
}

.appeal-content {
	background-color: #373f91c7;
}

.appeal {
	height:100%;
}
/***********************/

.appeal-in {
    min-height: 400px;
}

/***********HOME***********/
.page-id-16 .appeal {
	background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/home-top-m.jpg');
	/*height: calc(100vw * calc(600 / 1920));/*縦600 / 横1920*/
}

.page-id-16 .appeal-title:before {
	font-size:2rem;
	font-weight:bold;
	color: #FFFFFF;
	white-space: pre;
	content:'ＩＮＮＯＶＡＴＩＯＮを人財で\A株式会社ＳＴＡＦＦ　ＩＮＮＯＶＡＴＩＯＮ';
}

.page-id-16 .appeal-in {
    min-height: 500px;
}

/*
.home-recruit-block {
	width:60%;
}
*/

/***********会社概要***********/
.page-id-26 .appeal {
	background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/about-top-m.jpg');
}

.page-id-26 .appeal-title:before {
	font-size:2rem;
	font-weight:bold;
	color: #FFFFFF;
	content:'会社概要';
}

.page-id-26 .appeal-content {
	background-color: #373f91b7;
}


/***********事業内容***********/
.page-id-28 .appeal {
	background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/service-top-m.jpg');
}

.page-id-28 .appeal-title:before {
	font-size:2rem;
	font-weight:bold;
	color: #FFFFFF;
	content:'事業内容';
}


/***********採用情報***********/
.page-id-34 .appeal {
	background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/recruite-top-m.jpg');
}

.page-id-34 .appeal-content{
	display:none;
}


/***********新着情報***********/
.page-id-398 .appeal {
	background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/news-top-m.jpg');
}
.page-id-398 .appeal-content{
	display:none;
}


/***********お仕事お探しの方***********/
.page-id-633 .appeal {
	background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/job-search-top-m.jpg');
}

.page-id-633 .appeal-title:before {
	font-size:2rem;
	font-weight:bold;
	color: #FFFFFF;
	content:'お仕事お探しの方';
}


/***********お問い合わせ***********/
.page-id-36 .appeal {
	background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/contact-top-m.jpg');
}

.page-id-36 .appeal-content{
	display:none;
}



/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.appeal {
		height: 100%;
	}
	
	.sns-follow-message:before{
		font-size:1.0rem;
	}
	
	.navi-in li {
		width:50% !important;
	}
	.navi-in .item-label, .navi-in .sub-menu {
		font-size: 14px;
	}
	
	/*HOME*/
	.page-id-16 .appeal {
		background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/home-top-m-tablet.jpg');
	}
	
	.page-id-16 .appeal-title:before {
		font-size:1.5rem;
	}

	/*事業内容*/
	.page-id-28 .appeal {
	 	background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/service-top-m-tablet.jpg');
	}

	/***********採用情報***********/
	.page-id-34 .appeal {
		background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/recruite-top-tablet-m.jpg');
	}

	/***********新着情報***********/
	.page-id-398 .appeal {
		background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/news-top-tablet-m.jpg');
	}
	
	/***********お仕事お探しの方***********/
	.page-id-633 .appeal {
		background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/job-search-top-tablet-m.jpg');
	}

	/***********お問い合わせ***********/
	.page-id-36 .appeal {
		background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/contact-top-tablet-m.jpg');
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/*HOME*/
	.page-id-16 .appeal {
		background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/home-top-m-mobile.jpg');
	}

	.page-id-16 .appeal-title:before {
		font-size:1rem;
	}
	
	/*事業内容*/
	.page-id-28 .appeal {
	 	background-image: url('http://test-innovation.site/wp-content/uploads/2024/09/service-top-m-mobile.jpg');
	}
	
	.flex-column{
		flex-direction: column-reverse !important;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.page-id-16 .appeal-title:before {
		font-size:0.9rem;
	}
}