@charset "UTF-8";
/* CSS Document */
/* */
/* パンくずリスト */
/* */
.breadcrumbs{
	width: 100%;
	text-align: right;
background: #16897c; /* Old browsers */
background: -moz-linear-gradient(45deg, #16897c 0%, #095389 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #16897c 0%,#095389 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #16897c 0%,#095389 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.breadcrumbs p{
	display: block;
	color:#fff;
	box-sizing: border-box;
	width: 100%;
text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}
@media print,screen and (min-width:960px) {
	.breadcrumbs p{
	box-sizing: border-box;
	text-align: right;
	width: 100%;
max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
}
.breadcrumbs p a{
	color:#fff;
	font-size: 12px;
	line-height: 40px;
}
#heavymachine_h2{
	background:url("../heavymachine_images/h2_bg@2x.jpg");
    background-position:bottom center; 
    background-size:cover; 
    width:100%;
    height:220px;       
	display: flex;
	justify-content: center; 
    align-items: center; 
}
h2{
	padding-bottom: 25px;
	color:#fff;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	background: url("../method_images/method_line.svg") no-repeat center bottom;
	background-size: 30px 3px;
}
h2 span{
	font-size: 15px;
	text-align: center;	
}
h3{
	background: none;
	padding-bottom: 0;
}
#introduction{
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.4em;
	box-sizing: border-box;
}
#introduction p{
	margin-bottom: 70px;
	font-size: 14px;
	line-height: 1.8em;
}
#heavymachine{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	-js-display: flex;
	-ms-flex-pack: center;
    display:flex;
    justify-content:space-between;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
   flex-wrap:wrap;
	background: #F0F0EC;
	padding-top: 20px;
	padding-bottom: 70px;
}
#heavymachine table{
	width: 100%;
}
#heavymachine table td{
	width: 100%;
	border-bottom: 1px solid #CCCCC1;
	color: #025750;
	font-size: 13px;
	line-height: 1.4em;
	padding: 8px;
}
.heavymachine_list_title{
	color: #025750;
	margin-top: 40px;
	margin-bottom: 40px;
}
.heavymachine_list{
	display: block;
	width: 100%;
}
@media print,screen and (min-width:300px) {
.heavymachine_list{
	display: grid;
	display: -ms-grid;
	justify-content: center;
	grid-template-columns: repeat(2, 50%);
  	gap: 20px;
	width:calc( 100% - 60px );
	margin-left: 30px;
}
	.heavymachine_list figure img{
		width: 100%;
		height: auto;
	}
}

@media print,screen and (min-width:800px) {
.heavymachine_list{
	display: grid;
	grid-template-columns: repeat(3, 220px);
  	gap: 30px;
	width:100%;
	margin-left: 0;
}
}
@media print,screen and (min-width:1100px) {
.heavymachine_list{
	display: grid;
	grid-template-columns: repeat(4, 220px);
  	gap: 40px;
}
_:-ms-lang(x)::-ms-backdrop, .heavymachine_list{
       display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	-js-display: flex;
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
   flex-wrap:wrap;
	width: 1100px;
}
_:-ms-lang(x)::-ms-backdrop, .heavymachine_item{
	display: block;
       width: 220px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}
_:-ms-lang(x)::-ms-backdrop, .heavymachine_list::after{
  content:"";
  display: block;
  width:540px;
}
#heavymachine{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
}
a.heavymachine_pdf_list{
	padding: 8px 18px 8px 14px;
	margin-left: 8px;
	font-size: 14px;
	color:#025750;
	text-decoration: none;
	border: 1px #025750 solid;
	display: inline-block;
	margin-top: 10px;
	transition: all 0.3s ease 0s;
}
a.heavymachine_pdf_list:before{
	content: "> ";
}
a.heavymachine_pdf_list:hover{
	background: #025750;
	color:#fff;
}
#heavymachine td.heavymachine_info_small{
	padding-top: 9px;
	padding-bottom: 9px;
	font-size: 12px;
}