@charset "utf-8";
/* layout系 ========================================= */
.forpc{
	display: none;
}
.forsp{
	display:block;
}

/* グローバルメニュー */
#btn_menu_mobile{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 50px;
	height: 50px;
	padding-top: 14px;
	padding-left: 14px;
	z-index: 20000;
	cursor: pointer;
	border-left: 1px solid #f1f1f1;
}
#btn_menu_mobile span,
#btn_menu_mobile span:before,
#btn_menu_mobile span:after{
	position: absolute;
	display: block;
	top: auto;
	width: 24px;
	height: 3px;
	margin: 0 auto;
	background: #666666;
	content: '';
}
#btn_menu_mobile span:before{
	bottom: -9px;
}
#btn_menu_mobile span:after{
	bottom: -18px;
}
#btn_menu_mobile.close span{
	top: 24px;
	width: 0;
	height: 0;
	background: none;
}
#btn_menu_mobile.close span:before{
	bottom: auto;
	transform: rotate(-315deg);
}
#btn_menu_mobile.close span:after{
	bottom: auto;
	transform: rotate(315deg);
}
#overlay_menu{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background: rgba(0,0,0,0.7);
	z-index: 900;
}
#container{
	min-width: auto;
	padding-top: 55px;
	border-top: none;
}
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
#header{
	border-top: 4px solid #1691bb;
	height: 55px;
	z-index: 990;
	background: #ffffff;
}
#siteid{
	top: 9px;
	left: 12px;
}
#siteid img{
	width: 80%;
	height: auto;
}
nav{
	border-bottom: none;
	background: #ffffff;
}
nav ul{
	flex-direction: column;
}
nav li{
	font-size: 1.6rem;
}
nav li a{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #f1f1f1;
}
nav li#nav_contact a{
	text-indent: -11px;
}
header form{
	position: relative;
	padding: 12px;
	background: #ffffff;
}
header form input[type="text"]{
	display: block;
	width: 100%;
	height: 32px;
	border: 1px solid #cccccc;
	padding: 0 32px 0 8px;
}
header form span{
	position: absolute;
	right: 20px;
	top: 19px;
	opacity:0.7;
}
header form input[type="text"]:focus + span{
	opacity:1.0;
}
#language_mobile{
	display: flex;
	width: calc(100% - 24px);
	margin: 0 auto;
	padding: 12px 0;
	justify-content: space-between;
}
#language_mobile li{
	width: calc(50% - 6px);
	height: 32px;
	line-height: 32px;
	font-size: 1.6rem;
	text-align: center;
}
#language_mobile li a{
	display: block;
}
#language_mobile li:last-child a,
.english #language_mobile li:first-child a{
	color: #aaaaaa;
	font-weight: normal;
	background: none;
	border: 1px solid #f1f1f1;
}
#language_mobile li:first-child a,
.english #language_mobile li:last-child a{
	color: #333333;
	border: none;
	font-weight: bold;
	background: #f1f1f1;
}
#menu_mobile{
	position: absolute;
	width: 100%;
	top: -365px;
	left: 0;
	z-index: 980;
	background: #ffffff;
}
/* フッター */
footer{
	min-width: auto;
}
#footer_top{
	padding: 20px;
}
#footer_top > ul > li{
	font-size: 1.6rem;
	padding-right: 1em;
}
#footer_top > ul > li:nth-child(4){
	padding-right: 0;
}
#footer_top > ul > li#products{
	padding-top: 2em;
	margin-top: 10px;
}
#footer_top > ul > li#products > ul,
#footer_top > ul > li#products > ul.grow2{
	width: calc(50% - 0.5em);
	margin-bottom: 1em;
}
#footer_top > ul > li#products > ul:nth-child(even){
	margin-right: 1em;
}
address{
	line-height: 130%;
}
#footer_bottom{
	padding: 12px 10px;
}
/* サイドを下へ */
#main {
	flex-direction: column;
	min-height: auto;
}
#side{
	order: 2;
	width: 100%;
	min-width: 100%;
	padding-bottom: 80px;
	font-size: 1.6rem;
}
.products > section,
.productslist > section{
	padding: 10px 15px;
}
/* contents系 ========================================= */
 .img100per_forsp img{
	width: 100%;
	height: auto;
}
/* TOP ========================================= */
#main.index .headlinebox{
	padding: 0 10px 0 10px;
}
.headline .icon{
	display: block;
	width: 7.2em;
	margin: 0 10px 0 10px;
	position: absolute;
	left: 0;
	top: 2.2em;
	display: block;
}
.headline time{
	position: absolute;
	left: 10px;
	top: 2px;
}
.headline li a{
	height: auto;
	line-height: 180%;
	position: relative;
	min-height: 3.6em;
}
.headline li p{
	height: auto;
	line-height: 150%;
	padding: 0.5em 0 0.4em 6.4em;
}
.index h2{
	margin-top: 40px;
	font-size: 3rem;
}
/* TOP COMPANY */
.index_company ul{
	flex-direction: row;
}
.index_company ul li:first-child{
	width: 100%;
}
.index_company ul li:nth-child(2),
.index_company ul li:nth-child(3),
.index_company ul li:nth-child(4),
.index_company ul li:nth-child(5){
	width: 50%;
}
.index_company ul li:nth-child(2) a,
.index_company ul li:nth-child(3) a,
.index_company ul li:nth-child(4) a,
.index_company ul li:nth-child(5) a{
	font-size: 1.9rem;
}
.index_company ul li:first-child,
.index_company ul li:nth-child(2),
.index_company ul li:nth-child(3),
.index_company ul li:nth-child(4),
.index_company ul li:nth-child(5){
	position: relative;
	margin-left: 0;
	left: 0;
}
.index_company ul li.message span,
.index_company ul li.shiohama_sc span{
	line-height: 130%;
	margin-top: calc(-33.333% - 1.3em);
}
.index_company ul li.message span{
	margin-left: 10px;
}
/* PRODUCT */
ul.darkimage li{
	width: 50%;
}
ul.darkimage li.column4 span,
ul.darkimage li.column3 span,
ul.darkimage li.column2 span,
ul.darkimage li.column1 span{
	padding: 10px 10px;
}

