@charset "UTF-8";

/* ==========================
   SP
   767px以下
========================== */

@media screen and (max-width: 767px) {

	/* --------------------------
	   共通
	-------------------------- */

	html {
		font-size: 16px;
	}

	body {
		overflow-x: hidden;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	.mt200{
		margin-top:2rem;
	}
	.sp-flex{
		flex-wrap:wrap !important;
	}
	.sp-flex p{
		width:100%;
	}
	
	.sp-top20{
		margin-top:20px;
	}
	/* --------------------------
	   コンテナ
	-------------------------- */

	.container {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	/* --------------------------
	   PC/SP表示切替
	-------------------------- */

	.pc_only {
		display: none !important;
	}

	.sp_only {
		display: block !important;
	}


	/* --------------------------
	   ここから各ページの
	   スマホ用CSS
	-------------------------- */



	.line_grid > .ark-block-columns__inner > .ark-block-column {
		padding: 30px 0;
	}

	/* PC用の線を解除 */
	.line_grid > .ark-block-columns__inner > .ark-block-column::before,
	.line_grid > .ark-block-columns__inner > .ark-block-column::after {
		display: none;
	}

	/* 各項目の下線 */
	.line_grid > .ark-block-columns__inner > .ark-block-column:not(:last-child) {
		border-bottom: 1px solid rgba(255,255,255,.25);
	}


	.contact_links {
		display: block;
	}

	.contact_link {
		width: 100%;
		min-height: auto;
		padding: 50px 7%;
	}

	.contact_link + .contact_link {
		border-left: 0;
		border-top: 1px solid #ddd9d2;
	}

	.contact_link_en {
		font-size: 16px;
	}

	.contact_link_title {
		margin-bottom: 20px;
		font-size: 32px;
	}

	.contact_link_text {
		font-size: 16px;
		line-height: 1.8;
	}

	.contact_link_arrow {
		margin-left: 25px;
		transform: scale(.75);
	}

	.field-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.field-box {
		min-height: auto;
		padding: 35px 7% 35px;
	}

	.field-en {
		font-size: 14px;
	}

	.field-title {
		margin-bottom: 18px;
		font-size: 22px;
	}

	.field-text {
		font-size: 15px;
		line-height: 2;
	}

	.field-text br {
		display: none;
	}

	.field-link {
		font-size: 15px;
	}

	.field-quality {
		margin-top: 40px;
	}

	.field-quality-label {
		font-size: 12px;
	}

	.field-quality p {
		font-size: 15px;
	}
	
	.kazari_txt1,.kazari_txt1_sub{
		margin-left:2rem;
	}
	
	.w80 {
    width: 80%;
    margin: auto;
}
.company_visual .company_visual_img {
    width: 86%;
    height: auto;
    margin: 0;
    right: 7%;
    top: 0rem;
}
.company_nav_item {
    padding-left: 2rem;
    padding-right: 2rem;
}
	#wrapper .company_nav_item a{
		padding:20px 10px;
		font-size:20px;
	}
	#wrapper .company_nav_item a strong{
		font-size:13px;
	}
	.left3{
		margin-left:auto;
		margin-top:2rem !important;
	}
	.reason_btn{
		height:60px;
		font-size:1rem;
		min-width:300px;
	}
	.top_recruit_bn h2{
		font-size:25px!important;
	}
	.top_recruit_bn{
		min-height:560px!important;
	}
	.top_recruit_bn{
		padding:25px;
	}
	.ry_title {
    position: relative;
}
	.reason_btn-L {
    width: 100%;
}
	.p-drawer{
		height:auto;
	}
	.flow_box figure{
		margin-bottom:0
	}
	.wp-block-flexible-table-block-table th,
	.wp-block-flexible-table-block-table td{
		font-size:0.9rem;
	}
	.partner_list li{
		width:49%;
		font-size:0.8rem;
	}
	.message_ph h2 {
 margin-top:0px;
    font-size: 22px;
    margin-left: 1rem;
}
		.message_ph [class*=ark-keep-mt]>*{
		margin-top:10px
	}
	.reason_btn{
		width:100%;
			box-shadow: none;
	}
	.single .l-content__body {
	padding-top:3rem;
	padding-bottom:3rem;
}
.archive .l-content__body{

	padding-top:3rem;
	padding-bottom:2rem:
}
[data-sidebar=off] .p-postList.-type-card .p-postList__item {
    flex-basis: 100%;
}
.archive  .c-pageTitle__main {

    font-size: clamp(40px, 4.5vw, 64px);

    margin-top: 3.5rem;

}
.p-postList.-type-card{
	gap:0px;
}
.archive .p-postList.-type-card .p-postList__item{
	        background-color: #fff;
        padding: 25px;
}

	.l-header__center{
		width:200px;
		    grid-area: left;
	}
	.sp-mt0{
		margin-top:0!important;
	}
	.section2_img img{
		border-radius:10px;
	}
	.stk_box{
		position:relative;
		    margin-left: auto;
    margin-right: auto;
	}
	.footer_bag img {
    width: auto;
    height: 57px;
}
	.footer_copy {
    font-size: 12px!important;
    margin-top: 0px!important;
}
	.parallax_bg3::before {
	background-position: right center;
}
	.flow_number{
		bottom:0;
	}
}