@charset "utf-8";
/* CSS Document */

@media (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */

	/***************
	共通-959px以下
	***************/

	* {
		font-size: 15px;
	}
	/*ヘッダー*/
	div.l-header__inner.l-container {
		height: 80px;
		padding: 0 20px 0 0;
	}
	div.l-fixHeader__inner.l-container {
		height: 80px;
	}
	/*ロゴ*/
	.-series .l-header__logo {
		height: 80px;
		padding: 0!important;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	a.c-headLogo__link {
		padding: 0px 0 0px 10px!important;
	}
	.c-headLogo {
		height: 80px!important;
	}
	/*ロゴ*/
	h1.c-headLogo {
		width: 35vw;
		border: 0px solid #FFFFFF;
	}
	/*メインナビ*/
	.c-iconBtn__icon {
		display: block;
		font-size: 30px;
		color: #FFFFFF;
		padding: 15px 12.5px 15px 15.5px;
		background-color: #0367A6;
	}
	.c-iconBtn__icon.icon-search{
		color: #333333;
		background-color: #FFFFFF;
	}
	/*****CTA前リンクボタン*****/
	div.linkwrap {
		padding: 0 2.5% 20px;
	}
	div.linkbt a {
		padding: 80px 30px 0;
	}
	div.linkbt a::before {
		font-size: 2.5em;
		bottom: 87px;
	}
	div.linkbt a::after {
		width: 80%;
	}
	div.linkbt a span::before {
		content: '';
		width: 45px;
		height: 45px;
		right: 20px;
		top: 65px;
	}
	div.linkbt a span::after {
		width: 45px;
		height: 45px;
		right: 18px;
		top: 80px;
		z-index: 2;
	}
	/*****CTA*****/
	div.footer_cta {
		padding: 30px 3%;
	}
	div.footer_cta div.image {
		max-width: 320px;
	}
	div.footer_cta div.image figure img {
		max-width: 320px;
		min-height: 290px;
	}
	div.footer_cta div.button p.text {
		margin: 10px 0 10px;
	}
	div.footer_cta div.button div.buttonwrap div.swell-block-box-menu__item a span {
		font-size: 0.8rem;
	}



	/***************
	HOME
	***************/

	/*home about*/
	div.homewrap div.homeabout > div {
		max-width: calc(960px - 5%);
		min-width: 670px;
	}
	/*home products*/
	div.homewrap div.homeproducts {
		padding: 110px 2.5% 0;
	}
	div.homewrap div.homeproducts > div {
		max-width: 959px;
		min-width: calc(782px - 5%);
	}
	div.homeproducts div.homeproductswrap div.image {
		max-width: 280px;
	}
	div.homeproducts div.homeproductswrap div.image img {
		max-width: 280px;
	}
	div.homeproducts div.homeproductswrap div.text {
		padding: 0 0 0 5%;
	}
	div.homeproducts div.homeproductswrap p.en {
		font-size: clamp(70px, 8.5vw, 100px);
		top: -115px;
	}
	/*home sample test*/
	div.homewrap div.homesampletest {
		padding: 0px 2.5% 0;
	}
	div.homewrap div.homesampletest > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.homesampletest div.homesampletestwrap div.image {
		max-width: 300px;
		min-height: 550px;
	}
	div.homesampletest div.homesampletestwrap div.image figure {
		max-width: 300px;
		min-height: 550px;
	}
	div.homesampletest div.homesampletestwrap div.image img {
		max-width: 280px;
	}
	div.homesampletest div.homesampletestwrap div.text {
		padding: 110px 0 0 20px;
	}
	div.homesampletest div.homesampletestwrap p.en {
		font-size: clamp(70px, 8.5vw, 100px);
		top: -5px;
		left: -10px;
	}
	/*home company*/
	div.homewrap div.homecompany {
		padding: 110px 2.5% 50px;
	}
	div.homewrap div.homecompany > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.homecompany h2 {
		color: #2D8FA5;
		padding: 80px 0 20px 0;
	}
	/*home recruit*/
	div.homewrap div.homerecruit {
		padding: 110px 2.5% 0;
	}
	div.homewrap div.homerecruit > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.homerecruit div.homerecruitwrap div.image {
		max-width: 280px;
	}
	div.homerecruit div.homerecruitwrap div.image figure {
		max-width: 300px;
		min-width: 280px;
	}
	div.homerecruit div.homerecruitwrap div.image img {
		max-width: 280px;
		min-height: auto;
	}
	div.homerecruit div.homerecruitwrap div.text {
		padding: 0 0 0 300px;
	}
	/*home news*/
	div.homewrap div.homenews {
		padding: 110px 2.5%;
	}
	div.homewrap div.homenews > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}



	/***************
	原島電機工業について
	***************/

	/*about strength*/
	div.aboutwrap div.aboutstrength {
		padding: 100px 2.5%;
	}
	div.aboutwrap div.aboutstrength > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	/*about service*/
	div.aboutwrap div.aboutservice {
		padding: 100px 2.5%;
	}
	div.aboutwrap div.aboutservice > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	/*about equipment*/
	div.aboutwrap div.aboutequipment {
		padding: 100px 2.5% 10px;
	}
	div.aboutwrap div.aboutequipment > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.aboutequipmentwrap div.image {
		width: 40%;
		max-width: 300px;
	}
	div.aboutequipmentwrap div.text {
		width: 60%;
		padding: 0 0 0 20px;
	}
	div.productswrap {
		padding: 60px 2.5% 0;
	}



	/***************
	原島電機工業について
	***************/

	/*全体枠*/
	#products main {
		height: 3000px;
	}
	/*サイドバー*/
	#products #sidebar {
		width: 100%!important;
	}



	/***************
	製品紹介について
	***************/

	/*製品詳細ページ*/
	div.productdetail {
		padding: 50px 2.5% 0;
	}
	/*サイドバー*/
	div.wp-singular.product-template-default #sidebar {
		width: 100%!important;
	}



	/***************
	サンプルテストについて
	***************/

	/*全体枠*/
	div.sampletestwrap {
		padding: 60px 2.5% 0;
	}
	/*サイドバー*/
	#sampletest #sidebar {
		width: 100% !important;
	}



	/***************
	会社案内
	***************/

	/*company message*/
	div.companywrap div.companymessage {
		padding: 0 2.5% 0px;
	}
	div.companywrap div.companymessage > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.companymessagewrap div.image {
		width: 35%;
		max-width: 300px;
	}
	/*company outline*/
	div.companywrap div.companyoutline {
		padding: 100px 2.5% 100px;
	}
	div.companywrap div.companyoutline > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.companyoutline div.image {
		width: 25%;
		max-width: 300px;
		position: relative;
	}
	div.companyoutline div.image figure {
		min-height: 200px;
	}
	div.companyoutline div.image img {
		min-height: 200px;
		object-fit: cover;
	}
	/*company history*/
	div.companywrap div.companyhistory {
		padding: 100px 5% 150px;
	}
	div.companywrap div.companyhistory > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.companyhistory div.title {
		width: 20%;
		max-width: 150px;
		position: relative;
	}
	div.companyhistory div.text {
		width: 80%;
		max-width: 750px;
	}
	/*company access*/
	div.companyaccess div.companyaccesswrap {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	/*company privacypolicy*/
	div.companywrap div.companyprivacypolicy > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.companyprivacypolicy ul.list {
		padding: 0 0 0 5%;
	}



	/***************
	採用情報
	***************/

	/*recruit message*/
	div.recruitwrap div.recruitmessage {
		padding: 0 2.5% 100px;
	}
	div.recruitwrap div.recruitmessage > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	/*recruit person*/
	div.recruitwrap div.recruitperson {
		padding: 100px 2.5%;
	}
	div.recruitwrap div.recruitperson > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.recruitperson div.recruitpersonwrap {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.recruitperson div.recruitpersonwrap > div > div > div {
		max-width: 200px;
		width: 25vw;
		max-height: 200px;
		height: 25vw;
		border-radius: 200px;
	}
	div.recruitperson div.recruitpersonwrap > div figure {
		max-width: 200px;
		width: 25vw;
		max-height: 200px;
		height: 25vw;
		border-radius: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/*recruit jobtype*/
	div.recruitwrap div.recruitjobtype {
		padding: 0 2.5% 100px;
	}
	div.recruitwrap div.recruitjobtype > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.recruitjobtypewrap div.jobtype img {
		max-width: 100%;
	}
	/*recruit workingenvironment*/
	div.recruitwrap div.recruitoffice {
		padding: 100px 2.5% 150px;
	}
	div.recruitwrap div.recruitoffice > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	/*recruit employeebenefits*/
	div.recruitwrap div.recritbenefits {
		padding: 100px 2.5% 150px;
	}
	div.recruitwrap div.recritbenefits > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	div.recritbenefits div.recritbenefitswrap {
		max-width: 750px;
		min-width: auto;
	}
	div.recritbenefits div.recritbenefitswrap div.title {
		max-width: 160px;
	}
	div.recritbenefits div.recritbenefitswrap div.itemwrap div.item {
		min-width: 270px;
	}
	/*recruit jobdescription*/
	div.recruitwrap div.recruitrequirement {
		padding: 100px 5% 150px;
	}
	div.recruitwrap div.recruitrequirement > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}
	/*recruit flow*/
	div.recruitwrap div.recruitflow {
		padding: 100px 2.5%;
	}
	div.recruitwrap div.recruitflow > div {
		max-width: 960px;
		min-width: calc(782px - 5%);
	}



	/***************
	各種問い合わせ
	***************/

	div.contactformwrap label, div.contactformwrap div.labelwrap {
		display: block;
		margin: 0 0 14px 0;
	}
	div.contactformwrap span.title, div.contactformwrap span.title02 {
		width: auto;
		min-width: auto;
		max-width: auto;
		justify-content: start;
	}

}



@media (max-width: 781px) {
	/* 781px以下に適用されるCSS（スマホ用） */

	/***************
	共通-781px以下
	***************/

	/*ヘッダー*/
	div.l-header__inner.l-container {
		padding: 0 10px 0 0;
	}
	/*ロゴ*/
	h1.c-headLogo {
		width: 50vw;
		border: 0px solid #FFFFFF;
	}
	div.c-headLogo.-img {
		width: 50vw;
		height: 70px;
		border: 0px solid #FFFFFF;
	}
	/*****CTA前リンクボタン*****/
	div.linkwrap {
		max-width: 781px;
		margin-left: 0;
		margin-right: 0;
	}
	div.linkwrap .wp-block-columns {
		display: block;
		flex-wrap: initial;
	}
	div.linkbtinner > div {
		padding: 20px 0 0 0;
	}
	div.linkbt a {
		padding: 80px 50px 0;
	}
	div.linkbt a::before {
		font-size: 3.0em;
		bottom: 90px;
	}
	div.linkbt a span::before {
		width: 55px;
		height: 55px;
		right: 50px;
		top: 60px;
	}
	div.linkbt a span::after {
		width: 55px;
		height: 55px;
		right: 47px;
		top: 80px;
	}
	/*****CTA*****/
	div.footer_cta {
		height: auto;
		padding: 30px 5% 0px;
	}
	div.wp-block-columns.footer_cta_inner {
		flex-direction: column-reverse;
	}
	div.footer_cta div.image {
		max-width: 100%;
	}
	div.footer_cta div.image figure img {
		max-width: 250px;
		min-height: 150px;
	}
	div.footer_cta div.button p.text {
		margin: 0px 0 10px;
		text-align: center;
	}
	div.footer_cta div.button p.tel {
		align-items: center;
		justify-content: center;
		display: flex;
	}
	div.footer_cta div.button p.tel::before {
		margin: 0 10px 0 0;
		position: relative;
	}
	/*フッター*/
	div.footer_main {
		padding: 50px 0 0;
	}
	div.footer_main div.sitemap01wrap, div.footer_main div.sitemap02wrap {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 20px 0 0 10%;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 40% !important;
	}



	/***************
	HOME
	***************/

	/*メインビジュアル*/
	.p-mainVisual__slideTitle {
		font-size: 3.0em;
	}
	.p-mainVisual__slideTitle span {
		font-size: 1.4rem;
	}
	.p-mainVisual {
		display: block;
		align-items: initial;
		justify-content: initial;
	}
	.p-mainVisual__inner {
		width: 100%;
		height: 50vh;
		z-index: 9;
	}
	.p-mainVisual__scroll {
		display: none;
	}
	/*home about*/
	div.homewrap div.homeabout {
		padding: 110px 2.5% 50px;
	}
	div.homewrap div.homeabout > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.homeabout p.text {
		max-width: 400px;
		color: #FFFFFF;
		line-height: 3.0em;
		margin: 0 auto;
	}
	/*home products*/
	div.homewrap div.homeproducts {
		max-width: 781px;
		width: 100%;
		padding: 110px 2.5% 0;
	}
	div.homewrap div.homeproducts > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.homewrap div.homeproducts div.homeproductswrap {
		flex-direction: column;
	}
	div.homeproducts div.homeproductswrap div.text {
		padding: 0 0 0 0;
	}
	div.homeproducts div.homeproductswrap div.image {
		max-width: 100%;
		flex-basis: 100%!important;
	}
	div.homeproducts div.homeproductswrap div.image img {
		max-width: 100%;
		min-height: 200px;
		max-height: 250px;
		object-fit: cover;
		position: relative;
		top: initial;
		left: initial;
	}
	/*home sample test*/
	div.homewrap div.homesampletest {
		max-width: 781px;
		width: 100%;
		padding: 0 2.5% 0;
	}
	div.homewrap div.homesampletest > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.homewrap div.homesampletest div.homesampletestwrap {
		padding: 110px 0 0 0;
		flex-direction: column;
	}
	div.homesampletest div.homesampletestwrap p.en {
		font-size: clamp(70px, 8.5vw, 100px);
		top: 0;
		left: 0;
	}
	div.homesampletest div.homesampletestwrap div.text {
		padding: 0 0 0 0;
	}
	div.homesampletest div.homesampletestwrap div.viewmorebutton {
		justify-content: end;
	}
	div.homesampletest div.homesampletestwrap div.image {
		max-width: 100%;
		min-height: 250px;
		flex-basis: 100%!important;
	}
	div.homesampletest div.homesampletestwrap div.image figure {
		max-width: 50%;
		min-height: 250px;
	}
	div.homesampletest div.homesampletestwrap div.image img {
		max-width: 100%;
		min-height: 200px;
		max-height: 250px;
		object-fit: cover;
		position: relative;
		top: initial;
		left: initial;
	}
	/*home company*/
	div.homewrap div.homecompany {
		max-width: 781px;
		width: 100%;
		padding: 110px 2.5% 50px;
	}
	div.homewrap div.homecompany > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.homecompany div.homecompanywrap {
		max-width: 400px;
		margin: 0 auto;
	}
	div.homecompany a.c-bannerLink figure {
		height: 150px;
		padding: 0 0 10px 0;
	}
	div.homecompany a.c-bannerLink img {
		width: 90px;
		height: auto;
		object-fit: cover;
	}
	/*home recruit*/
	div.homewrap div.homerecruit {
		max-width: 781px;
		width: 100%;
		padding: 0 2.5% 100px;
	}
	div.homewrap div.homerecruit > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.homewrap div.homerecruit div.homerecruitwrap {
		flex-direction: column;
		padding: 110px 0 0 0;
	}
	div.homerecruit div.homerecruitwrap p.en {
		line-height: 70px;
		position: absolute;
		top: -110px;
		left: 0px;
	}
	div.homerecruit div.homerecruitwrap div.text {
		padding: 0 0 0 0;
	}
	div.homerecruit div.homerecruitwrap div.image {
		max-width: 100%;
		flex-basis: 100%!important;
		position: relative;
	}
	div.homerecruit div.homerecruitwrap div.image figure {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		min-height: 250px;
		padding-right: 0px;
		display: block;
		align-items: initial;
		justify-content: initial;
		position: relative;
		top: initial;
		left: initial;
	}
	div.homerecruit div.homerecruitwrap div.image img {
		max-width: 50%;
		min-height: 200px;
		max-height: 250px;
		object-fit: cover;
		position: relative;
		top: initial;
		left: initial;
	}
	/*home news*/
	div.homewrap div.homenews {
		max-width: 781px;
		width: 100%;
		padding: 110px 2.5% 50px;
	}
	div.homewrap div.homenews > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.homenews h2 {
		padding: 0px 0 0 20px;
	}
	div.homenews p.en {
		transform: rotate(0deg);
		top: 0px;
		left: 10px;
	}
	div.homenews div.p-postListWrap {
		padding: 0 0px;
	}
	div.homenews h3 {
		width: 100%;
		display: block;
	}
	div.homenews .p-postList__body {
		width: 100%;
		display: block;
	}



	/***************
	原島電機工業について
	***************/

	#about h1.c-pageTitle::before {
		font-size: 3.0em;
	}
	#about h1.c-pageTitle {
		font-size: 1.5em;
	}
	/*about strength*/
	div.aboutwrap div.aboutstrength > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.aboutwrap div.aboutstrength .wp-block-columns {
		flex-direction: column;
	}
	/*about service*/
	div.aboutwrap div.aboutservice > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	/*about equipmnt*/
	div.aboutwrap div.aboutequipment > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.aboutequipment div.aboutequipmentwrap {
		flex-direction: column;
	}
	div.aboutequipmentwrap div.image {
		width: 100%;
		max-width: 100%;
		max-height: 250px;
	}
	div.aboutequipmentwrap div.image figure, div.aboutequipmentwrap div.image img {
		max-height: 250px;
	}
	div.aboutequipmentwrap div.text {
		width: 100%;
		padding: 0 0 0 20px;
	}



	/***************
	製品紹介
	***************/

	#products h1.c-pageTitle::before {
		font-size: 3.0em;
	}
	#products h1.c-pageTitle {
		font-size: 1.5em;
	}



	/***************
	サンプルテスト
	***************/

	#sampletest h1.c-pageTitle::before {
		font-size: 3.0em;
	}
	#sampletest h1.c-pageTitle {
		font-size: 1.5em;
	}
	/*sampletest about*/
	div.sampletestaboutwrap p.conclusion {
		font-weight: 600;
		color: #FFFFFF;
		margin: 40px 0;
		padding: 10px 20px;
		background-color: #2D8FA5;
	}
	/*sampletest case*/
	div.wp-block-columns.productsphoto {
		flex-direction: column;
	}
	div.sampletestcasewrap div.productsphoto div.image {
		width: 100%;
		max-width: 100%;
	}
	div.sampletestcasewrap div.productsphoto div.text {
		width: 100%;
		padding: 30px 0 0 0;
	}
	div.sampletestcasewrap div.testwrap div.viewerwrap {
		flex-direction: column;
	}
	div.sampletestcasewrap div.testwrap div.viewerwrap ul {
		width: 100%;
		min-width: 100%;
	}
	div.sampletestcasewrap div.testwrap div.viewerwrap ul li {
		width: 25%;
	}
	div.sampletestcasewrap div.testwrap div.viewerwrap div.viewer {
		width: 100%;
		min-height: auto;
		max-width: 100%;
		margin: 10px 0 0 0px;
	}



	/***************
	会社案内
	***************/

	#company h1.c-pageTitle::before {
		font-size: 3.0em;
	}
	#company h1.c-pageTitle {
		font-size: 1.5em;
	}
	/*company message*/
	div.companywrap div.companymessage {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding: 0 0 0 0;
		display: block;
	}
	div.companywrap div.companymessage > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.companymessage div.companymessagewrap {
		flex-direction: column;
	}
	div.companymessagewrap div.image {
		width: 50%;
		max-width: 300px;
		margin: 0 25%!important;
	}
	div.companymessagewrap div.text {
		width: 100%;
		max-width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	/*company outlin*/
	div.companywrap div.companyoutline {
		padding: 50px 2.5% 300px;
	}
	div.companywrap div.companyoutline > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.wp-block-columns.companyoutlinewrap {
		flex-direction: column;
	}
	div.companyoutline div.image {
		width: 100%;
		max-width: 100%;
		position: initial;
	}
	div.companyoutline div.image h2, div.companyoutline div.image p.en {
		text-align: center;
	}
	div.companyoutline div.image figure {
		min-height: 250px;
		height: 250px;
		padding: 0 0px 0 0;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
	div.companyoutline div.image img {
		min-height: 250px;
		height: 250px;
		object-fit: cover;
	}
	div.companyoutline div.text {
		width: 100%;
		max-width: 100%;
	}
	/*company history*/
	div.companywrap div.companyhistory {
		padding: 50px 2.5% 100px;
	}
	div.companywrap div.companyhistory > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.wp-block-columns.companyhistorywrap {
		flex-direction: column;
	}
	div.companyhistory div.title {
		width: 100%;
		max-width: 100%;
	}
	div.companyhistorywrap div.title h2, div.companyhistorywrap div.title p.en {
		text-align: center;
	}
	div.companyhistory div.text {
		width: 90%;
		max-width: 90%;
		margin: 0 5%!important;
	}
	/*company access*/
	div.companyaccess div.companyaccesswrap {
		max-width: 100%;
		min-width: 600px;
	}
	div.companyaccesswrap div.text {
		width: 100%;
		max-width: 100%;
		padding: 5%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	/*company privacypolicy*/
	div.companywrap div.companyprivacypolicy {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 50px 0;
	}
	div.companywrap div.companyprivacypolicy > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.companyprivacypolicy ul.list {
		padding: 0 0 0 0;
	}



	/***************
	採用情報
	***************/

	#recruit h1.c-pageTitle::before {
		font-size: 3.0em;
	}
	#recruit h1.c-pageTitle {
		font-size: 1.5em;
	}
	/*recruit message*/
	div.recruitwrap div.recruitmessage {
		padding: 0 2.5% 50px;
	}
	div.recruitwrap div.recruitmessage > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.recruitmessage h3, div.recruitmessage p.text {
		padding: 0 5%;
	}
	/*recruit person*/
	div.recruitwrap div.recruitperson {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 50px 0;
	}
	div.recruitwrap div.recruitperson > div {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
	}
	div.recruitperson div.recruitpersonwrap {
		max-width: 100%;
		min-width: 100%;
	}
	div.recruitperson div.recruitpersonwrap > div > div > div {
		max-width: 200px;
		width: 200px;
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/*recruit type*/
	div.recruitwrap div.recruitjobtype {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0 0 100px;
	}
	div.recruitwrap div.recruitjobtype > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.wp-block-columns.recruitjobtypewrap {
		flex-direction: column;
		align-items: center!important;
	}
	div.recruitjobtypewrap div.jobtype h4 {
		min-height: auto;
		color: #2D69A6;
		text-align: left;
		margin: 30px 0 20px;
	}
	/*recrit workingenvironment*/
	div.recruitwrap div.recruitoffice {
		padding: 50px 2.5% 100px;
	}
	div.recruitwrap div.recruitoffice > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.recruitoffice p.en {
		margin: 0 0 50px;
	}
	div.recruitoffice div.recruitofficewrap.rev, div.recruitoffice div.recruitofficewrap {
		flex-direction: column;
	}
	div.recruitofficewrap div.text {
		width: 100%;
	}
	div.recruitoffice div.recruitofficewrap.rev div.image, div.recruitoffice div.recruitofficewrap div.image {
		width: 100%;
		max-width: 100%;
	}
	div.recruitoffice div.recruitofficewrap > div {
		display: block;
		align-items: initial;
	}
	div.recruitoffice div.recruitofficewrap.rev div.image img {
		padding: 0 0px 0 0;
		height: 200px;
	}
	div.recruitofficewrap div.image img {
		padding: 0 0 0 0px;
		height: 200px;
	}
	/*recruit employee benefis*/
	div.recruitwrap div.recritbenefits {
		padding: 50px 2.5% 100px;
	}
	div.recruitwrap div.recritbenefits > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.recritbenefits div.recritbenefitswrap {
		max-width: 530px;
		min-width: initial;
	}
	div.recritbenefits div.recritbenefitswrap div.title {
		max-width: 200px;
	}
	div.recritbenefits div.recritbenefitswrap div.itemwrap div.item {
		min-width: 300px;
	}
	/*recruit jobdescription*/
	div.recruitwrap div.recruitrequirement {
		padding: 50px 2.5% 100px;
	}
	div.recruitwrap div.recruitrequirement > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.recruitrequirement table th, div.recruitrequirement table td {
		width: 100% !important;
		display: block;
	}
	div.recruitrequirement table th { 
		border-bottom: 0px solid #FFFFFF;
		padding-bottom: 0;
	}
	/*recruit flow*/
	div.recruitwrap div.recruitflow > div {
		max-width: calc(781px - 5%);
		min-width: calc(600px - 5%);
	}
	div.recruitwrap div.recruitflow .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 100% !important;
	}
	div.recruitflowwrap > div::before {
		content: '→';
		/* height: 30px; */
		font-size: 25px;
		position: absolute;
		top: -30px;
		left: 0;
		right: 0;
		transform: rotate(90deg);
	}



	/***************
	お知らせ
	***************/

	body#news div.swellx-posts-list ul.c-list.c-list--simple li {
		display: block;
	}
	body#news div.swellx-posts-list li.c-list__item a {
		display: block;
		width: 100%;
		padding: 10px 0 0 0;
	}



	/***************
	各種問い合わせ
	***************/

	div.contactformwrap div.buttonwrap input {
		width: 200px;
		height: 60px;
		margin: 0 10px;
	}
	/*問い合わせ下*/
	div.informationwrap div.infobuttonwrap {
		flex-direction: column;
		max-width: 300px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	div.informationwrap  div.viewmorebutton {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}