ul.darkimage li:nth-child(2n){
	border-right: none;
}
ul.darkimage li a span{
	padding: 0 0.5em 0 1em;
}

ul.darkimage li.column4 a,
ul.darkimage li.column3 a,
ul.darkimage li.column2 a,
ul.darkimage li.column1 a{
	font-size: 1.5rem;
	height: 100%;
}
ul.darkimage li.column3 a,
ul.darkimage li.column1 a{
	text-align: left;
}
ul.darkimage li.column4 a,
ul.darkimage li.column2 a{
	text-align: center;
}
ul.darkimage li.column3,
ul.darkimage li.column1{
	width: 50%;
	text-align: left;
}
ul.darkimage li.column4,
ul.darkimage li.column2{
	width: 100%;
}
@media screen and (max-width: 1080px) {
	ul.darkimage li a{
		font-size: 1.9rem;
	}
}
/* PRODUCTS ========================================= */
.products_top h1,
.company_top h1{
	font-size: 3rem;
	margin-bottom: 10px;
}
.news p.h1{
	font-size: 2.6rem;
	margin-bottom: 10px;
}

.productslist h1{
	font-size: 3rem;
	letter-spacing: 0;
}
.itemlist li,
.type_b.itemlist li,
.type_b.itemlist li:nth-child(3n){
	width: 48%;
	margin-right: 4%;
}
.itemlist li:nth-child(even),
.type_b.itemlist li:nth-child(even){
	margin-right: 0;
}
.type_b.itemlist p.btn a.body,
.type_b.itemlist p.btn a.supplies{
	width: 48%;
	height: 200%;
	line-height: 200%;
}
.english .productslist h1{
	line-height: 125%;
	padding-bottom: 0.25em;
}
/* FORKLIFT */
.forklift_lead > p{
	float: none;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	margin-right: 0;
}
.forklift .btn_contact a,
.forklift .btn_contact{
	width: 100%;
}
/* 製品詳細 ========================================= */
.products#main section > div{
	flex-direction: column;
}
/* スペック */
table.spec.single tr th:first-child,
table.spec.single tr td:first-child{
	width: 8em;
	padding-left: 10px;
	padding-right: 5px;
}
table.spec.single tr th:nth-child(2){
	width: calc(100%-8em);
}
#main.products > section{
	padding-bottom: 40px;
}
#gallery{
	width: calc(100%);
	max-width: calc(100%);
	min-width: calc(100%);
	margin-right: 30px;
}
/*製品比較スペック*/
table.spec.hori td a,
table.spec.hori th a{
	min-width: 100px;
}
.table_wrap,
.table_wrap2,
.table_wrap3,
.table_wrap4,
.table_wrap5,
.table_wrap6{
	width: 100%;
	padding: 0 0 0 0;
	overflow-x: scroll;
	-webkit-overflow-scrolling:auto;
    position: relative;
    transform: translateZ(0);
}
.text.flow_msg,
.text.flow_msg2,
.text.flow_msg3,
.text.flow_msg4,
.text.flow_msg5,
.text.flow_msg6{
    display: none;
}
.text-overflow.flow_msg,
.text-overflow.flow_msg2,
.text-overflow.flow_msg3,
.text-overflow.flow_msg4,
.text-overflow.flow_msg5,
.text-overflow.flow_msg6{
	display: block;
	background: #dceff5;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}
/* バリエーション */
.variation{
	margin-right: 0;
}
.variation li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	max-width: auto;
	min-width: auto;
}
.variation li:nth-child(even){
	margin-right: 0;
}
/* 関連製品 */
.related{
	display: flex;
}
.related_noslide,
.related{
	margin: 5px 0 0 0;
	flex-wrap: wrap;
}
.related_noslide li,
.related li{
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
}
.related_noslide li:nth-child(3n),
.related li:nth-child(3n){
	margin-right: 0;
}
.related_noslide li a,
.related li a{
	color: #1591ba;
	font-size: 1.2rem;
	line-height: 130%;
}
.related li img{
	width: 100%;
	height: auto;
}
/* 個別製品 */
.products#main section > div.dspf{
	flex-direction: column;
}
/* エンジン カットオフソー */
.products#main section > div.dspf .w55per,
.products#main section > div.dspf .w65per,
.cutoffsaw_img,
.chainsaw_img,
.cutoffsaw_bladelist ol,
.cutoffsaw_bladelist > div{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
.products#main section.option .cutoffsaw_bladelist li > div{
	width: calc(100% - 22px);
	margin-left: 4px;
}
/* 手作業工具
 ソケットセット J52140
 コンビネーションレンチセット J1200F-T500 */
