/*!
Theme Name: shonai-tire_saiyo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: temp_base
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

temp_base is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

/* トップページ-1300px以下
--------------------------------------------- */
@media print, screen and (max-width:1300px) {
}
/* トップページ-999px以下
--------------------------------------------- */
@media print, screen and (max-width:999px) {
	/* ヘッダー
--------------------------------------------- */
	
	/* オーバーレイ-SP
--------------------------------------------- */
	.header_link-entry.entry_wrapper,
	.header .sns_icon-box{
		display: none;
	}
	
 /* オーバーレイ-SP
--------------------------------------------- */
		.overlay#overlay_sp{
		flex-direction: column;
		padding-top: calc(60px + 2.4rem);
			overflow-y: auto;
			height: auto;
			padding-bottom: 1.6rem;
			}
	.navigation_wrapper .navigation_right > ul,
	.navigation_wrapper .navigation_left > ul{
		width: 100%;
	}
	.overlay#overlay_sp .navigation_wrapper{
		padding-right: 2.4rem;
		padding-left: 2.4rem;
	}
	.overlay#overlay_sp .navigation_wrapper{
		display: block;
		width: 70%;
	}
	.overlay#overlay_sp .navigation_wrapper ul > .nav_main-navi{
		font-size: var(--font-size--h3);
		padding-top: 1.2rem;
		padding-bottom: 1.2rem;
	}
	.overlay#overlay_sp .navigation_right nav{
		margin-top: 0;
		margin-bottom: 6.4rem;
	}
	.overlay#overlay_sp .entry_wrapper{
		height: auto;
		width: auto;
		gap: 2.4rem;
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
				margin-bottom: 3.2rem;
		border-top: 1px solid var(--black);
		border-bottom: 1px solid var(--black);
		align-items: center;
			}
	.overlay#overlay_sp .entry_wrapper .btn-entry{
				padding-top: .5em;
		padding-bottom: .5em;
		border-radius: 15px;
		width: 80%;
	}
	.overlay#overlay_sp .entry_wrapper .btn-entry a{
		width: 100%;
		justify-content: flex-start;
		padding-left: 4rem;
	}
	
	.overlay#overlay_sp .sns_icon-box{
		margin-right: 0;
		margin-bottom: 4rem;
		display: flex !important;
	}
	.overlay#overlay_sp .nav_link-home.nav_main-navi{
		display: none;
	}
	.overlay#overlay_sp p,
	.overlay#overlay_sp small{
		text-align: center;
	}
	.overlay#overlay_sp .sub-menu li,
	.overlay#overlay_sp .sub-menu > * > .sub-menu li{
	padding-top: .5em;
				
}
	/* オーバーレイSP-アコーディオン */
.overlay#overlay_sp .nav_main-navi.menu-item-has-children > a{
  position: relative;
  cursor: pointer;
	display: flex;
  justify-content: space-between;
  align-items: center;
	width: 90%;
	padding-left: calc(var(--font-size--h3) + 1.6rem);
}
	.overlay#overlay_sp	.navigation_wrapper .nav_main-navi.menu-item-has-children > a::before{
		font-size: var(--font-size--h3);
	}
.overlay#overlay_sp .nav_main-navi > a::after {
  content: "";
	position: absolute;
	right: -10%;
background-image: url("https://systembox-prod.sakura.ne.jp/shonai-tire_saiyo/wp/wp-content/uploads/2025/10/batu.png");
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  display: inline-block;
  	width: var(--font-size--h3);
	height: var(--font-size--h3);
    transform-origin: center;
	transition: transform 0.3s ease;
	transform: rotate(45deg);
}
	.overlay#overlay_sp .nav_main-navi.nav_link-corp > a::after{
		display: none;
	} 
