@charset "UTF-8";


@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 13.5rem;position: relative;padding: 0 5vw;}
#contentsmain .inner-Box.flex{display:flex;align-items:flex-start;margin: 0 auto;max-width: 110rem;padding: 3.6rem 0 0;}
#contentsmain .inner-Box .box-l{width: 72%;order: 1;}
#contentsmain .inner-Box .box-l figure{ }
#contentsmain .inner-Box .box-l figure img{ width: 100%; height: auto; }
#contentsmain .inner-Box .box-r{width: 50%;display:flex;flex-direction:column;padding-right: 5rem;}
#contentsmain .inner-Box .title{order:1;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: left;}
#contentsmain .inner-Box .txt-box{order:2;}
#contentsmain .inner-Box h2 {border-bottom: var(--mbl) 3px solid;margin-bottom: 2.9rem;position: relative;font-size: 1.7rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-bottom: 0.8rem;}
#contentsmain .inner-Box h2::before{content:"";width: 8rem;height: 3px;display: block;position: absolute;bottom: -0.3rem;left: 0;background: var(--mred);z-index: 0;}

#contentsmain .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contentsmain .inner-Box p.text span{ font-weight: 600; }

#contentsmain .inner-Box2{margin: 0 auto -9rem;position: relative;background: url('../images/manufacturing/contentsmain-back02.svg')no-repeat top center;text-align: center;padding: 11.1rem 0 17rem;}
#contentsmain .inner-Box2 h3 {color: var(--mred);margin-bottom: 1.2rem;position: relative;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contentsmain .inner-Box2 p.text2 {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 2.5;letter-spacing: 0.2em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box2 p.text2 span.fred {font-weight: 600;color: var(--mred);}
#contentsmain .inner-Box2 p.text2 span.fbul {color: var(--mbl);font-weight: 600;}
#contentsmain .inner-Box3 {margin: 0 auto;position: relative;max-width: 110rem;}
#contentsmain .inner-Box3 ul{display:flex;flex-wrap:wrap;gap:2.3636%;}
#contentsmain .inner-Box3 ul li{position:relative;width:48.8182%;border: 1px solid var(--mred);background: #fff;border-radius: 1rem;}

#contentsmain .inner-Box3 ul li a {display: block;padding: 4rem 4rem 2.4rem;}
#contentsmain .inner-Box3 h4 {margin-bottom: -3.1rem;position: relative;font-size: 2.0rem;line-height: 1.35;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #fff;top: -6.4rem;}
#contentsmain .inner-Box3 h4 span {background: var(--mred);display: block;border-radius: 5rem;margin: 0 auto;max-width: 77%;padding: 1rem;}
#contentsmain .inner-Box3 ul li:nth-child(2n) { border: var(--mbl) 1px solid;}
#contentsmain .inner-Box3 ul li:nth-child(2n) h4 span{ background: var(--mbl);}
#contentsmain .inner-Box3 ul li:nth-child(2n) .mbtn{ color: var(--mbl);}

#contentsmain .inner-Box3 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.4rem;}
#contentsmain .inner-Box3 figure.photo img{ width: 100%; height: auto; }
#contentsmain .inner-Box3 p.ltext {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;min-height: 10rem;}
#contentsmain .inner-Box3 p.mbtn {margin-bottom: 0px;position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: center;color: var(--mred);}
#contentsmain .inner-Box3 span.arr {display: block;line-height: 1;text-align: center;transition: all 0.3s ease-in-out;position: relative;top:0;}
#contentsmain .inner-Box3 span.arr img {  }
#contentsmain .inner-Box3 ul li a:hover .arr{ top:1rem; }

#contents01 {margin-bottom: 25.6rem;}
#contents01.bg-common-left::before{ background: var(--mred); }
#contents01 .dicon{width: 27rem;position: absolute;top: -3.5rem;left: -4.1rem;}
#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 7rem 0 3rem;max-width: 139rem;}
#contents01 .inner-Box h2 {margin-bottom: 2rem;position: relative;font-size: 3.2rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: var(--mred);}
#contents01 .inner-Box h2 span {font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;display: inline-block;padding-left: 1.5rem;position: relative;top: -0.6rem;}
#contents01 .inner-Box p.subttl {margin-bottom: 3.7rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: center;color: #111111;}
#contents01 .inner-Box ul{display:flex;flex-wrap:wrap;gap:3.5971%;}
#contents01 .inner-Box ul li{position:relative;width:48.2014%;}

