@charset "utf-8";
/* 全頁共通 */
.txt_left{
	width: 61.7977528%;
	margin-right: 3.3707865%;
}
.img_right{
	width: 33.7078651%;
	line-height: 0 !important;
}
.img_right img{
	width: 100%;
	height: auto;
}
.p_plus_p p+p{
	margin-top: 1.5em;
}
.column #main > section > section{
	padding-bottom: 0;
}
.column h1{
	position: relative;
	min-height: 73px;
	line-height: 73px;
	margin: -25px -38px 30px -38px;
	padding-left: 38px;
	font-size: 3.4rem;
	color: #ffffff;
	background-color: #45a7c9;
}
.column h1.title_withsub{
	min-height: 103px;
	line-height: 120%;
	padding-top: 7px;
}
.column h1 span{
	font-size: 2rem;
}
.column p{
	line-height: 160%;
	font-size: 1.6rem;
}
.column h1+p{
	margin-bottom: 30px;
}
.column_wrap h2{
	margin-bottom: 15px;
	padding: 7px 10px 5px 10px;
	font-size: 2.4rem;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.column_wrap h2.titile_nayami span{
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 2px 14px 0 -10px;
	padding: 0 12px;
	font-size: 1.8rem;
	color: #ffffff;
	background-color: #ff9900;
}
.column_cont h3{
	margin-bottom: 20px;
	font-size: 2rem;
	line-height: 120%;
	background: #f1f1f1;
	padding: 7px 10px 5px 10px;
}
.column_wrap h2::after,
.column_cont h3::after{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.column_wrap+.column_wrap,
.column_cont+.column_cont{
	margin-top: 40px;
}
.airpad-about .column_wrap:nth-of-type(1)+.column_wrap:nth-of-type(2){
	margin-top: 20px;
}
/* サイド */
#side .banner h4{
	margin-top: 20px;
	margin-left: -15px;
	color: #333333;
	font-size: 1.6rem;
}
.side_bannerbox li{
	margin-bottom: 10px;
}
.side_bannerbox a{
	display: block;
	transition-duration: 0.3s;
	color: #333333;
}
.side_bannerbox a img{
	display: block;
	margin-bottom: 4px;
	width: 100%;
	height: auto;
}
.side_bannerbox a:hover img,
.side_bannerbox a:active img{
	box-shadow: 0px 0px 5px #aaaaaa;
	z-index: 10;
	transition-duration: 0.3s;
}
.side_bannerbox p{
	line-height: 140%;
	font-size: 1.4rem;
}
/* btn */
.arrow_circle{
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 40px auto;
	border-radius: 50%;
	background-color: #dddddd;
	z-index: 900;
}
.arrow_circle span{
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: calc(50% - 10px);
	left: calc(50% - 12px);
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #ffffff transparent transparent transparent;
	margin-top: 2px;
}
.arrow_circle:hover{
	background-color: #45a7c9;
}
.column_wrap .btn_contact{
	display: block !important;
	margin-top: 50px;
	padding: 0;
	text-align: center;
}
.column_wrap .btn_contact a{
	width: 430px;
}
.column_wrap p.txt+p.txt{
	margin-top: 1.6em;
}
/* 結束機の種類と特徴 ------------------------------- */
.column_cont h3 a{
	float: right;
	font-size: 1.3rem;
	color: #333333;
}
.column_cont h3 a .arrow{
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 3px;
	border-style: solid;
	border-width: 5px 0 5px 9px;
	border-color: transparent transparent transparent #333333;
}
.column_cont h3 a:hover{
	color: #45a7c9;
}
.column_cont h3 a:hover .arrow{
	border-color: transparent transparent transparent #45a7c9;
}
.column_cont h3 a:visited{
	color: #999999;
}
.column_cont h3 a:visited .arrow{
	border-color: transparent transparent transparent #999999;
}
.products#main section div.moviewrap{
	display: block;
	padding-bottom: 0;
}
.column_cont p+.moviewrap{
	margin-top: 20px;
	margin-bottom: 15px;
}
.column p.link_products{
	line-height: 30px;
	font-size: 1.6rem;
}
.column p.link_products a{
	display: inline-block;
	height: 30px;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1.5rem;
	color: #ffffff;
	border-radius: 4px;
	background-color: #45a7c9;
}
.column p.link_products a .arrow{
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 3px;
	border-style: solid;
	border-width: 5px 0 5px 9px;
	border-color: transparent transparent transparent #ffffff;
}
.column p.link_products a:hover{
	background-color: #2c8ab3;
}
.column p.link_products a:visited{
	background-color: #999999;
}
/* 緩衝材に関するお悩み、解決します！ ------------------------------- */
.products#main section div.linkbox_nayami{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
	padding-bottom: 0;
}
.linkbox_nayami a{
	position: relative;
	width: 48.8764045%;
	min-height: 180px;
	padding: 15px;
	color: #333333;
	box-shadow: 0 0 5px #cccccc;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.linkbox_nayami a:nth-child(1){
	background-image: url(../img/products/column/linkbox_nayami_bg01.png);
}
.linkbox_nayami a:nth-child(2){
	background-image: url(../img/products/column/linkbox_nayami_bg02.png);
}
.linkbox_nayami a:nth-child(3){
	background-image: url(../img/products/column/linkbox_nayami_bg03.png);
}
.linkbox_nayami a:nth-child(4){
	background-image: url(../img/products/column/linkbox_nayami_bg04.png);
}
.linkbox_nayami a:nth-child(odd){
	margin-right: 2.247191%;
}
.linkbox_nayami a:nth-child(-n+2){
	margin-bottom: 2.247191%;
}
.linkbox_nayami a:hover{
	box-shadow: 0 0 5px #ff9900;
	transition-duration: 0.3s;
}
.linkbox_nayami a .title{
	margin-bottom: 10px;
	margin-left: -15px;
}
.linkbox_nayami a .title::after{
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.linkbox_nayami a .title span{
	float: left;
	display: block;
	width: 74px;
	height: 50px;
	line-height: 120%;
	margin-right: 10px;
	padding-top: 8px;
	padding-left: 10px;
	color: #ffffff;
	font-weight: bold;
	background-color: #ff9900;
}
.linkbox_nayami a .title strong{
	line-height: 120%;
	font-size: 2rem;
}
.linkbox_nayami a .txt{
	width: 55.1724137%;
	line-height: 150%;
}
.linkbox_nayami a .arrow{
	position: absolute;
	bottom: 8px;
	left: calc(50% - 9.5px);
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 9.5px 0 9.5px;
	border-color: #dddddd transparent transparent transparent;
}
.img_nayami{
	line-height: 0;
	margin-top: 20px;
	margin-bottom: 30px;
}
/* 省スペース緩衝材製造機 ミニパッカー無料デモ ------------------------------- */
.products#main section > div.comic_area{
	width: 720px;
	display: block;
	padding-bottom: 0;
}
.comicbox p{
	margin-bottom: 20px;
	padding: 40px;
	box-shadow: 0 0 8px #cccccc;
}
.comicbox+.arrow_circle{
	margin-bottom: 20px;
}
#contact_area_comic{
	margin-bottom: 30px;
}
.products#main section#contact_area_comic > div{
	display: block;
	padding: 30px 40px 40px 40px;
	box-shadow: 0 0 8px #cccccc;
}
#contact_area_comic h2{
	margin-bottom: 15px;
	padding: 0;
	font-size: 3rem;
	border: none;
}
.contact_area_comic_txt{
	margin-bottom: 10px;
}
.contact_area_comic_txt p{
	float: left;
	width: 292px;
	line-height: 150%;
}
.contact_area_comic_txt p a{
	color: #2c8ab2;
}
.contact_area_comic_txt p a:hover{
	color: #1a6a98;
}
.contact_area_comic_txt p a:visited{
	color: #999999;
}
.contact_area_comic_txt img{
	float: right;
	margin-left: -13px;
}
.airpad-minipakr .products#main section div.btn_contact{
	display: block;
	margin: 0;
	padding-bottom: 0;
	text-align: center;
}
/* エアー式緩衝材製造機とは ------------------------------- */
.airpad-about .products#main section > div{
	display: block;
	padding-bottom: 0;
}
.airpad-about .products#main section > div.aboutbox{
	display: flex;
}
.column_wrap:nth-of-type(1) .about_cont{
	display: flex;
	flex-direction: column;
	margin-right: 3.3707865%;
}
.column_wrap:nth-of-type(2) .about_cont{
	margin-right: 4.494382%;
}
.about_cont{
	width: 61.7977528%;
}
.img_aboutbox{
	display: flex;
	margin-top: 20px;
	margin-bottom: 30px;
}
.img_aboutbox p{
	width: 17.6363636%;
	line-height: 0;
	margin-right: 2.7272727%;
	border: 3px solid #f1f1f1;
}
.img_aboutbox p img{
	width: 100%;
	height: auto;
}
.img_aboutbox p:last-child{
	margin-right: 0;
}
.column_wrap .list_num{
	margin-top: 20px;
}
.column_wrap .list_num li+li{
	margin-top: 1.6em;
}
.column_wrap .list_num li > div{
	float: left;
	margin-left: 4px;
}
.column_wrap .list_num h3,
.column_wrap .list_num p{
	font-size: 1.5rem;
}
.linkbox_about{
	display: flex;
	margin-top: 20px;
	margin-bottom: 40px;
}
.linkbox_about li{
	position: relative;
	width: 18.3146067%;
	margin-right: 1.6853932%;
	text-align: center;
}
.linkbox_about li:last-child{
	margin-right: 0;
}
.linkbox_about li a{
	display: block;
	min-height: 210px;
	color: #1491b9;
	border: 3px solid #eeeeee;
}
.linkbox_about li a:hover{
	border: 3px solid #45a7c9;
}
.linkbox_about li a:visited{
	color: #999999;
}
.linkbox_about li img{
	width: 100%;
	height: auto;
	margin-bottom: 30%;
}
.linkbox_about li p{
	position: absolute;
	bottom: 8px;
	right: 0;
	left: 0;
	line-height: 130%;
	margin: 0 auto;
	font-size: 1.5rem;
}
.linkbox_about li p span{
	font-size: 1.2rem;
}
/* 数多くの利点を持つ「コラム電池」とは？ ------------------------------- */
.img_battery-column{
	margin: 20px 0;
}
/* 「予備電源」や「内蔵電池」は定期的なチェックを!! ------------------------------- */
.battery_notice{
	margin-bottom: 40px;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	color: #07a5cb;
	background: #e6f6fa;
}

/* 幅1400px以上　↓↓ */
@media screen and (min-width: 1400px){
	.img_right{
		width: 360px;
	}
	.battery-column .img_right{
		width: 33.7078651%;
	}
	.linkbox_nayami a{
		width: 522px;
	}
	.linkbox_nayami a:nth-child(odd){
		margin-right: 24px;
	}
	.linkbox_nayami a:nth-child(-n+2){
		margin-bottom: 24px;
	}
}
/* 幅1400px以上　↑↑ */

/* 幅1500px以上　↓↓ */
@media screen and (min-width: 1500px){
	.linkbox_about li{
		width: 214px;
		margin-right: 20px;
	}
}
/* 幅1500px以上　↑↑ */

/* 幅1600px以上　↓↓ */
@media screen and (min-width: 1600px){
	.battery-column .img_right{
		width: 423px
	}
}
/* 幅1600px以上　↑↑ */