/*大きい画面（640px以上）でクラス名「sp」を非表示*/
@media (min-width: 640px){
	.sp{
		display: none;
	}
}
/*小さい画面（639px以下）でクラス名「pc」を非表示*/
@media (max-width: 639px){
	.pc{
		display: none;
	}
}


/* ヘッダーロゴ */
.c-site-branding__title .custom-logo{
	width: 245px;
}

/*=====ヒーロー画面=====*/
/*===大きい画面===*/
/* ヒーロー見出し */
.pc .hero h1{
    color: #029ed6;
	z-index: 1;
	text-shadow: .5px .5px 3px  #fff, -.5px -.5px 3px  #fff;
	font-size: 5em;
	letter-spacing: 2px;
	line-height: 1.2em;
}
/* ヒーローフレーズの色と影*/
.pc .hero p{
    color: #fff;
	z-index: 1;
	text-shadow: 1px 1px 5px #000;
	font-size: 1.2em;
	font-weight: bold;
}
/* ヒーローフレーズの配置 */
.pc .hero .phrase{
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	z-index: 1;
}
/* ヒーロースライダー画像の高さ設定 */
.pc .hero-inner img{
	height: clamp(660px, calc(100vh - 170px), 1400px) !important; /*最小660px 通常は画面いっぱい 最大1400px*/
}

/*===小さい画面===*/
/* ヒーロー見出し */
.sp .hero h1{
    	font-size: 2em;
	letter-spacing: 2px;
	line-height: 1.2em;
	color: #029ed6;
	z-index: 1;
	text-shadow: .5px .5px 3px  #fff, -.5px -.5px 3px  #fff;
}
/* ヒーローフレーズの配置 */
.sp .hero .phrase{
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	z-index: 1;
}
/* ヒーローフレーズの色と影 */
.sp .hero p{
    font-size: 1em;
	font-weight: bold;
	color: #fff;
	z-index: 1;
	text-shadow: 1px 1px 5px #000;
}
/* ヒーロースライダー画像の高さ設定 */
.sp .hero-inner img{
	height: clamp(300px, calc(100vh - 120px), 660px) !important; /*最小300px 通常は画面いっぱい 最大660px*/
	object-fit: cover;
}
/* アニメーションの前は透過を0*/
.hero-inner, .hero p, .hero h1 span.first-line, .hero h1 span.second-line{
	opacity: 0; 
}

/*=====サイト全体=====*/
/* 改行禁止 */
.nowrap{
	white-space: nowrap;
}

/*===h2見出し===*/
/* 英語見出しのデザイン */
/* 見出し本体（テキスト左寄せの場合）*/
h2.eng-title{
	font-size: 1em;
	margin-bottom: 0 !important;
	padding: 0 20px !important;
	color: #f29207;
}

/*=====トップページ=====*/
/* 英語見出しのデザイン*/
/* 見出し本体（テキスト中央寄せの場合）*/
:where(.top-company, 
.top-recruitment, 
.top-network, 
.contact-box) h2.eng-title{
	display: inline-block; /*inline-blockに*/
	left: 50%; /*左右中央*/
	transform: translatex(calc(-50% - 5px)); /*左右中央*/
	padding: 0 0 0 20px !important; /*左側に点のスペースを空ける*/
	font-size: 1em;
	color: #f29207 !important;
}

/* 擬似要素で丸点 */
:where(.top-business,
.top-company, 
.top-recruitment, 
.top-network, 
.contact-box,
.top-news) h2.eng-title::before{
	content: "";
    display: block;
    position: absolute;
    top: 50%;
	transform: translatey(-50%);
    left: 0;
    width: 10px;
    height: 10px;
	border-radius: 100%;
    background-color: #f29207;
}

/* ビジネスブロックのh3見出し */
/* 擬似要素で見出しの前に細い横線 */
.top-business__details h3::before{
	content: "";
	display: block;
	position: absolute;
	width: 20px; /*見出しの前に細い横線*/
	height: 1px;
	top: 50%;
	left: -28.8px; /*ボックスのpaddingと同じ28.8pxに設定*/
	right: 100%;
	background-color: #025978;
	z-index: 1;
}
/* コンテナのサイズ（コンテンツの幅） */
.top-business__container, 
.top-news__container,
.top-panel__container, 
.contact-box__container{
	width: calc( 100% - ( 20px * 2 ) );
	max-width: 1300px !important; /*最大幅1300px*/
	margin-left: auto; /*左右中央*/
	margin-right: auto;
}
.top-business__container, 
.top-panel__container, 
.contact-box__container{
   	padding: 70px 0; /*上下のパディング70px*/
}
/*お知らせブロック*/
.top-news{
	border-top: solid 1px #f29207; /*枠線*/
	border-bottom: solid 1px #f29207;
	padding: 30px 0;
	margin-bottom: 30px !important;
}
/*最新の記事一覧*/
.wp-block-latest-posts li{
	list-style: "- ";
}

/*===案内パネルのブロック===*/
/* ブロック全体の背景色 */
.top-panel{
	background-color: #ffdca8;
}
/* パネルのデザイン */
.top-company, 
.top-recruitment, 
.top-network{
	padding: 70px 30px; /*上下のパディング70px 左右30px*/
	background-color: #fff;
	border: solid 1px #f29207;
	box-shadow: 0 0 0 10px #fff;
}