#contents01 .photo-Box{display:flex;margin-bottom: 1.2rem;}
#contents01 .photo-Box figure.photol{position:relative;top:0;left:0;width:50%;}
#contents01 .photo-Box figure.photor{position:relative;top:0;left:0;width:50%;}
#contents01 .photo-Box figure img{ width: 100%; height: auto; }
#contents01 .inner-Box h3 {border-bottom: var(--mbl) 3px solid;margin-bottom: 1.1rem;position: relative;font-size: 1.7rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-bottom: 0.8rem;}
#contents01 .inner-Box h3::before{content:"";width: 8rem;height: 3px;display: block;position: absolute;bottom: -0.3rem;left: 0;background: var(--mred);z-index: 0;}
#contents01 .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}

#contents02 {position: relative;margin-bottom: 20rem;}
#contents02 .dicon{width: 27rem;position: absolute;top: -3.5rem;left: -4.1rem;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 7rem 0 3.6rem;max-width: 139rem;}
#contents02 .inner-Box h2 {margin-bottom: 2rem;position: relative;font-size: 3.2rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: var(--mbl);}
#contents02 .inner-Box h2 span {font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;display: inline-block;padding-left: 1.5rem;position: relative;top: -0.6rem;}
#contents02 .inner-Box p.subttl {margin-bottom: 3.7rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: center;color: #111111;}
#contents02 .inner-Box p.mtext {margin-bottom: 0.7rem;position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #111111;}
#contents02 .inner-Box p.mtext span {background: var(--mbl);font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;color: #FFFFFF;border-radius: 3rem;display: inline-block;padding: 0.5rem 1.8rem;margin-right: 1rem;}
#contents02 .inner-Box h3 {margin-bottom: 0.8rem;position: relative;color: var(--mbl);font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents02 .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}

#contents02 .inner-Box2 {margin: 0 auto 4.7rem;position: relative;max-width: 139rem;}
#contents02 .inner-Box2 h3 {margin-bottom: 2.2rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;color: #111111;}
#contents02 .inner-Box2 ul{display:flex;flex-wrap:wrap;gap:3.5971%;}
#contents02 .inner-Box2 ul li{position:relative;width:48.2014%;}

#contents02 .inner-Box2 figure{position:relative;margin-bottom: 1.2rem;}
#contents02 .inner-Box2 figure img{ width: 100%; height: auto; }
#contents02 .inner-Box2 h4 {border-bottom: var(--mbl) 3px solid;margin-bottom: 1.1rem;position: relative;font-size: 1.7rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-bottom: 0.8rem;}
#contents02 .inner-Box2 h4::before{content:"";width: 8rem;height: 3px;display: block;position: absolute;bottom: -0.3rem;left: 0;background: var(--mred);z-index: 0;}
#contents02 .inner-Box2 p.ltext {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}


#contents02 .inner-Box3 {margin: 0 auto;position: relative;max-width: 139rem;padding-bottom: 2rem;}
#contents02 .inner-Box3 ul{display:flex;flex-wrap:wrap;gap:3.5971%;}
#contents02 .inner-Box3 ul li{position:relative;width:48.2014%;}

#contents02 .inner-Box3 h3 {margin-bottom: 0.8rem;position: relative;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 700;text-align: left;color: var(--mbl);}
#contents02 .inner-Box3 p.ltext {margin-bottom: 1.4rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}
#contents02 .inner-Box3 p.ltext2 {margin-bottom: 2.4rem;position: relative;padding-top: 0.6rem;}
#contents02 .inner-Box3 p.ltext2 span {background: var(--mbl);font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;color: #FFFFFF;border-radius: 3rem;display: inline-block;padding: 0.5rem 1.1rem;margin-right: 0.2rem;}

#contents02 .inner-Box3 figure.photo {position: relative;top: 0;left: 0rem;}
#contents02 .photo-Box {display:flex;margin-bottom: 1.2rem;padding-top: 0.7rem;}
#contents02 .photo-Box figure.photol {position: relative;top: 0;left: 0;width: 45.8%;margin-right: 3.6%;}
#contents02 .photo-Box figure.photor {position: relative;top: 0;left: 0;width: 50.4%;}
#contents02 figure img{ width: 100%; height: auto; }


}
@media screen and (min-width:768px) and ( max-width:1023px) {
	

	
}