.socket_settable tr:nth-child(n + 2) td img,
.socket_settable tr:nth-child(n + 2) td img{
	float: left;
}
/* 産業用電池
　自動火災報知設備用予備電源（品評品） */
.shelters_featuretable > div:first-child,
.battery_featuretable > p,
.battery_featuretable > div{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
/* 災害救助機材 */
.shelters_imgbox > p:first-child,
.shelters_img,
.products#main section.option div{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
table.conveyor tr th{
	width: 100px;
	min-width: 100px;
	min-width: 100px ;
}
/* 油圧工具 */
table.hori8 tr td{
	width: 40px;
	min-width: 40px ;
	max-width: 40px ;
}
/* カプラ */
table.hori8.coupler tr th:first-child{
	width: 98px;
	min-width: 98px;
	min-width: 98px ;
}
.coupler_img,
.coupler_sizetable > table{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
/* 結束機 */
.strapping_featurebox > ol,
.strapping_featurebox > div:last-child{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
/* 緩衝材製造機 */
dspf minipakr_packing,
.minipakr_filmlist > div > div > p:nth-child(odd),
.minipakr_packing > p:nth-child(odd),
.minipakr_filmlist > div > div > p, .minipakr_packing > p,
.airpad_sizebox.ap502 > div,
.airpad_sizebox.ap502 .airpad_sizetable,
.airpad_sizebox > div img,
.airpad_sizebox .airpad_sizetable,
.propakr_img,
.propakr_examplebox > img{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
.film_detail_ap502 th:first-child{
	width: 20%;
}
.film_detail_ap502 th:nth-child(2),
.film_detail_ap502 th:nth-child(3){
	width: 40%;
}
.propakr_iconbox img{
	width: 20%;
}
/* ドローン */
.drone_accessories section.cam .acce_left,
.drone_accessories section.cam img.acce_right,
.drone_accessories section.speaker img.acce_right,
.drone_software > p,
.drone_software > img,
.drone_featurebox > p:nth-child(1),
.drone_featurebox > p:nth-child(2){
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
table.spec_even.drone_package td{
	vertical-align:middle;
}
.drone_package .circle{
	background: none;
}
.drone_option_cam li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}
.drone_option_cam li:nth-child(2){
	margin-right: 0%;
}
table.drone_spectable tr:nth-child(n+3) th{
	width: 6em;
	min-width: 6em;
}
/* バリ取り */
table.spec.deburring th{
	min-width: 5em;
}
.products#main section.option div.deburring_work_h330,
.products#main section.option div.deburring_work_d4070,
.products#main section.option div.deburring_work_lkx{
	flex-direction: row;
}
.deburring_work_h330 > p:nth-child(1),
.deburring_work_h330 > p:nth-child(2),
.deburring_work_d4070 > p:nth-child(1),
.deburring_work_d4070 > p:nth-child(2){
	width: 48%;
	margin-right: 4%;
	margin-left: 0;
	margin-bottom: 10px;
}
.deburring_work_lkx > p:nth-child(1),
.deburring_work_lkx > p:nth-child(2),
.deburring_work_lkx > p:nth-child(3){
	width: 31%;
	margin-right: 3.5%;
	margin-left: 0;
	margin-bottom: 10px;
}

.deburring_work_h330 > p:nth-child(2),
.deburring_work_d4070 > p:nth-child(2),
.deburring_work_lkx > p:nth-child(3){
	margin-right: 0;
}
.option table.spec.th250 th{
	width: 8em;
}
/* マッスルスーツ */
.muscle_option_left{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
table.muscle-suit .size{
	width:4em;
	min-width: 4em;
}
table.muscle-suit td[rowspan="2"]{
	width:5em;
	min-width: 5em;
}
.products#main section > div.dspf.muscle_accessories{
	flex-direction: row;
	flex-wrap: wrap;
}
.muscle_accessories > p{
	width: 48%;
	margin-right: 4%;
	margin-left: 0;
	margin-bottom: 10px;
}
.muscle_accessories > p:nth-child(2){
	margin-right: 0;
}
table.spec.single.muscle-every .size{
	padding-left: 10px;
	padding-right: 10px;
}
.products#main section > div.muscle_power_scene{
	flex-direction: row;
}
.muscle_power_scene{
	flex-wrap: wrap;
}
.muscle_power_scene > p{
	width: 48.5%;
	line-height: 140%;
	margin-right: 3%;
	margin-bottom: 3%;
}
.muscle_power_scene > p:nth-child(2n){
	margin-right: 0;
}
.muscle_power_scene > p:last-child{
	margin-bottom: 0;
}
.products#main section.option div.muscle_power_feature > div > p{
	width: 30%;
	line-height: 0;
	margin-right: 3%;
}
.products#main section.option div.muscle_power_feature > div > div{
	width: 67%;
}
.products#main section.option div.muscle_power_structure > p{
	width: 100%;
	margin-right: 0;
	margin-bottom: 3%;
	text-align: center;
	background-color: #eeeeee;
}
.products#main section.option div.muscle_power_structure > p img{
	width: 70%;
}
.products#main section.option div.muscle_power_structure > div{
	width: 100%;
}
.muscle_power_structure + .muscle_power_structure{
	margin-top: 6%;
}
/* レベラー */
.products#main section > div.spectable_leveler{
	flex-direction: column;
}
.spectable_leveler > table,
.spectable_leveler > p,
.leveler_udbbox .w30per,
.leveler_udbbox .w65per,
ul.leveler_plm{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
.spec.udlv tr:nth-child( n+3 ) th,
.spec.lowfloor tr:nth-child( n+3 ) th,
.spec.leveler_sus tr:nth-child( n+3 ) th,
.spec.leveler_uda tr:nth-child( n+3 ) th,
.spec.leveler_plm tr:nth-child( n+3 ) th,
.spec.leveler_ml tr:nth-child( n+3 ) th{
	min-width: 7em;
}
/* ハイラン */
.spec.hailan tr:nth-child( n+3 ) th{
	min-width: 5em;
}
.products#main section > div.dspf.hailan_casebox{
	flex-direction: row;
	flex-wrap: wrap;
}
.hailan_casebox > p{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}
.hailan_casebox > p:nth-child(2n){
	margin-right: 0;
}
.hailan_structurebox > p{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
/* MPM */
.about_thickness > img{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
table.mpm_spectable tr:nth-child(n + 2) td:first-child img{
	width: 100%;
	min-width: 30px;
	height: auto;
}
table.mpm_spectable tr:nth-child(n + 2) th,
table.mpm_spectable tr:nth-child(n + 2) td:nth-of-type(n + 2){
	padding: 10px 4px;
	line-height: 130%;
}
table.mpm_spectable tr:nth-child(n + 2) td:last-child{
	padding: 10px 0;
}
table.mpm_spectable td img,
table.mpm_optiontable td img{
	width: 80px;
	max-width: 80px;
	min-width: 50px;
}
.wp_option table.mpm_optiontable td:last-child img{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
table.mpm_spectable,
table.mpm_optiontable {
	table-layout: auto;
}
/* 柵型 */
.mpm_option{
	width: 100%;
}
.mpm_option:first-child{
	margin-right: 0;
}
.mpm_option h3{
	height: auto;
}
.mpm_option h3 span{
	display: block;
}
.products#main section > div.about_corner{
	flex-direction: row;
	flex-wrap: wrap;
}
.about_corner > img:nth-of-type(1){
	width: 33.8%;
}
.about_corner > img:nth-of-type(2){
	width: 39%;
}
.about_corner{
	align-items: start;
}
/* 英語 ワイヤーグリップ */
table.wiregrip_table td img{
	min-width: 40px;
}
table.spec.single.wiregrip_table tr th,
table.spec.single.wiregrip_table tr td,
table.spec.single.wiregrip_table tr th:first-child,
.wiregrip_table tr:nth-child(n+2) td:nth-of-type(1){
	padding-left: 5px;
	padding-right: 5px;
}
table.spec.single.wiregrip_table tr th:first-child{
	width: 5em;
}
/* 顔認証 */
.products#main section.option .ds-sentry li > div{
	width: calc(100% - 22px);
	margin-left: 4px;
}
.face-sentry_detection > p{
	width: 100%;
	margin-right: 0;
	margin-bottom: 2%;
}
.face-sentry_detection > ul,
.feature_withimg .textbox,
.specification_withimg .textbox{
	width: 100%;
}
.feature_withimg .imgbox,
.specification_withimg .imgbox{
	width: 100%;
	margin-top: 2%;
	margin-left: 0;
}
/* サーモカメラ */
.box_withimg .imgbox,
.box_withimg .textbox,
.box_withimg.txt66 .textbox,
.box_withimg.txt66 .imgbox,
.box_withimg.txt60 .textbox,
.box_withimg.txt40 .imgbox,
.box_img33per_3 .imgbox{
	width: 100%;
}
.box_img33per_3 .imgbox:nth-child(1),
.box_img33per_3 .imgbox:nth-child(2),
.box_img33per_3 .imgbox:nth-child(3){
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* table_normal add20200618 */
.table_normal{
	min-width: 800px;
}

/* COMPANY ========================================= */
.company_topbox{
	width: 100%;
}
.company_topbox > a,
.company_topbox > a:nth-child(3n){
	width: 50%;
	margin-right: 0;
	margin-bottom: 0;
	position: relative;
}
.company_topbox > a div,
.company_topbox > a:nth-child(-n+3),
.company_topbox > a:nth-child(-n+6){
	margin-bottom: 0;
}
.company_topbox a h2{
	position: absolute;
	font-size: 1.9rem;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	margin-top: -0.5rem;
	color: #ffffff;
	text-shadow: 0 0 4px #000000;
	letter-spacing: 0;
}
.company_topbox a.message h2{
	text-shadow: none;
	color: #333333;
	text-align: left;
	padding-left: 0.5em;
}
.company_topbox a.shiohama_sc h2,
.company_topbox a.message h2,
.company_topbox a h2.line2{
	line-height: 120%;
	margin-top: -1em;
}
.company_topbox a#anv60 h2{
	display: none;
}
.english .company_topbox a.message h2{
	margin-top: -0.5rem;
}
.company_nav ul{
	padding: 20px 20px 40px 20px;
}
.company_nav li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 8px;
}
.company_topbox > a h2 {
	letter-spacing: 0;
}
/* COMPANY DETAIL */
.company h1,
.contact h1,
.news .titlebox h1,
.news .titlebox p.h1{
	font-size: 2.8rem;
	margin-top: -2rem;
	left: 1em;
	letter-spacing: 0;
}
.news .titlebox p.h1{
	font-size: 2.4rem;
}
.company.privacy h1{
	padding-left: 1em;
}
.company.message .titlebox,
.company .titlebox,
.contact .titlebox,
.news .titlebox{
	margin: 0 -20px 30px -20px;
}
#main.company.message > section,
#main.company > section,
#main.contact > section,
#main.news > section{
	padding: 0 20px 0 20px;
}
.message img.fltl{
	width: 100%;
	float: none;
}
.message .bg_paleblue.p30.pb25.mb20{
	padding: 15px 15px 15px 15px;
}
.dl_company dd{
	word-break: break-all;
}
.dl_company{
	flex-direction: column;
}
.dl_company dt,
.dl_company dd,
.access .dl_company dt,
.access .dl_company dd{
	width: 100%;
}
.dl_company dd{
	padding-left: 10px;
	line-height: 150%;
}
.dl_company dt,
.dl_company dd .sec_in_dd{
	border-bottom: none;
}
.table_his th{
	width: calc(2em + 20px);
	padding: 10px 10px;
	box-sizing: border-box;
}
.table_his{
	line-height: 180%;
}
.access .dl_company dd iframe{
	width: 100%;
}
/* access */
.access .dl_company dt{
	font-size: 3rem;
	padding-left: 0;
}
/* 塩浜 */
.sc_contactbox,
.sc_flowimgbox,
.sc_repairflow{
	flex-direction: column;
}
.sc_flowimgbox,
.sc_flowimgbox > div,
.sc_contactbox.request > div,
.sc_contactbox > div,
.sc_repairflow p,
.sc_flowimgbox > p{
	width: 100%;
	margin-right: 0;
}
.sc_contactbox > div{
	padding: 20px 10px;
	margin-bottom: 10px;
}
.sc_flowimgbox > p{
	margin-top: 20px;
}
.btn_contact a,
a.brn_blue{
	width: 100%;
	height: auto;
}
.arrow_right_gray{
	margin: 10px auto 10px auto;
	border-style: solid;
	border-width: 15px 8.5px 0 8.5px;
	border-color: #999999 transparent transparent transparent;
}
.english .message .titlebox h1{
	margin-top: -3rem;
}
.access .table_his th{
	font-size: 1.6rem;
}
.company .title_32{
	font-size: 2.4rem;
	line-height: 130%;
}
.dep_products_cont li,
.dep_products_cont li:nth-child(9n),
.dep_products_cont.size_hoist li,
.dep_products_cont.size_battery li:first-child{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.dep_products_cont li:nth-child(3n),
.dep_products_cont.size_hoist li:nth-child(3n){
	margin-right: 0;
}
@media screen and (min-width:376px) {
	.dep_products_cont.size_hoist li,
	.dep_products_cont.size_hoist li:nth-child(3n){
		width: 15%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.dep_products_cont.size_hoist li:nth-child(6n){
		margin-right: 0;
	}
}

.sc_maintenanceshop ul,
.sc_maintenanceshop > div{
	float: none;
	width: 100%;
}
.sc_maintenanceshop > div p{
	width: 100%;
	padding: 10px 20px;
	font-size: 1.4rem;
	line-height: 130%;
}
/* 原田物産 創立60周年 社長インタビュー */
.company.anniversary_60th h1{
	right: auto;
	left: 1em;
	margin-top: -4rem;
	text-shadow: 0 0 5px #000000;
}
.imgbox_interview{
	flex-wrap: wrap;
}
.imgbox_interview.img45per > figure,
.imgbox_interview.img45per > .textbox_interview,
.imgbox_interview.img33per > .textbox_interview{
	width: 100%;
}
.imgbox_interview.img33per > figure{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.imgbox_interview > figure{
	margin-top: 40px;
}
.imgbox_interview > figure img{
	margin-top: 0;
}
/* NEWS ========================================= */
.post .alignright,
.post .alignleft{
	float: none;
	clear: both;
	margin: 10px 0 10px 0;
	width: 100%;
}
.post img{
	max-width: 100%;
	height: auto;
}
.post h1{
	font-size: 2.4rem;
}
.post h1{
	font-size: 2.4rem;
}
.post_btnbox{
	flex-direction: column;
	border-bottom: none;
}
.post_btnbox a{
	width: 100%;
	border-bottom: 1px solid #dddddd;
}
#btn_prev.nolink,
#btn_next.nolink{
	display: none;
}
/* CONTACT ========================================= */
.dl_mailform{
	flex-direction: column;
}
.contact_privacybox p.privacy_btn,
.dl_mailform dt,
.dl_mailform dd,
.dl_mailform .w500,
.dl_mailform .w430,
.dl_mailform .w350,
.dl_mailform .w250,
.dl_mailform .w180,
.btn_send{
	width: 100%;
}
.dl_mailform dt{
	border-bottom: none;
	padding: 8px 10px 10px 10px;
}
.dl_mailform dd,
.dl_mailform dd.dd_textarea{
	padding:15px 10px 15px 10px;
}
.contact_privacybox,
.contact_privacy{
	padding: 15px 15px;
}
.contact p{
	line-height: 180%;
}
.contact_privacy p{
	line-height: 150%;
}
.dl_mailform dt .icon_required,
.dl_mailform dt .icon_any{
	top: 10px;
}
.alertbox,
.dd_address p .alertbox{
	display: none;
	position: relative;
	width: 100%;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0;
	top: 0;
}
.alert500,
.alert350,
.alert250,
.dd_address p .alertbox,
.dd_address p:nth-child(3) .alertbox{
	left: auto;
}
.tip_alert{
	width: 100%;
	display: block;
	margin-left: 0;
	text-align: center;
	padding: 7px 15px 7px 15px;
}
.tip_alert::before{
	top: auto;
	left: 50%;
	margin-left: -4px;
	bottom: -8px;
	border-width: 8px 5px 0 5px;
	border-color: #ff6666 transparent transparent transparent;
}
.dd_address p span.input_title{
	float: none;
	clear: both;
	display: block;
	line-height: 150%;
	margin-bottom: 0;
}
.dd_address p{
	line-height: 100%;
}
.dd_address p .alertbox{
	margin-bottom: -2px;
}
.dd_address p span.input_title,
.dd_address p:nth-child(3) span.input_title{
	margin-right: 0;
}
.thanks_address{
	padding: 20px 20px;
}
/* 英語コンタクト */
.dl_mailform .w380{
	width: 100%;
}
/* 塩浜修理 ========================================= */
.contact_repair .dl_mailform dt,
.contact_repair .dl_mailform dd{
	width: 100%;
}
.contact_repair .dd_textarea .alertbox{
	top: 0;
}
.contact_repair h1{
	font-size: 2.6rem;
	margin-top: -1.6rem;
	text-shadow: 0 0 5px #000000;
}
/* コラム ========================================= */
.txt_left{
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
.img_right{
	width: 100%;
}
.column_wrap+.column_wrap,
.airpad-about .column_wrap:nth-of-type(1)+.column_wrap:nth-of-type(2){
	margin-top: -30px;
}
.column_wrap,
.comicbox,
#contact_area_comic{
	margin-top: -70px;
	padding-top: 70px;
}
.column h1{
	min-height: 60px;
	line-height: 60px;
	margin: -10px -15px 15px -15px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 3rem;
	z-index: 800;
}
.column h1.title_withsub{
	padding-bottom: 7px;
}
.column h1 span{
	display: inline-block;
	line-height: 140%;
	font-size: 1.6rem;
}
/* 省スペース緩衝材製造機 ミニパッカー無料デモ */
.products#main section > div.comic_area{
	width: 100%;
}
.products#main section > div.comic_area .comicbox p{
	padding: 10px;
}
.products#main section > div.comic_area .comicbox img{
	width: 100%;
	height: auto;
}
.products#main section#contact_area_comic > div{
	padding: 15px 15px 10px 15px;
}
#contact_area_comic h2{
	font-size: 2.4rem;
	margin-bottom: 5px;
}
.contact_area_comic_txt{
	text-align: center;
}
.contact_area_comic_txt p{
	float: none;
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
}
.contact_area_comic_txt img{
	float: none;
	width: 80%;
	height: auto;
	margin-left: 0;
}
.column .btn_contact a{
	padding: 0;
}
/* 緩衝材に関するお悩み、解決します！ */
.linkbox_nayami a{
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
	background-size: 45%;
}
.linkbox_nayami a:nth-child(odd){
	margin-right: 0;
}
.linkbox_nayami a:nth-child(-n+2){
	margin-bottom: 15px;
}
.linkbox_nayami a:nth-child(3){
	background-size: 30%;
}
.linkbox_nayami a:nth-child(4){
	background-position: right 0 bottom -5px;
	background-size: 40%;
}
.linkbox_nayami a:last-child{
	margin-bottom: 0;
}
.linkbox_nayami a:nth-child(4) .txt{
	width: 60%;
}
.img_nayami img{
	width: 100%;
	height: auto;
}
.column_wrap .btn_contact a{
	width: 100%;
	line-height: 120%;
	padding-top: 12px;
	padding-bottom: 10px;
}
.column_wrap h2{
	line-height: 120%;
	padding: 9px 0 7px 10px;
	font-size: 2.2rem;
}
.column_wrap h2.titile_nayami span{
	height: auto;
	line-height: 120%;
	margin-top: -1px;
	margin-right: 8px;
	padding: 6px;
	font-size: 1.6rem;
}
/* エアー式緩衝材製造機とは */
.about_cont{
	width: 100%;
	margin-right: 0 !important;
}
.aboutbox .img_right{
	width: 60%;
	margin: 20px auto 0 auto;
}
.airpad-about .column_wrap:nth-of-type(2) .aboutbox .img_right,
.battery-column .aboutbox .img_right,
.battery-standby-power .aboutbox .img_right{
	width: 100%;
}
.column_wrap .list_num li > div{
	width: calc(100% - 22px);
}
.linkbox_about{
	flex-wrap: wrap;
}
.linkbox_about li{
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 3%;
}
.linkbox_about li:nth-child(2n){
	margin-right: 0;
}
.linkbox_about li:last-child{
	margin-bottom: 0;
}
/* 電池系コラム */
.img_battery-column img{
	width: 100%;
	height: auto;
}