/*=====コンタクトボックス=====*/
/*コンテナサイズ*/
.contact-box__container{
	margin-top: 70px !important; /*上下のマージン70px*/
	margin-bottom: 70px !important;
    border: solid 1px #f29207; /*枠線*/
}


/*=====投稿ページの設定=====*/

.c-prev-next-nav__item a{
	background: #ECF9FB;
	color: #025978; /*リンクの文字色*/
	padding: 10px 20px; /*パディング*/
}

/*=====下層ページの設定=====*/
/* コンテナサイズ */
.sub-main__container{
	width: calc( 100% - ( 20px * 2 ) ); /*最大幅1300px*/
	max-width: 1300px !important;
	margin-left: auto; /*左右中央*/
	margin-right: auto;
}
/* 下層ページのページヘッダー（画像背景） */
.page .c-entry__header{
	position: relative;
	color: #fff;
	font-size: 1em;
	background-color: #000; /*画像が読み込まれない時の背景色*/
	background-image: url(https://toko-shiko.jp/wp-content/uploads/2024/08/hero-subpage-scaled.jpg); /*背景画像*/
	background-repeat: no-repeat; /*画像をリピートしない*/
	background-size: cover; /*要素いっぱいに画像を広げる*/
	height: max(2.5em, 20vh); /*ヘッダーの高さ最小2.5em*/
}
/* 下層ページのh1ページ見出し */
.page h1.c-entry__title{
	position: absolute;
	top: 50%; /*親要素の上下中央に配置*/
	left: 50%;
	transform: translate(-50%, -50%);
}
/* 下層ページのh2見出し */
.sub-main h2{
	padding: 3px 0;
	color: #025978;
	border-top: solid 1px #025978; /*上下ボーダー*/
	border-bottom: solid 1px #025978;
}

/*=====会社案内ページ=====*/
/* ご挨拶 コンテナ*/
.company-message .container{
	padding: 25px 0;
	max-width: max(700px, 85%);
	margin-left: 0;
}
/* 代表者の名前を大きく*/
.company-message .emphasize{
	font-size: 1.2em;
}
/*企業理念 リストのデザイン*/
/*リストマーカー*/
.company-philosophy li::marker{
	font-size: 1.2em; 
	font-weight: bold;
	color: #7f7f7f;
}
/*リストの見出し部分*/
.company-philosophy li .list-heading{
	font-size: 1.3em;
	font-weight: bold;
	color: #7f7f7f;
}
/*沿革*/
.tableHistory td{
	border: none;
}
/*会社概要と沿革テーブルの左列を狭く*/
:where(.tableHistory, .tableCompanyInformation) td:first-child{
	width: 9em;
}

/*=====事業所紹介ページ=====*/
/* リストマーカーの変更 */
.networkDepartmentList > li{
	list-style-type: none !important;
}
/* 擬似要素でリストマーカーを四角に */
.networkDepartmentList > li::before{
	display: inline-block;
    content: '';
	width: 10px;
	height: 10px;
	background: #000;
	transform: translatex(-5px);
}

/*=====制作実績ページ=====*/
/*ファイルNo. の文字デザイン*/
.projectTitleNumber{
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #b0dfeb;
}

.pc .smaller{
	width: max(75%, 400px) !important;
	margin: auto;
}

/*=====採用ページ=====*/

.recruit-main__container{
	max-width: 900px;
	margin: auto;
}

.recruit-main .job-positions .job-position-item{
	background-color: #f0f0f0; /*背景色*/
	padding: 30px 15px; /*上下のパディング30px*/
}

.recruit-main .job-positions .job-type{
	font-weight: bold;
	background: #025978;
	color: #fff;
	padding: 2px 5px;
	border-radius: 5px;
}

.recruit-main .job-positions .wp-block-button__link{
	background-color: #f0f0f0;
	color: #025978; /*ボタンの文字色*/
	border: solid 1px #025978; /*ボタンの枠線*/
	border-radius: 5px; /*ボタンの角丸*/
}

/* =====各種求人ページ ====== */
.position-main__container{
	max-width: 900px;
	margin: auto;
}

.position-main tbody td{
	border: 2px solid white;
	padding: 25px;
}

.position-main table td:first-child{
	width: 25%;
	background-color: #b0dfeb;
	font-weight: bold;
}

.position-main table td:nth-child(2){
	background-color: #ECF9FB;;
}
/*=====問い合わせフォーム=====*/
/*文字の強調*/
.smf-form .emphasize{
	color: #f26507;
}

/*=====フッター=====*/
/*フッターの色*/
.footer-box{
	background-color: #025978; 
	color: #fff;
}
/*コンテナサイズ*/
.footer-box__container{
	width: calc( 100% - ( 20px * 2 ) );
	max-width: 1300px !important; /*最大幅1300px*/
	padding: 100px 0; /*上下のパディング100px*/
	margin-left: auto; /*左右中央*/
	margin-right: auto;
}
/* フッターサブナビゲーション */
.p-footer-sub-nav, .c-sub-nav .c-navbar{
	background-color: #333333; /*背景黒*/
	color: #fff;
	justify-content: center !important; /*中央揃えに*/
}