.overlay#overlay_sp .nav_main-navi.open > a::after {
  transform: rotate(0);
	}
	.overlay#overlay_sp .g_menu-pc--hide{
		display: block;
	}
	
	/* フッター */
	.footer .navigation_wrapper{
		justify-content: center;
	}
	/* 仕事を知る-アコーディオン*/
	.gkit-adv-paragraph-text{
		font-size: 1.4rem;
	}
	/* 人を知る-投稿一覧*/
	.wp-block-latest-posts.columns-3 li{
		width: calc((100% - 3.2rem) / 2);
		}
	/* 環境を知る*/
	.page_culture-event--item{
	width: calc((100% - 2.4rem) / 2);
}
	/* 採用情報*/
	.page_saiyo-bg-img{
		min-height: 350px;
	}
	.page_saiyo-pdf--item{
		width: calc((100% - 2.4rem) / 2);
	}
  /*------999px以下ここまで-------*/
}
/* 768px以下
--------------------------------------------- */
@media print, screen and (max-width:768px) {
	h3 {
 
	font-weight: 600;
}
h4 {
  
	font-weight: 600;
}
	/* アンカーリンク */
	[id]{
scroll-margin-top: 40px;
}
	/* へッダー */
	.header{
		height: 40px;
	}
	.header .custom-logo-link img {
  max-width: 10rem;
  width: 100%;
  height: auto;
	}
		.ham_btn {
		min-width: 40px;
    width: 40px;
  height: 40px;
 	gap: .8rem;
 }
.ham_btn span {
   height: 2px;
    width: 20px;
   }
	.ham_btn.is_open span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
.ham_btn.is_open span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}
	.overlay#overlay_sp .entry_wrapper .btn-entry{
		width: 100%;
	}
	.overlay#overlay_sp .entry_wrapper .btn-entry a{
		justify-content: center;
		padding-left: 0;
		font-size: 1.6rem;
	}
	.sns_icon-box img{
		width: 3.2rem;
	}
	/* fv */
	.lower_fv .bg_image-fv img{
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
	}
    	.lower_fv .bg_image-m{
		display: none;
	}
	/* フッター */
	.footer .navigation_wrapper li a{
		width: fit-content;
	}
	.footer .navigation_wrapper{
		flex-direction: column;
		gap: 0;
  }
	.footer .navigation_right nav{
		margin-bottom: var(--margin-s);
	}
	.footer_link-entry.entry_wrapper{
		width: 70%;
		margin: 0 auto;
	}
	.footer .copy_logo-wrapper{
		flex-direction: column;
    gap: 2.4rem;
	}
	/* about */
		.section_top-about--flex > div{
		flex-direction: column;
			gap: 24px;
	}
	.writing_vertical{
		writing-mode: unset;
		width: 100%;
  text-align: right;
	}
	.section_top-about{
		border-bottom: none;
  margin-bottom: 0;
	}
	.section_top-about--text{
		width: 100%;
	}
	.section_top-about .bg_image-l{
		left: 50%;
		transform: translateX(-50%);
	}
	/* 人を知る */
	.section_hito{
		border-bottom: none;
  margin-bottom: 0;
	}
	.section_top-hito--flex > div{
		flex-direction: column;
	}
	.section_top-hito--item{
		width: 100%;
	}
	
	.section_top-hito--item.top_slider{
		margin-right: 0;
	}
	/* flex */
	.section_flex-flex_container > div{
		flex-direction: column;
	}
	.section_company .section_flex-flex_container > div,
	.section_sales.section_flex-flex_container > div{
		flex-direction: column-reverse;
	}
	.section_flex-item{
		width: 100%;
	}
	.section_flex-img{
		margin-inline: auto;
		min-width: 250px;
		min-height: 250px;
	}
	.section_company, .section_work, .section_kankyou{
  margin-bottom: 0;
    border-bottom: none;
}
	.top_btn-area .top_btn{
		margin: 0 auto;
		min-width: auto;
		width: 300px;
					}
	.top_btn-area .top_btn a{
		justify-content: center;
	}
	.lower_page-voice--name > div{
		gap: .8rem;
	}
	
	/* 下層ページ-fv */
	.lower_fv{
		height: 60svh;
		margin-top: 60px;
	}
	/* 下層ページ-エントリーボタンエリア */
	.lower_entry-btn--area > div{
		flex-direction: column;
		align-items: center;
	}
	.lower_entry-btn--area .lower_btn-area{
		width: 90%;
	}
	/* 下層ページ-代表者メッセージ */
	.lower_works-message--wrapper > div{
		flex-direction: column;
	}
	.lower_works-message--item{
		width: 100%;
			}
	.lower_works-img.lower_works-message--item{
		text-align: center;
	}
	.lower_works-img.lower_works-message--item img{
		max-height: 100%;
		max-width: 100%;
	}
	/* 仕事を知る-アコーディオン*/
	.gkit-card-header .gkit-accordion-title{
		align-items: flex-start;
		margin-right: 2.4rem;
		font-size: 1.4rem;
		padding-right: .8rem;
	}
	
	.gkit-adv-paragraph-text{
		display: flex;
		flex-direction: column;
	}
	.gkit-adv-paragraph-text strong{
		margin-bottom: .4rem;
	}
		.gkit-adv-paragraph-text img{
		margin-bottom: .8rem;
	}
		.gkit-accordion .gkit_accordion_icon_group{
		margin-right: 1.6rem;
	}
	.gkit-accordion .gkit-card-header > .gkit-btn-link{
		padding: 1.4rem 1.6rem;
	}
	/* 会社を知る */
		.lower_btn.lower_btn-pdf{
		width: 90%;
	}
	.vmv_title-wrapper > div{
		flex-direction: column;
		align-items: flex-start;
		gap: .8rem;
	}
	/* 人を知る */
	.page-voice-wrapper{
		height: auto;
	}
	.page-voice-wrapper > div{
		flex-direction: column;
		gap: 1.6rem;
	}
	.lower_page-voice--name{
		position: static;
		transform: translate(0);
	}
	.page-voice-img{
		position: static;
			}
	.page-voice-img img{
		max-height: 400px;
	}
	.page_voice-future-wrapper > div{
		flex-direction: column;
			}
	.page_voice-future-item.page_voice-text-box{
		width: 100%;
	}
	.page_voice-future-item.page_voice-future-img{
		width: 100%;
	}
	.page_voice-future-item.page_voice-future-img img{
		max-height: 400px;
	}
	.page_voice-holiday--wrapper > div{
		flex-direction: column;
		row-gap: 1.6rem;
	}
	.page_voice-myself h2{
		font-size: var(--font-size--h1);
	}
	.page_voice-myself-wrapper .page_voice-text-box{
		position: static;
		width: 100%;
		padding-inline: 0; 
		box-shadow: 0 0 0 100vmax #fff;
		clip-path: inset(0 -100vmax);
	}
	.wp-block-latest-posts.columns-3 li{
		width: 100%;
		display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: .8rem;
	}
	
	
	/* 環境を知る*/
	.page_culture-event--item{
	width: 100%;
}
	.page_culture-benefit--flex{
		border-top: none;
		border-bottom: none;
		gap: 0;
	}
	.page_culture-benefit--item{
		border-right: none;
		border-top: 2px solid #ccc;
	}
	.page_culture-benefit--item:last-child{
		border-bottom: 2px solid #ccc;
	}
	.page_culture-benefit--item figure{
		text-align: center;
	}
	/* 採用情報*/
	.page_saiyo-bg-img{
		min-height: 200px;
	}
	.page_saiyo-pdf--item{
		width: 100%;
	}
	.page_saiyo-pdf--icon img {
  width: 20vw;
}
	.wp-block-query .wp-block-post-template{
	flex-direction: column;
}
.wp-block-query .wp-block-post-template .wp-block-post{
	width: 100%;
}
	.recruit_containar p{
	margin-bottom: .5em;
}
	.recruit_containar h3{
		margin-left: 0;
	}
	@media (max-width: 600px){
		.recruit_bg-white.bg_img{
		background: #fff;
	}
	}
	
	/* エントリー質問*/
	.btn-wrap{
		width: 150px;
		height: 150px;
	}
	.result-inline .star-display{
		font-size: 2.4rem;
	}
	/* エントリーフォーム*/
	.wpcf7 form p {
    grid-template-columns: 1fr;
  }

  #wpcf7cpcnf {
    padding: 16px;
  }

  #wpcf7cpcnf th,
  #wpcf7cpcnf td {
    display: block;
    text-align: left;
    padding: 8px 0;
  }

  .wpcf7cp-btns {
    flex-direction: column;
    gap: 12px;
  }

  .wpcf7cp-btns button {
    width: 100%;
  }
	/* 人事ポリシー */
	.hr_policy-block--card{
	width: 100%;
	}

}
/* 375px以下
--------------------------------------------- */
@media (max-width: 375px) {

	.lower_entry-btn--area .lower_btn-area {
    width: 100%;
  }
	.page_voice-other.section_inner{
		max-width: 100%;
  padding: 0;
	}
	.btn-wrap{
		width: 120px;
		height: 120px;
	}
	.wp-block-latest-posts.columns-3 li{
		flex-direction: column;
	}
}