/* エコミラ ========================================= */
.ecomira_point .textbox{
	width: 100%;
}
.ecomira_point .imgbox{
	width: 100%;
	margin-left: 0%;
}
.ecomira_control .imgbox{
	width: 100%;
}
.ecomira_control .imgbox img{
	width: 100%;
	height: auto;
}
.ecomira_diff > div,
.ecomira_zonebox > div{
	width: 100%;
}
.ecomira_diff > div:first-child,
.ecomira_zonebox > div:first-child{
	margin-right: 0;
}
.products#main section.option .ecomira_diff > div:first-child .imgbox{
	width: 70%;
	margin-left: 15%;
}
.products#main section.option .ecomira_diff > div:last-child .imgbox{
	width: 70%;
	margin-left: 10%;
}
.products#main section.option .ecomira_zonebox .imgbox{
	width: 85.1063829%;
	margin: 0 auto;
}
.products#main section.option .ecomira_scenebox .imgbox{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2.5%;
}
.products#main section.option .ecomira_scenebox .imgbox:nth-child(3n){
	margin-right: 0;
}
/* 半導体ビジネス ========================================= */
.btnset{
	flex-direction: column;
}
.btnset a{
	margin-right: 0;
	width: 100%;
	line-height: 1.4;
	height: auto;
}
#semiconductor .bggray{
	padding: 30px 20px 20px 20px;
}
.box_img {
	width: auto;
	max-width: 100%;
}
/* OKR ========================================= */
.products #okr .bdr_blue-and-gray_withsub .bdr::before{
	width: 70%;
}
.okrbox01 .textbox,
.okrbox02 .textbox,
.whatokrbox .textbox{
	width: 100%;
}
.okrbox01 .imgbox,
.okrbox02 .imgbox,
.whatokrbox .imgbox{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.okrbox02 .textbox,
.whatokrbox .textbox{
	margin-top: 40px;
}
.okrbox02 .textbox > div{
	padding: 20px 15px;
}
.okrbox02 .textbox ul{
	padding: 0 6px;
}
.whatokr_listbox > div{
	width: 100%;
}
.whatokr_listbox > div:nth-of-type(n+2){
	margin-top: 5%;
}
.iconbox_important > div{
	width: 47.5%;
}
.iconbox_important > div:nth-of-type(n+3){
	margin-top: 5%;
}
.withiconbox_important .imgbox{
	width: 100%;
}
.withiconbox_important .textbox{
	width: 100%;
	margin-top: 30px;
}
#okr .btnset a img{
	height: 20px;
}
/* 建設クラウド ========================================= */
.cgpms_aicamerabox .textbox,
.cgpms_system_imgbox,
.appbox_cont > div,
.appbox_cont > div.worker,
.appbox_output .imgbox,
.appbox_output .textbox{
	width: 100%;
}
.cgpms_aicamerabox .imgbox{
	width: 80%;
	margin: 0 auto;
}
.appbox_cont > div,
.appbox_cont > div.worker{
	margin-bottom: 40px;
}
.appbox_output .textbox{
	margin-top: 20px;
}
/* 新着情報 ========================================= */
/* 20200415 */
.dspf.forphoto{
	flex-direction: column;
}
.dspf.forphoto .ml20{
	margin-left: 0;
}
.post .w30per,
.post .w70per{
	width: 100%;
}
.post .w30per img{
	margin-left: 0;
}
.post .box_withimg{
	flex-direction: column;
}
.post .box_withimg .textbox,
.post .box_withimg .imgbox{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 1em;
}