@media screen and (max-width: 767px) {

#contentsmain{margin: 0 auto 23.5vw;position:relative;padding:0 5vw;}
#contentsmain .inner-Box.flex{display:flex;align-items:flex-start;margin:0 auto;flex-direction: column;}
#contentsmain .inner-Box .box-l{width: 100%;order: 2;}
#contentsmain .inner-Box .box-l figure{ margin-bottom: 5.5vw; }
#contentsmain .inner-Box .box-l figure img{width:100%;height:auto;}
#contentsmain .inner-Box .box-r{width: 100%;display:contents;}
#contentsmain .inner-Box .title{order: 1;font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 700;text-align: left;color: #111111;padding-right: 1vw;}
#contentsmain .inner-Box .txt-box{order: 3;}
#contentsmain .inner-Box h2{border-bottom: var(--mbl) 0.80vw solid;margin-bottom: 6.033vw;position:relative;font-size:4.533vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;padding-bottom: 3.133vw;}
#contentsmain .inner-Box h2::before{content:"";width:21.333vw;height: 0.80vw;display:block;position:absolute;bottom: -0.80vw;left:0;background:var(--mred);z-index:0;}
#contentsmain .inner-Box p.text{margin-bottom:0;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;margin-right: 2vw;color: #111111;}
#contentsmain .inner-Box p.text span{font-weight:600;}

#contentsmain .inner-Box2{margin:0 auto -24vw;position:relative;background: url('../images/manufacturing/contentsmain-back02.svg') no-repeat top 6vw center;text-align:center;padding: 13.6vw 0 39.333vw;background-size: 90vw auto;}
#contentsmain .inner-Box2 h3{color:var(--mred);margin-bottom: 4.5vw;position:relative;font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contentsmain .inner-Box2 p.text2{margin-bottom:0;position:relative;font-size: 3.7vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: center;color: #111111;}
#contentsmain .inner-Box2 p.text2 span.fred{font-weight:600;color:var(--mred);}
#contentsmain .inner-Box2 p.text2 span.fbul{color:var(--mbl);font-weight:600;}

#contentsmain .inner-Box3{margin: 0 0.3vw;position:relative;}
#contentsmain .inner-Box3 ul{}
#contentsmain .inner-Box3 ul li{position:relative;border:1px solid var(--mred);background:#fff;border-radius:2.667vw;margin-bottom: 13.6vw;}
#contentsmain .inner-Box3 ul li a{display:block;padding: 7.267vw 5.167vw 6.4vw;}
#contentsmain .inner-Box3 h4{margin-bottom: -6.467vw;position:relative;top: -12.767vw;font-size: 4.3vw;line-height: 1.688;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #FFFFFF;}
#contentsmain .inner-Box3 h4 span{background:var(--mred);display:block;border-radius:13.333vw;margin:0 auto;padding: 1.767vw;}
#contentsmain .inner-Box3 ul li:nth-child(2n) { border: var(--mbl) 1px solid;}
#contentsmain .inner-Box3 ul li:nth-child(2n) h4 span{background:var(--mbl);}
#contentsmain .inner-Box3 ul li:nth-child(2n) .mbtn{color:var(--mbl);}
#contentsmain .inner-Box3 figure.photo{position:relative;top:0;left:0;margin-bottom:3.733vw;}
#contentsmain .inner-Box3 figure.photo img{width:100%;height:auto;}
#contentsmain .inner-Box3 p.ltext{margin-bottom: 5.2vw;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}
#contentsmain .inner-Box3 p.mbtn{margin-bottom: 1vw;position:relative;font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:600;text-align:center;color:var(--mred);}
#contentsmain .inner-Box3 span.arr{display:block;line-height:1;text-align:center;transition:all .3s ease-in-out;position:relative;top:0;width: 5vw;margin: 0 auto;}
#contentsmain .inner-Box3 span.arr img{}
#contentsmain .inner-Box3 ul li a:hover .arr{top:2.667vw;}

#contents01{margin-bottom: 40.267vw;}
#contents01.bg-common-left::before{background:var(--mred);}
#contents01 .dicon{width: 38.5vw;position:absolute;top: -6.633vw;left: 0.067vw;}
#contents01 .inner-Box{margin:0 auto;position:relative;padding: 10.667vw 0 1vw;}
#contents01 .inner-Box h2{margin-bottom: 4.133vw;position:relative;color:var(--mred);font-size: 6.1vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents01 .inner-Box h2 span{display:inline-block;padding-left:4vw;position:relative;top:-1.6vw;font-size: 4.3vw;line-height: 1.875;letter-spacing: 0.2em;font-weight: 600;text-align: center;top: -1vw;left: -1.2vw;}
#contents01 .inner-Box p.subttl{margin-bottom: 5.4vw;position:relative;font-size: 3.7vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: center;color: #111111;}
#contents01 .inner-Box ul{}
#contents01 .inner-Box ul li{position:relative;width: 100%;margin-bottom: 10vw;}
#contents01 .photo-Box{margin-bottom: 4.2vw;}
#contents01 .photo-Box figure.photol{position:relative;top:0;left:0;}
#contents01 .photo-Box figure.photor{position:relative;top:0;left:0;}
#contents01 .photo-Box figure img{width:100%;height:auto;}
#contents01 .inner-Box h3{border-bottom: var(--mbl) 0.80vw solid;margin-bottom: 3.033vw;position:relative;font-size:4.533vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;padding-bottom: 2.133vw;}
#contents01 .inner-Box h3::before{content:"";width:21.333vw;height: 0.80vw;display:block;position:absolute;bottom: -0.80vw;left:0;background:var(--mred);z-index:0;}
#contents01 .inner-Box p.ltext{margin-bottom:0;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}

#contents02{position:relative;margin-bottom: 36.033vw;}
#contents02 .dicon{width: 38.5vw;position:absolute;top: -6.633vw;left: 0.067vw;}
#contents02 .inner-Box{margin:0 auto;position:relative;padding: 10.667vw 0 6vw;}
#contents02 .inner-Box h2{margin-bottom: 4.133vw;position:relative;color:var(--mbl);font-size: 6.1vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents02 .inner-Box h2 span{display:inline-block;padding-left:4vw;position:relative;top:-1.6vw;font-size: 4.3vw;line-height: 1.875;letter-spacing: 0.2em;font-weight: 600;text-align: center;top: -1vw;left: -1.2vw;}
#contents02 .inner-Box p.subttl{margin-bottom: 5.667vw;position:relative;font-size: 3.7vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: center;color: #111111;left: 0vw;}
#contents02 .inner-Box p.mtext{margin-bottom: 2.367vw;position:relative;font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;color:#111;}
#contents02 .inner-Box p.mtext span{background:var(--mbl);font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:center;color:#fff;border-radius:8vw;display:inline-block;padding:1.333vw 4.8vw;margin-right:2.667vw;}
#contents02 .inner-Box h3{margin-bottom: 2.733vw;position:relative;color:var(--mbl);font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents02 .inner-Box p.text{margin-bottom:0;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;margin-right: 1vw;color: #111111;}

#contents02 .inner-Box2{margin: 0 auto 9.533vw;position:relative;}
#contents02 .inner-Box2 h3{margin-bottom: 6.667vw;position:relative;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;color: #111111;}
#contents02 .inner-Box2 ul{}
#contents02 .inner-Box2 ul li{position:relative;width: 100%;margin-bottom: 6vw;}
#contents02 .inner-Box2 figure{position:relative;margin-bottom: 4.2vw;}
#contents02 .inner-Box2 figure img{width:100%;height:auto;}
#contents02 .inner-Box2 h4{border-bottom: var(--mbl) 0.80vw solid;margin-bottom: 3.033vw;position:relative;font-size:4.533vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;padding-bottom: 2.133vw;}
#contents02 .inner-Box2 h4::before{content:"";width:21.333vw;height: 0.80vw;display:block;position:absolute;bottom: -0.80vw;left:0;background:var(--mred);z-index:0;}
#contents02 .inner-Box2 p.ltext{margin-bottom:0;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}

#contents02 .inner-Box3{margin:0 auto;position:relative;max-width:139rem;padding-bottom: 1.333vw;}
#contents02 .inner-Box3 ul{}
#contents02 .inner-Box3 ul li{position:relative;width: 100%;margin-bottom: 10vw;}
#contents02 .inner-Box3 h3{margin-bottom: 2.733vw;position:relative;color:var(--mbl);font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 700;text-align: left;}
#contents02 .inner-Box3 p.ltext{margin-right: 0.9vw;margin-bottom: 4.733vw;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}
#contents02 .inner-Box3 p.ltext2{margin-bottom: 4.4vw;position:relative;padding-top: 1.6vw;}
#contents02 .inner-Box3 p.ltext2 span{background:var(--mbl);font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:center;color:#fff;border-radius:8vw;display:inline-block;padding:1.333vw 2.933vw;margin-right:.533vw;margin-bottom: 2.5vw;}
#contents02 .inner-Box3 figure.photo{position:relative;top:0;left:0;}
#contents02 .photo-Box{margin-bottom:3.2vw;padding-top: 1vw;}
#contents02 .photo-Box figure.photol{position:relative;top:0;left:0;}
#contents02 .photo-Box figure.photor{position:relative;top:0;left:0;width: 100%;padding-top: 4.2vw;}
#contents02 figure img{width:100%;height:auto;}

}