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

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

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

	/*ロゴ*/
	h1.c-headLogo {
		width: 60vw;
	}
	div.c-headLogo.-img {
		width: 60vw;
	}
	/*****CTA前リンクボタン*****/
	div.linkwrap {
		max-width: 595px;
	}
	div.linkbt a {
		padding: 80px 30px 0;
	}
	div.linkbt a::before {
		font-size: 2.5em;
		bottom: 87px;
	}
	div.linkbt a span::before {
		width: 40px;
		height: 40px;
		right: 30px;
		top: 70px;
	}
	div.linkbt a span::after {
		width: 40px;
		height: 40px;
		right: 29px;
		top: 82px;
	}
	/*****CTA*****/
	div.footer_cta div.button p.tel {
		padding: 0;
	}
	.swell-block-box-menu[data-has-gap="0"] .swell-block-box-menu__inner {
		justify-content: space-evenly;
	}
	div.footer_cta div.button div.buttonwrap div.swell-block-box-menu__item {
		margin-right: 0;
	}
	/*フッター*/
	div.footer_main {
		padding: 50px 0 0;
	}
	div.footer_main img {
		max-width: 300px;
		padding: 0 0 30px;
	}
	div.footer_main div.sitemap01wrap, div.footer_main div.sitemap02wrap {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 0px 0 0 5%;
	}



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

	/*メインビジュアル*/
	.p-mainVisual__slideTitle {
		font-size: 2.0em;
	}
	.p-mainVisual__slideTitle span {
		font-size: 1.0rem;
	}
	/*home about*/
	div.homewrap div.homeabout > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.homeabout p.en {
		font-size: clamp(45px, 4.0em, 50px);
		line-height: 40px;
	}
	div.homeabout p.text {
		max-width: 370px;
	}
	/*home products*/
	div.homewrap div.homeproducts {
		max-width: 100%;
		padding: 70px 2.5% 0;
	}
	div.homeproducts div.homeproductswrap h2 {
		text-align: center;
	}
	div.homeproducts div.homeproductswrap p.en {
		width: 100%;
		font-size: clamp(45px, 4.0em, 50px);
		text-align: center;
		top: -85px;
	}
	div.homeproducts div.homeproductswrap div.image img {
		max-height: 200px;
	}
	div.homeproducts div.homeproductswrap div.viewmorebutton {
		justify-content: center;
	}
	/*home sample test*/
	div.homewrap div.homesampletest {
		max-width: 100%;
		width: 100%;
	}
	div.homewrap div.homesampletest div.homesampletestwrap {
		padding: 70px 0 0 0;
	}
	div.homesampletest div.homesampletestwrap h2 {
		text-align: center;
	}
	div.homesampletest div.homesampletestwrap p.en {
		width: 100%;
		font-size: clamp(45px, 4.0em, 50px);
		text-align: center;
		top: -15px;
	}
	div.homesampletest div.homesampletestwrap div.viewmorebutton {
		justify-content: center;
	}
	div.homesampletest div.homesampletestwrap div.image figure {
		margin: 0 25%;
	}
	/*home company*/
	div.homewrap div.homecompany {
		max-width: 100%;
		padding: 110px 2.5% 50px;
	}
	div.homewrap div.homecompany > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.homecompany div.homecompanywrap {
		max-width: 100%;
	}
	div.homecompany h2 {
		padding: 50px 0 20px 0;
	}
	div.homecompany p.en {
		font-size: clamp(45px, 4.0em, 50px);
	}
	div.homecompany a.c-bannerLink img {
		width: 70px;
	}
	div.c-bannerLink__title {
		bottom: 40px;
	}
	/*home recruit*/
	div.homewrap div.homerecruit {
		max-width: 100%;
		padding: 0 2.5% 50px;
	}
	div.homewrap div.homerecruit div.homerecruitwrap {
		padding: 80px 0 0 0;
	}
	div.homerecruit div.homerecruitwrap h2 {
		text-align: center;
	}
	div.homerecruit div.homerecruitwrap p.en {
		width: 100%;
		font-size: clamp(45px, 4.0em, 50px);
		text-align: center;
		line-height: 40px;
		top: -80px;
	}
	div.homerecruit div.homerecruitwrap div.image figure {
		min-height: 200px;
	}
	div.homerecruit div.homerecruitwrap div.viewmorebutton {
		justify-content: center;
	}
	/*home news*/
	div.homewrap div.homenews {
		max-width: 100%;
		padding: 70px 2.5% 50px;
	}
	div.homenews h2 {
		text-align: center;
		padding: 0px 0 30px 0px;
	}
	div.homenews p.en {
		width: 100%;
		font-size: clamp(45px, 4.0em, 50px);
		text-align: center;
		line-height: 40px;
	}
	div.homenews div.viewmorebutton {
		padding: 50px 0;
		top: 0px;
	}
	div.homenews div.viewmorebutton.buttonnm.bl a {
		left: 0;
		margin: 0 auto;
	}



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

	#about h1.c-pageTitle::before {
		font-size: 2.5em;
	}
	#about h1.c-pageTitle {
		font-size: 1.2em;
	}
	/*about message*/
	div.aboutwrap div.aboutmessage {
		padding: 0 0 100px;
	}
	div.aboutmessage h2 {
		font-size: 1.4em;
	}
	/*about strength*/
	div.aboutwrap div.aboutstrength > div {
		max-width: 100%;
		min-width: 100%;
	}
	/*about service*/
	div.aboutwrap div.aboutservice > div {
		max-width: 100%;
		min-width: 100%;
	}
	/*about equipmnt*/
	div.aboutwrap div.aboutequipment > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.aboutequipmentwrap div.image {
		max-height: 200px;
	}
	div.aboutequipmentwrap div.image figure, div.aboutequipmentwrap div.image img {
		max-height: 200px;
	}
	div.aboutequipmentwrap div.text {
		padding: 0 0 0 10px;
	}



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

	#products h1.c-pageTitle::before {
		font-size: 2.5em;
	}
	#products h1.c-pageTitle {
		font-size: 1.2em;
	}
	#products main {
		height: 3500px;
	}
	div.productswrap div.tab-item {
		width: 32%;
	}
	div.productswrap label {
		text-align: center;
	}
	#products .post_content div>:last-child {
		flex-wrap: wrap;
	}
	div.productswrap div.tab-content {
		z-index: 99;
	}
	div.productswrap div.tab-contentinner01 div.tab-subitem {
		width: 50%;
		height: 75px;
		border-right: 1px solid #2D8FA5;
	}
	div.productswrap div.tab-contentinner01 div.tab-subitem label {
		height: 75px;
	}
	div.tab-contentinner01 div:first-child, div.tab-contentinner01 div:nth-child(2) {
		border-bottom: 0px solid #FFFFFF!important;
	}
	div.tab-contentinner01 div:first-child, div.tab-contentinner01 div:nth-child(3) {
		border-right: 0px solid #FFFFFF!important;
	}
	div.productswrap div.tab-contentinner02-01 > div {
		width: 24%;
		margin: 20px 0;
		border: 1px solid #707070;
	}
	div.productswrap div.tab-contentinner02-01 div.tab-subitem02 label {
		height: 150px;
	}
	div.productswrap div.tab-contentinner03 div.tab-subitem {
		width: 50%;
		height: 75px;
	}
	div.productswrap div.tab-contentinner03 div.tab-subitem label {
		height: 75px;
	}
	div.tab-contentinner03 div:first-child, div.tab-contentinner03 div:nth-child(2) {
		border-bottom: 0px solid #FFFFFF!important;
	}
	div.tab-contentinner03 div:first-child, div.tab-contentinner03 div:nth-child(3) {
		border-right: 0px solid #FFFFFF!important;
	}
	div.productswrap div.tab-contentinner02-01 div.tab-subitem02 img {
		width: 80px;
		height: 80px;
	}
	div.productswrap div.tab-subcontent h3 {
		padding: 130px 0 0;
	}
	div.productswrap div.tab-subcontent {
		top: 150px;
	}
	div.productswrap div.tab-subcontent h3 {
		padding: 50px 0 0;
	}
	div.productswrap div.tab-subcontent a {
		white-space: nowrap;
		right: 10px;
		left: initial
	}
	div.productswrap div.tab-contentinner01-01 > div {
		width: 48%;
		margin: 10px 1% 0;
		border: 1px solid #707070!important;
	}
	div.productswrap div.tab-contentinner01-01 > div:first-child {
		margin: 10px 1% 0!important;
	}
	div.productswrap div.tab-contentinner01 div.tab-subitem02 label {
		height: auto;
		min-height: 120px;
		align-items: center;
		justify-content: center;
	}
	div.productswrap div.tab-contentinner01-01 div.tab-subitem02 img {
		max-width: 80px;
		max-height: 80px;
		object-fit: cover;
	}
	div.productswrap div.tab-subcontent02 {
		width: 100%;
		position: absolute;
		top: 550px;
		left: 0;
	}
	div.productswrap div.tab-subcontent02.industry {
		top: 400px;
	}
	div.productswrap div.product-list article {
		width: 48%;
		margin: 0 0 30px;
		padding: 10px 3% 20px;
		background-color: #FFFFFF;
		position: relative;
	}
	#products div.product-list article a img {
		max-width: 200px;
		height: auto;
		max-height: 100px;
		object-fit: contain;
		margin: 0 0 20px;
	}
	#products div.product-list article h4 a {
		white-space: wrap;
		right: 0;
	}



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

	#sampletest h1.c-pageTitle::before {
		font-size: 2.5em;
	}
	#sampletest h1.c-pageTitle {
		font-size: 1.2em;
	}
	/*sampletest about*/
	div.wp-block-columns.melitwrap {
		flex-direction: column;
	}
	/*sampletest case*/
	div.productsphoto div.text div.swell-block-button.is-style-btn_normal {
		float: none;
	}
	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: 2.5em;
	}
	#company h1.c-pageTitle {
		font-size: 1.2em;
	}
	/*company message*/
	div.companymessagewrap div.text h3 {
		font-size: clamp(18px, 2.2vw, 26px);
	}
	div.companymessagewrap div.text p.post {
		font-size: 0.9em;
	}
	div.companymessagewrap div.text p.name {
		font-size: 1.2em;
	}
	/*company outlin*/
	div.companywrap div.companyoutline_pre::before, div.companywrap div.companyoutline_pre::after {
		bottom: -3px;
	}
	div.companywrap div.companyoutline > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.companyoutline div.text table th, div.companyoutline div.text table td {
		width: 100%!important;
		display: block;
	}
	div.companyoutline div.text table th {
		border-bottom: 0px solid #FFFFFF;
		padding-bottom: 0;
	}	
	/*company history*/
	div.companywrap div.companyhistory > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.companyhistory div.text dl {
		border-left: 1px solid #919CA6;
		padding: 0 0 0 80px;
	}
	/*company access*/
	div.companyaccess div.companyaccesswrap {
		max-width: 100%;
		min-width: 100%;
	}
	/*company privacypolicy*/
	div.companywrap div.companyprivacypolicy > div {
		max-width: 100%;
		min-width: 100%;
	}



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

	#recruit h1.c-pageTitle::before {
		font-size: 2.5em;
	}
	#recruit h1.c-pageTitle {
		font-size: 1.2em;
	}
	/*recruit message*/
	div.recruitwrap div.recruitmessage {
		padding: 0 0 50px;
	}
	div.recruitwrap div.recruitmessage > div {
		max-width: 100%;
		min-width: 100%;
	}
	/*recruit person*/
	div.recruitperson div.recruitpersonwrap {
		flex-direction: column;
	}
	/*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 > div {
		max-width: 96%;
		min-width: 96%;
		width: 96%;
		margin: 0 auto;
	}
	/*recruit employee benefis*/
	div.recruitwrap div.recritbenefits > div {
		max-width: 100%;
		min-width: 100%;
	}
	div.recritbenefits div.recritbenefitswrap {
		max-width: 360px;
		gap: 10px!important;
	}
	div.recritbenefits div.recritbenefitswrap div.title {
		max-width: 130px;
	}
	div.recritbenefits div.recritbenefitswrap div.itemwrap div.item {
		min-width: 220px;
	}
	/*recruit jobdescription*/
	div.recruitwrap div.recruitrequirement > div {
		max-width: 100%;
		min-width: 100%;
	}
	/*recruit flow*/
	div.recruitwrap div.recruitflow > div {
		max-width: 100%;
		min-width: 100%;
	}



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

	#news h1.c-pageTitle::before {
		font-size: 2.5em;
	}
	#news h1.c-pageTitle {
		font-size: 1.2em;
	}



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

	#inquiry h1.c-pageTitle::before {
		font-size: 2.5em;
	}
	#inquiry h1.c-pageTitle {
		font-size: 1.2em;
	}
	#sampletestreq h1.c-pageTitle::before {
		font-size: 2.5em;
	}
	#sampletestreq h1.c-pageTitle {
		font-size: 1.2em;
	}
	#catalogreq h1.c-pageTitle::before {
		font-size: 2.5em;
	}
	#catalogreq h1.c-pageTitle {
		font-size: 1.2em;
	}
	#entry h1.c-pageTitle::before {
		font-size: 2.5em;
	}
	#entry h1.c-pageTitle {
		font-size: 1.2em;
	}

	div.contactformwrap div.buttonwrap input {
		width: 150px;
		height: 60px;
		margin: 0 10px;
	}

}