/* キャンペーン ========================================= */
/* MPM 2021-22 winter */
.br_1340{
	display: none;
}
#main.campaign > section{
	max-width: 100%;
}
.campaign h1 span{
	line-height: 1.2;
	display: inline-block;
}
.main_banner{
	margin: -10px 0 0 -2.5%;
}
.withphotobox_catch,
.withphotobox_cont,
.photobox_divide4{
	flex-wrap: wrap;
}
.withphotobox_catch .photobox{
	width: 100%;
	margin-bottom: 20px;
}
.withphotobox_cont .photobox{
	width: 100%;
	margin-top: 20px;
}
.withphotobox_catch .textbox,
.withphotobox_cont .textbox{
	width: 100%;
}
.photobox_divide4 .photobox{
	width: 47.5%;
}
.photobox_divide4 .photobox:nth-of-type(-n+2){
	margin-bottom: 6%;
}
#main.products.campaign section > div.photobox_divide4{
	flex-direction: row;
}
.btn_contact_camp{
	font-size: 1.8rem;
}
.cotact_campaign .titlebox{
	height: 90px;
}
.cotact_campaign .titlebox h1{
	top: 35%;
	left: 5%;
	font-size: 2.4rem;
}
.cotact_campaign .titlebox h1 span{
	font-size: 1.4rem;
	display: inline-block;
	line-height: 1.2;
}
.cotact_campaign .titlebox img{
	width: 30%;
	height: auto;
}
/* 分野別結束自動化 ========================================= */
@media screen and (min-width: 1619px) and (max-width: 1797px) {
	.productslist .automated_strapping_list p{
		min-height: auto;
	}
}
@media screen and (max-width: 1314px) {
	.productslist .automated_strapping_list p{
		min-height: auto;
	}
}
.productslist .automated_strapping_list div{
	width: 100%;
	margin-bottom: 20px;
}
.productslist .automated_strapping_list div a{
	min-width: auto;
}
.productslist .automated_strapping_list div:nth-child(odd){
	margin-right: 0;
}
.productslist .automated_strapping_list h3{
	margin-top: 10px;
}
.automation_metal01 img,
.automation_metal02 img,
.automation_wood03 img,
.automation_logistics_photo1 img,
.option.img_widefull img,
.dispenser_size ul li img{
	max-width: 100%;
	height: auto;
}
.option.img_widefull img{
	min-width: 100%;
}
.auto_strap_sample li{
	width: 100%;
	margin-bottom: 15px;
}
.auto_strap_option li{
	width: 100%;
	margin-left:20px;
	margin-bottom:20px;
	margin-right:20px;
}
.automation_head h2 span{
	display: block;
}
.box_straphead div:first-child{
	width: 100%;
}
.box_straphead div.btn_contact{
	margin-bottom: 20px;
}
.box_straphead div:nth-child(2){
	width: 100%;
}
.spec_straphead th span{
	display: block;
}
.spec_straphead th:first-child{
	width: auto;
}
.spec_straphead td,
.spec_straphead th{
	padding: 7px;
}
.over_flow_box{
	width: 100%;
	overflow: scroll;
}
.over_flow_box .flow_msg{
	display: block;
	border-bottom: 1em;
	display: block;
	background: #dceff5;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.dispenser_size ul{
	flex-direction: column;
}
.spec_straphead strong.size{
	width: 3.5em;
	display: block;
}
/* DLボタン */
section .catalog_banner{
	width: auto;
	height: auto;
	padding-bottom: 10px;
}
section .catalog_banner span.fn{
	font-size: 15px;
	display: block;
	height: auto;
	line-height: 1.3;
}
section .catalog_banner .txt{
	height: auto;
	line-height: 1.3;
	padding-right: 44px;
}
#info_basic  .catalog_banner{
	height: auto;
	padding-bottom: 8px;
}
#info_basic .catalog_banner img{
	width: 31px;
	height: 39px;
	top: 1px;
	right: 0;
}
/* 結束機 MUL ========================================= */
.mul_howto ol{
	padding: 0 10px 0 10px;
}
.mul_howto ol li{
	padding: 0 0 20px 0;
	width: 100%;

}
.mul_howto ol > li:before {
	left: 0;
}
/* MPMソリューションズ ========================================= */
.products#main section > div.mpm_map{
	padding: 0;
	box-shadow: none;
	margin-bottom: 0;
}
.products#main section > div.mpm_map img{
	display: none;
}

