﻿@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.equipment-sec {padding:170px 0 150px 0; background:url(../img/equipment/bg_01.jpg) repeat-y top center; background-size:100% auto;}
.equipment-sec .sec {max-width:1130px; padding:0 15px;}
.equipment-sec .txt1 {font-size:4.5rem; line-height:1.7; text-align:left; color:#fff;}
.equipment-sec .txt2 {color:#fff; margin:140px 0 0 0;}
.equipment-sec .txt2 + .clm1 {margin-top:100px;}
.equipment-sec .txt3 {text-align:left; color:#fff;}
.equipment-sec .txt3 dt {font-size:1.8rem; font-weight:400; line-height:1.4;}
.equipment-sec .txt3 dd {font-size:1.4rem; font-weight:400; line-height:1.7; margin:0.6em 0 0 0;}
.equipment-sec .txt4 {font-size:3.0rem; font-weight:400; line-height:1.4; letter-spacing:0.1em; text-align:center; color:#fff; margin:100px 0 0 0;}
.equipment-sec .txt4 + .clm1 {margin-top:50px;}
.equipment-sec .txt5 {text-align:left; color:#fff;}
.equipment-sec .txt5 dt {font-size:2.3rem; font-weight:400; line-height:1.4;}
.equipment-sec .txt5 dt span {font-size:78%; display:block;}
.equipment-sec .txt5 dd {font-size:1.5rem; font-weight:400; line-height:1.5; margin:0.6em 0 0 0;}
.equipment-sec .txt6 {text-align:left; color:#fff;}
.equipment-sec .txt6 dt {font-size:2.0rem; font-weight:400; line-height:1.4;}
.equipment-sec .txt6 dd {font-size:1.5rem; font-weight:400; line-height:1.5; margin:0.6em 0 0 0;}
.equipment-sec .txt7 {text-align:left;}
.equipment-sec .txt7 dt {font-size:2.6rem; font-weight:400; line-height:1.4; color:#063c73;}
.equipment-sec .txt7 dd {font-size:1.5rem; font-weight:400; line-height:1.5; margin:0.6em 0 0 0;}
.equipment-sec .txt8 {text-align:left;}
.equipment-sec .txt8 dl {margin:8px 0 0 0; display:flex;}
.equipment-sec .txt8 dt {width:32%; font-size:1.9rem; font-weight:400; line-height:1.2; text-align:center; color:#fff; padding:10px 5px; background-color:#063c73; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.equipment-sec .txt8 dd {width:68%; font-size:1.5rem; font-weight:400; line-height:1.4; color:#063c73; padding:10px 10px 10px 25px; background-color:#fff; box-sizing:border-box; display:flex; align-items:center;}
.equipment-sec .txt9 {text-align:left; margin:10px 0 0 0;}
.equipment-sec .txt9 > li {font-size:1.2rem; line-height:1.3; padding:0 0 0 1.2em; position:relative;}
.equipment-sec .txt9 > li::before {content:'※'; position:absolute; top:0; left:0;}
.equipment-sec .img1 {position:relative;}
.equipment-sec .img1 .ctx {font-size:1.0rem; line-height:1; letter-spacing:0.1em; position:absolute;}
.equipment-sec .img1 .ctx1 {color:#fff; bottom:0.5em; left:0.5em;}
.equipment-sec .img1 .ctx2 {color:#fff; bottom:0.5em; right:0.5em;}
.equipment-sec .img1 .ctx3 {color:#000; bottom:0.5em; left:0.5em;}
.equipment-sec .img1 .ctx4 {color:#000; bottom:0.5em; right:0.5em;}
.equipment-sec .img1 + .txt3 {margin:15px 0 0 0;}
.equipment-sec .img2 {margin:0 0 -50% 0; position:relative; z-index:5;}
.equipment-sec .img3 {margin:20px 0 0 0;}
.equipment-sec .img4 {margin:0 0 0 -35%;}
.equipment-sec .clm1 {margin:0 -30px; display:flex; flex-wrap:wrap;}
.equipment-sec .clm1 > div {width:25%; padding:20px 30px 0 30px; box-sizing:border-box;}
.equipment-sec .clm1 > div.cell2 {width:50%;}
.equipment-sec .clm1 > div.cell2 .clm1 {margin-top:-20px;}
.equipment-sec .clm1 > div.cell3 {width:75%;}
.equipment-sec .clm1 > div.cell4 {width:100%;}
.equipment-sec .clm2 > div {margin:15px 0 0 0; padding:30px 0 0 0; border-top:solid 1px #fff;}
.equipment-sec .clm2 > div:first-of-type {margin-top:0; padding-top:0; border-top:none;}
.equipment-sec .clm3 {max-width:810px; margin:40px auto 0 auto; padding:30px 30px 10px 30px; background-color:#6e757f; box-sizing:border-box;}
.equipment-sec .clm3 .clm {margin:25px 0 0 0; display:flex; justify-content:space-between;}
.equipment-sec .clm3 .clm > div:nth-of-type(1) {width:38%;}
.equipment-sec .clm3 .clm > div:nth-of-type(2) {width:62%; padding:0 0 0 15px; box-sizing:border-box;}
.equipment-sec .clm4 {max-width:810px; margin:40px auto 0 auto; padding:30px 40px; background-color:#e4e0de; box-sizing:border-box;}
.equipment-sec .clm4 .clm {display:flex; justify-content:space-between; align-items:center;}
.equipment-sec .clm4 .clm > div:nth-of-type(1) {width:32%; text-align:center;}
.equipment-sec .clm4 .clm > div:nth-of-type(1) img {max-width:188px;}
.equipment-sec .clm4 .clm > div:nth-of-type(2) {width:68%; padding:0 0 0 25px; box-sizing:border-box;}

@media screen and (max-width:1194px){
    .equipment-sec {padding:50px 0;}
    .equipment-sec .sec {max-width:100%; padding:0 6.0vw;}
    .equipment-sec .txt1 {font-size:2.7rem; line-height:1.7;}
    .equipment-sec .txt2 {margin:80px 0 0 0;}
    .equipment-sec .txt2 + .clm1 {margin-top:30px;}
    .equipment-sec .txt3 dt {font-size:1.6rem;}
    .equipment-sec .txt3 dd {font-size:1.4rem; line-height:1.4;}
    .equipment-sec .txt4 {font-size:1.9rem; margin:50px 0 0 0;}
    .equipment-sec .txt4 + .clm1 {margin-top:20px;}
    .equipment-sec .txt5 dt {font-size:1.8rem;}
    .equipment-sec .txt5 dd {font-size:1.4rem;}
    .equipment-sec .txt6 dt {font-size:1.8rem;}
    .equipment-sec .txt6 dd {font-size:1.4rem;}
    .equipment-sec .txt7 dt {font-size:1.9rem;}
    .equipment-sec .txt7 dd {font-size:1.4rem;}
    .equipment-sec .txt8 dl {display:block;}
    .equipment-sec .txt8 dt {width:auto; font-size:1.8rem; padding:5px 10px;}
    .equipment-sec .txt8 dd {width:auto; font-size:1.6rem; padding:5px 10px;}
    .equipment-sec .txt9 {margin:5px 0 0 0;}
    .equipment-sec .txt9 > li {font-size:1.4rem;}
    .equipment-sec .img1 .ctx {}
    .equipment-sec .img1 + .txt3 {margin:10px 0 0 0;}
    .equipment-sec .img2 {margin:0 -6.0vw 0 -4.0vw;}
    .equipment-sec .img3 {margin:20px 0 0 0;}
    .equipment-sec .img4 {margin:0;}
    .equipment-sec .img5 {max-width:220px; margin:0 auto;}
    .equipment-sec .clm1 {margin:0 -5px;}
    .equipment-sec .clm1 > div {width:50%; padding:20px 5px 0 5px;}
    .equipment-sec .clm1 > div.cell2 {width:100%;}
    .equipment-sec .clm1 > div.cell2 .clm1 {margin-top:-20px;}
    .equipment-sec .clm1 > div.cell3 {width:100%;}
    .equipment-sec .clm1 > div.cell4 {width:100%;}
    .equipment-sec .clm1 > div.type1 {width:100%;}
    .equipment-sec .clm1 > div.type2 {width:100%;}
    .equipment-sec .clm1 > div.type3 {width:50%;}
    .equipment-sec .clm2 {margin:0 -5px; display:flex;}
    .equipment-sec .clm2 > div {width:50%; margin:0; padding:0 5px; border:none;}
    .equipment-sec .clm3 {max-width:100%; margin:30px 0 0 0; padding:15px;}
    .equipment-sec .clm3 .clm {margin:15px 0 0 0; display:block;}
    .equipment-sec .clm3 .clm > div:nth-of-type(1) {width:auto;}
    .equipment-sec .clm3 .clm > div:nth-of-type(2) {width:auto; margin:10px 0 0 0; padding:0;}
    .equipment-sec .clm4 {max-width:100%; margin:30px 0 0 0; padding:15px;}
    .equipment-sec .clm4 .clm {display:block;}
    .equipment-sec .clm4 .clm > div:nth-of-type(1) {width:auto;}
    .equipment-sec .clm4 .clm > div:nth-of-type(1) img {max-width:100px;}
    .equipment-sec .clm4 .clm > div:nth-of-type(2) {width:auto; margin:10px 0 0 0; padding:0;}
}


@media screen and (max-width:767px){
	.equipment-sec {padding:50px 0;}
	.equipment-sec .sec {max-width:100%; padding:0 6.0vw;}
	.equipment-sec .txt1 {font-size:2.7rem; line-height:1.7;}
	.equipment-sec .txt2 {margin:80px 0 0 0;}
	.equipment-sec .txt2 + .clm1 {margin-top:30px;}
	.equipment-sec .txt3 dt {font-size:1.2rem;}
	.equipment-sec .txt3 dd {font-size:1.0rem; line-height:1.4;}
	.equipment-sec .txt4 {font-size:1.5rem; margin:50px 0 0 0;}
	.equipment-sec .txt4 + .clm1 {margin-top:20px;}
	.equipment-sec .txt5 dt {font-size:1.4rem;}
	.equipment-sec .txt5 dd {font-size:1.0rem;}
	.equipment-sec .txt6 dt {font-size:1.4rem;}
	.equipment-sec .txt6 dd {font-size:1.0rem;}
	.equipment-sec .txt7 dt {font-size:1.5rem;}
	.equipment-sec .txt7 dd {font-size:1.0rem;}
	.equipment-sec .txt8 dl {display:block;}
	.equipment-sec .txt8 dt {width:auto; font-size:1.4rem; padding:5px 10px;}
	.equipment-sec .txt8 dd {width:auto; font-size:1.2rem; padding:5px 10px;}
	.equipment-sec .txt9 {margin:5px 0 0 0;}
	.equipment-sec .txt9 > li {font-size:1.0rem;}
	.equipment-sec .img1 .ctx {}
	.equipment-sec .img1 + .txt3 {margin:10px 0 0 0;}
	.equipment-sec .img2 {margin:0 -6.0vw 0 -4.0vw;}
	.equipment-sec .img3 {margin:20px 0 0 0;}
	.equipment-sec .img4 {margin:0;}
	.equipment-sec .img5 {max-width:220px; margin:0 auto;}
	.equipment-sec .clm1 {margin:0 -5px;}
	.equipment-sec .clm1 > div {width:50%; padding:20px 5px 0 5px;}
	.equipment-sec .clm1 > div.cell2 {width:100%;}
	.equipment-sec .clm1 > div.cell2 .clm1 {margin-top:-20px;}
	.equipment-sec .clm1 > div.cell3 {width:100%;}
	.equipment-sec .clm1 > div.cell4 {width:100%;}
	.equipment-sec .clm1 > div.type1 {width:100%;}
	.equipment-sec .clm1 > div.type2 {width:100%;}
	.equipment-sec .clm1 > div.type3 {width:50%;}
	.equipment-sec .clm2 {margin:0 -5px; display:flex;}
	.equipment-sec .clm2 > div {width:50%; margin:0; padding:0 5px; border:none;}
	.equipment-sec .clm3 {max-width:100%; margin:30px 0 0 0; padding:15px;}
	.equipment-sec .clm3 .clm {margin:15px 0 0 0; display:block;}
	.equipment-sec .clm3 .clm > div:nth-of-type(1) {width:auto;}
	.equipment-sec .clm3 .clm > div:nth-of-type(2) {width:auto; margin:10px 0 0 0; padding:0;}
	.equipment-sec .clm4 {max-width:100%; margin:30px 0 0 0; padding:15px;}
	.equipment-sec .clm4 .clm {display:block;}
	.equipment-sec .clm4 .clm > div:nth-of-type(1) {width:auto;}
	.equipment-sec .clm4 .clm > div:nth-of-type(1) img {max-width:100px;}
	.equipment-sec .clm4 .clm > div:nth-of-type(2) {width:auto; margin:10px 0 0 0; padding:0;}
}
