@charset "utf-8";


/* style */
/* -------------------------------------------------------- */
.equipment-txt1 > span {font-size:1px; line-height:1; margin:10px; padding:8px 5% 8px 3%; background-color:#9c8c52; box-sizing:border-box; display:block; position:relative;}
.equipment-txt1 > span::before,
.equipment-txt1 > span::after {content:''; width:calc(100% + 10px); height:calc(100% + 10px); border:1px solid #9c8c52; box-sizing:border-box; display:block; position:absolute;}
.equipment-txt1 > span::before {top:-10px; left:-10px;}
.equipment-txt1 > span::after {bottom:-10px; right:-10px;}
.equipment-txt1 img {max-width:330px; width:100%; margin:0 auto; position:relative; z-index:5;}

.equipment-cont {color:#fff; padding:60px 0 120px 0; background:#000 url(../img/equipment/bg_01.png) center top repeat; background-size:400px auto;}
.equipment-cont .txt1 {font-size:2.8rem; letter-spacing:0.2em; text-align:center;}
.equipment-cont .txt1 + .txt2 {margin-top:1.0em;}
.equipment-cont .txt2 {font-size:2.8rem; font-family:'Noto Sans JP', sans-serif; font-weight:200; letter-spacing:0.2em; margin:3.0em 0 0 0; padding:0 0 0.8em 0; position:relative;}
.equipment-cont .txt2 span {color:#9d8d54;}
.equipment-cont .txt2::before {content:''; width:26px; height:1px; margin:0 0 0 -13px; background-color:#998d5a; display:block; position:absolute; bottom:0; left:50%;}
.equipment-cont .txt3 {font-size:2.2rem; letter-spacing:0.1em; margin:0.6em 0 0 0;}
.equipment-cont .txt4 {text-align:left;}
.equipment-cont .txt4 dt {font-size:2.2rem; line-height:1.9; letter-spacing:0.1em; margin:0;}
.equipment-cont .txt4 dd {font-size:1.5rem; line-height:2.0; letter-spacing:0.1em; margin:0;}
.equipment-cont .txt5 {font-size:1.5rem; line-height:2.0; letter-spacing:0.1em; text-align:left; margin:1.2em 0 0 0;}
.equipment-cont .txt6 {margin:20px 0 0 0;}
.equipment-cont .txt6 dt {font-size:1.4rem; line-height:1.2; text-align:center; color:#fff; padding:0.2em 0.5em; background-color:#73797c;}
.equipment-cont .txt6 dd {margin:10px -10px 0 -10px; display:flex;}
.equipment-cont .txt6 dd > div {padding:0 10px; flex:1; position:relative;}
.equipment-cont .txt6 dd > div::before {content:''; width:1px; height:50%; background-color:#fff; display:block; position:absolute; top:25%; left:0;}
.equipment-cont .txt6 dd > div:first-of-type::before {display:none;}
.equipment-cont .txt6 dd > div img {max-width:120px; width:100%;}
.equipment-cont .txt7 > div {padding:10px 0;}
.equipment-cont .txt7 > div:first-of-type {padding-top:0;}
.equipment-cont .txt7 > div:last-of-type {padding-bottom:0;}
.equipment-cont .txt7 > div > span {width:100%; height:96px; font-size:1.6rem; line-height:1.6; text-align:center; color:#b0a26f; padding:0 0.2em; border:1px solid #b0a26f; border-radius:10px; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.equipment-cont .txt8 > div {font-size:1.5rem; line-height:1.6; text-align:center; margin:12px 0 0 0; padding:1.0em 1.0em; border:1px solid #fff; border-radius:10px;}
.equipment-cont .txt8 > ul {text-align:left; margin:10px 0 0 0;}
.equipment-cont .txt8 > ul > li {font-size:0.9rem;}
.equipment-cont .txt9 dt {font-size:1.7rem; line-height:1.2; text-align:center; margin:1.2em 0 0 0; padding:0 0 0.8em 0; border-bottom:solid 1px #fff;}
.equipment-cont .txt9 dd {font-size:1.1rem; line-height:1.8; text-align:left; margin:1.0em 0 0 0;}

.equipment-cont .img1 {position:relative;}
.equipment-cont .img1 img {width:100%;}
.equipment-cont .img1 .note {font-size:1.1rem; line-height:1; color:#000; position:absolute; bottom:0.6em; left:0.8em;}
.equipment-cont .img1 .note.ri {left:auto; right:0.8em;}
.equipment-cont .img1 .note.w {color:#fff;}
.equipment-cont .imgs1 {margin:-18px -9px 0 -9px; display:flex; flex-wrap:wrap;}
.equipment-cont .imgs1 > div {width:50%; padding:18px 9px 0 9px; box-sizing:border-box; position:relative;}
.equipment-cont .imgs1 > div.cell1 {width:100%;}
.equipment-cont .imgs2 {margin:15px 0 0 0; display:flex; justify-content:space-between;}
.equipment-cont .imgs2 > div:nth-of-type(1) {width:56%;}
.equipment-cont .imgs2 > div:nth-of-type(2) {width:40%;}
.equipment-cont .imgs3 {margin:20px 0 0 0; display:flex; justify-content:space-between;}
.equipment-cont .imgs3 > div:nth-of-type(1) {width:66%;}
.equipment-cont .imgs3 > div:nth-of-type(2) {width:28%;}
.equipment-cont .imgs4 {display:flex; justify-content:space-between;}
.equipment-cont .imgs4 > div:nth-of-type(1) {width:59.2%;}
.equipment-cont .imgs4 > div:nth-of-type(2) {width:37%;}

.equipment-cont .clm1 {margin:30px 0 0 0; display:flex; justify-content:space-between;}
.equipment-cont .clm1 > div:nth-of-type(1) {width:40%;}
.equipment-cont .clm1 > div:nth-of-type(2) {width:56.4%;}
.equipment-cont .clm2 {padding:20px 30px; border:1px solid #998d5a; position:relative;}
.equipment-cont .clm2 .ttl > span {padding-left:3%; padding-right:30%;}
.equipment-cont .clm2 .tag {width:32%; position:absolute; top:5px; right:5px;}
.equipment-cont .clm2 .tag + .txt4 dt {margin-top:1.2em;}
.equipment-cont .clm2 .tag + .txt4 dd {margin-top:1.2em;}
.equipment-cont .clm3 {margin:40px 0 0 0; display:flex; justify-content:space-between;}
.equipment-cont .clm3 > div:nth-of-type(1) {width:40%;}
.equipment-cont .clm3 > div:nth-of-type(2) {width:56.4%;}
.equipment-cont .clm4 {margin:40px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.equipment-cont .clm4 > div:nth-of-type(1) {width:58%;}
.equipment-cont .clm4 > div:nth-of-type(2) img {max-width:240px; width:100%;}
.equipment-cont .clm4 > div:nth-of-type(3) {width:100%; margin:25px 0 0 0;}
.equipment-cont .clm5 {margin:35px 0 0 0;}
.equipment-cont .clm5 > div:nth-of-type(1) {display:flex; justify-content:space-between; position:relative; z-index:10;}
.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(1) {width:52%;}
.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) {width:44%; align-self:flex-end;}
.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) dl {text-align:center; padding:20px 12px 0 12px; background-color:#9c8c52; border-radius:15px; position:relative;}
.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) dl::before {content:''; width:36px; height:132px; background:url(../img/equipment/img_03_03.png) center center no-repeat; background-size:100% 100%; display:block; position:absolute; top:98%; right:16%;}
.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) dt {font-size:2.7rem; letter-spacing:0.2em;}
.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) dd {font-size:1.9rem; line-height:1.4;}
.equipment-cont .clm5 > div:nth-of-type(2) {margin:25px 0 0 0; display:flex; justify-content:space-between;}
.equipment-cont .clm5 > div:nth-of-type(2) > div:nth-of-type(1) {width:28%; padding:0 0 10px 0; align-self:center;}
.equipment-cont .clm5 > div:nth-of-type(2) > div:nth-of-type(2) {width:70%;}
.equipment-cont .clm5 .ttl + .txt4 dt {margin-top:1.2em;}
.equipment-cont .clm6 {margin:35px 0 0 0; display:flex; justify-content:space-between;}
.equipment-cont .clm6 > div:nth-of-type(1) {display:none;}
.equipment-cont .clm6 > div:nth-of-type(2) {width:52%;}
.equipment-cont .clm6 > div:nth-of-type(3) {width:45%;}
.equipment-cont .clm6 .ttl + .txt4 dt {margin-top:1.2em;}
.equipment-cont .clm7 {margin:35px 0 0 0; display:flex; justify-content:space-between;}
.equipment-cont .clm7 > div:nth-of-type(1) {width:48%;}
.equipment-cont .clm7 > div:nth-of-type(2) {width:50%;}
.equipment-cont .clm7 .ttl {text-align:left;}
.equipment-cont .clm7 .ttl img {max-width:220px; width:100%;}
.equipment-cont .clm7 .ttl + .txt4 dt {margin-top:1.2em;}
.equipment-cont .clm8 {margin:20px 0 0 0; padding:15px 20px; background-color:#aec6e7; display:flex; justify-content:space-between;}
.equipment-cont .clm8 > div:nth-of-type(1) {width:56%;}
.equipment-cont .clm8 > div:nth-of-type(2) {width:40%; padding:10px 18px; background-color:#fff; box-sizing:border-box;}
.equipment-cont .clm8 .note {font-size:1.0rem; line-height:1.4; text-align:left; color:#000; margin:1.0em 0 0 0;}
.equipment-cont .clm8 dl {text-align:left;}
.equipment-cont .clm8 dt {font-size:1.5rem; color:#004a8f;}
.equipment-cont .clm8 dd {font-size:1.2rem; color:#000; line-height:1.9; margin:0.5em 0 0 0;}
.equipment-cont .clm8 dd.img {width:82%; margin:-0.3em auto 0 auto;}
.equipment-cont .clm9 {margin:35px -30px 0 -30px; display:flex;}
.equipment-cont .clm9 > div {padding:0 30px; box-sizing:border-box; flex:1;}

@media screen and (max-width:1362px){
	.equipment-cont .txt7 > div {padding:0.7vw 0;}
	.equipment-cont .txt7 > div > span {height:6.8vw;}
}
@media screen and (max-width:1000px){
	.equipment-txt1 > span {margin:6px; padding:4px 0;}
	.equipment-txt1 > span::before,
	.equipment-txt1 > span::after {width:calc(100% + 6px); height:calc(100% + 6px);}
	.equipment-txt1 > span::before {top:-6px; left:-6px;}
	.equipment-txt1 > span::after {bottom:-6px; right:-6px;}
	.equipment-txt1 img {max-width:225px;}

	.equipment-cont {padding:30px 0 50px 0; background-size:200px;}
	.equipment-cont .txt1 {font-size:1.8rem;}
	.equipment-cont .txt2 {font-size:2.4rem;}
	.equipment-cont .txt3 {font-size:1.6rem;}
	.equipment-cont .txt4 dt {font-size:1.6rem; line-height:1.6;}
	.equipment-cont .txt4 dd {font-size:1.2rem; line-height:1.6;}
	.equipment-cont .txt5 {font-size:1.2rem; line-height:1.6;}
	.equipment-cont .txt6 {margin:20px 0 0 0;}
	.equipment-cont .txt6 dt {font-size:1.3rem;}
	.equipment-cont .txt6 dd {margin:10px -5px 0 -5px;}
	.equipment-cont .txt6 dd > div {padding:0 5px;}
	.equipment-cont .txt6 dd > div img {max-width:100%; width:100%;}
	.equipment-cont .txt7 > div {padding:2px 0;}
	.equipment-cont .txt7 > div:first-of-type {padding-top:0;}
	.equipment-cont .txt7 > div:last-of-type {padding-bottom:0;}
	.equipment-cont .txt7 > div > span {font-size:1.4rem; padding:1.3em 0.2em;}
	.equipment-cont .txt8 > div {font-size:1.3rem; margin:12px 0 0 0;}
	.equipment-cont .txt9 dt {font-size:1.6rem; margin:0.6em 0 0 0; padding:0 0 0.4em 0;}
	.equipment-cont .txt9 dd {font-size:1.1rem; margin:0.6em 0 0 0;}

	.equipment-cont .img1 .note {font-size:1.0rem;}
	.equipment-cont .imgs1 {margin:-10px -5px 0 -5px;}
	.equipment-cont .imgs1 > div {width:50%; padding:10px 5px 0 5px;}
	.equipment-cont .imgs1 > div.cell1 {width:100%;}
	.equipment-cont .imgs3 {margin:15px 0 0 0;}

	.equipment-cont .clm1 {margin:30px 0 0 0; display:block;}
	.equipment-cont .clm1 > div:nth-of-type(1) {width:auto;}
	.equipment-cont .clm1 > div:nth-of-type(2) {width:auto; margin:20px 0 0 0;}
	.equipment-cont .clm2 {padding:20px;}
	.equipment-cont .clm2 .ttl {width:100%;}
	.equipment-cont .clm2 .ttl > span {padding-left:5%; padding-right:28%;}
	.equipment-cont .clm2 .tag {max-width:140px; width:28%; position:absolute; top:1.0vw; right:1.0vw;}
	.equipment-cont .clm3 {margin:30px 0 0 0; display:block;}
	.equipment-cont .clm3 > div:nth-of-type(1) {width:auto;}
	.equipment-cont .clm3 > div:nth-of-type(2) {width:auto; margin:20px 0 0 0;}
	.equipment-cont .clm4 {margin:30px 0 0 0; display:block;}
	.equipment-cont .clm4 > div:nth-of-type(1) {width:auto;}
	.equipment-cont .clm4 > div:nth-of-type(2) {width:auto; margin:20px 0 0 0;}
	.equipment-cont .clm4 > div:nth-of-type(2) img {max-width:200px; width:100%;}
	.equipment-cont .clm4 > div:nth-of-type(3) {width:100%; margin:20px 0 0 0;}
	.equipment-cont .clm5 {margin:30px 0 0 0;}
	.equipment-cont .clm5 > div:nth-of-type(1) {display:block;}
	.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(1) {width:auto;}
	.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) {width:auto; margin:20px 0 0 0;}
	.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) dl {text-align:center; padding:10px 10px 0 10px;}
	.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) dl::before {content:''; width:20px; height:30%; top:98%; right:8%;}
	.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) dt {font-size:1.8rem;}
	.equipment-cont .clm5 > div:nth-of-type(1) > div:nth-of-type(2) dd {font-size:1.4rem;}
	.equipment-cont .clm5 > div:nth-of-type(2) {margin:10px 0 0 0; display:flex; flex-wrap:wrap;}
	.equipment-cont .clm5 > div:nth-of-type(2) > div:nth-of-type(1) {width:100%; margin:10px 0 0 0; order:2;}
	.equipment-cont .clm5 > div:nth-of-type(2) > div:nth-of-type(2) {width:100%; order:1;}
	.equipment-cont .clm6 {margin:30px 0 0 0; display:flex; flex-wrap:wrap;}
	.equipment-cont .clm6 > div:nth-of-type(1) {width:100%; display:block; order:1;}
	.equipment-cont .clm6 > div:nth-of-type(2) {width:100%; order:3;}
	.equipment-cont .clm6 > div:nth-of-type(3) {width:100%; margin:20px 0 0 0; order:2;}
	.equipment-cont .clm6 .img1 {padding:70% 0 0 0; position:relative; overflow:hidden;}
	.equipment-cont .clm6 .img1 img {width:100%; position:absolute; top:0; left:0;}
	.equipment-cont .clm7 {margin:30px 0 0 0; display:block;}
	.equipment-cont .clm7 > div:nth-of-type(1) {width:auto;}
	.equipment-cont .clm7 > div:nth-of-type(2) {width:auto; margin:20px 0 0 0;}
	.equipment-cont .clm8 {margin:20px 0 0 0; padding:15px; display:block;}
	.equipment-cont .clm8 > div:nth-of-type(1) {width:auto;}
	.equipment-cont .clm8 > div:nth-of-type(2) {width:auto; margin:10px 0 0 0; padding:10px;}
	.equipment-cont .clm8 dt {font-size:1.4rem;}
	.equipment-cont .clm8 dd {font-size:1.2rem;}
	.equipment-cont .clm9 {margin:0; display:block;}
	.equipment-cont .clm9 > div {margin:30px 0 0 0; padding:0;}
}