#mpm_safety_solutions .mpm_map ul{
	/* SP */
	position: relative;
	aspect-ratio: 696 / 560;
	padding: 0;
	left: 0;
	top: 0;
	margin-left: 0;
	background: url(/shared/img/products/mpm/mpm_safety_solutions_haradabussan_sp.png) no-repeat;
	background-size: contain;
}
#mpm_safety_solutions .mpm_map ul li{
	/* SP */
	width: 41%;
	height: 10.8%;
}

#mpm_safety_solutions .mpm_map ul li a{
	width: 100%;
	height: 100%;
	text-indent: -999px;
	background: none;
}
#mpm_safety_solutions .mpm_map ul li#mpm_office{
	left: 0;
	top: 0;
}
#mpm_safety_solutions .mpm_map ul li#mpm_corridor{
	left: 45%;
	top: 0;
}
#mpm_safety_solutions .mpm_map ul li#mpm_shutter{
	top: 15.8%;
	left: auto;
	right: 0;
}
#mpm_safety_solutions .mpm_map ul li#mpm_column{
	left: 12.5%;
	top: auto;
	bottom: 0;
}
#mpm_safety_solutions .mpm_map ul li#mpm_rack{
	top: auto;
	bottom: 0;
	left: auto;
	right: 2%;
}
#mpm_safety_solutions .mpm_map ul li a:hover{
	background: none;
}
.mpm_list h3{
	padding-top: 70px;
}
div.mpm_list{
	display: flex;
	display: block;
	flex-wrap: wrap;
	max-width: 1000px;
	/* SP */
}
.mpm_list ul{
	display: flex;
	margin-bottom: 20px;
		/* SP */
	flex-direction: column;
}
.mpm_list li,
.mpm_list a{
	width: 100%;
}
.mpm_list li{
	margin-bottom: 10px;
}
.widebanner img{
	width: 160%;
}
.widebanner{
	overflow: hidden;
	width: 100%;
}
/* ドライチェンジャー ========================================= */
.drychanger_case h4,
.trouble + ul + p{
	width: 100%;
}
div.drychanger_case h3 span{
	display: block;
	line-height: 1.5;
	width: 5em;
	margin-bottom: 5px;
	text-align: center;
}
.products#main section.option div{
	margin-bottom: 0;
}