@charset "UTF-8";


@media screen and (min-width: 768px),print {
header {position: absolute;width: 100%;}
.seo_bread_list{margin: 0 auto;max-width: 142.9rem;z-index: 3;position: relative;}

.cpback{background: url(../images/manufacturing/cpback.svg) var(--mbl);padding: 6.5rem 5vw 0.1rem;margin-bottom: 13.8rem;}
#contentsmain {overflow: hidden;margin: 0 auto 5rem;position: relative;background: url('../images/original-vs-custom/contentsmain-back00.png')no-repeat top center;background-size: 100% auto;min-height: 77.3rem;padding: 19.5rem 0 3rem;}
#contentsmain .inner-Box{margin: 0 auto;position: relative;background: url('../images/corporate-industries/contentsmain-back01.svg')no-repeat top -4.7rem center;background-size: auto;text-align: center;padding-top: 4rem;}
#contentsmain .dicon{position: absolute;top: -3.5rem;left: 50%;width: 18rem;transform: scale(-1, 1);margin-left: 15.9rem;}
#contentsmain .inner-Box h1 {margin-bottom: 3.7rem;padding-right: 1rem;display: block;}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {  }
#contentsmain .inner-Box p.text {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 2.5;letter-spacing: 0.2em;font-weight: 400;text-align: center;}

#contentsmain .inner-Box p.subttl {margin-bottom: 4.4rem;position: relative;font-size: 2.0rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #fff;}
#contentsmain .inner-Box p.subttl span {display: inline-block;background: var(--mbl);border-radius: 3rem;padding: 0.6rem 6rem;}

#contentsmain .inner-Box p.text {margin-bottom: 5rem;position: relative;font-size: 1.6rem;line-height: 2.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;padding-left: 5rem;}
#contentsmain .inner-Box figure img{width: 100%;height: auto;border-radius: 3rem;position: relative;}
#contentsmain .inner-Box figure::before{ content: "";aspect-ratio: 1 / 1;display: block;width: 8.8rem;position: absolute;border-radius: 1.5rem;background: var(--mbl); }
#contentsmain .inner-Box figure.photo01 {position: absolute;top: 8rem;left: 50%;width: 24.5rem;margin-left: 43.5rem;}
#contentsmain .inner-Box figure.photo01::before{bottom: -2.7rem;left: -5.2rem;z-index: 3;}
#contentsmain .inner-Box figure.photo02 {position: absolute;top: 3.4rem;left: 50%;margin-left: -68rem;width: 18.3rem;}
#contentsmain .inner-Box figure.photo02::before{bottom: -2.8rem;right: -3rem;width: 10.2rem;}
#contentsmain .inner-Box figure.photo03 {position: absolute;top: 29.4rem;left: 50%;margin-left: -61.4rem;width: 23.8rem;}
#contentsmain .inner-Box figure.photo03::before{bottom: -2.1rem;left: -3rem;width: 6.5rem;}
#contentsmain .inner-Box figure.photo04 {position: absolute;top: 39rem;left: 50%;margin-left: 42.5rem;width: 16.7rem;}
#contentsmain .inner-Box figure.photo04::before{bottom: -2.7rem;right: -3.8rem;}
#contentsmain .inner-Box figure.photo05 {position: absolute;top: -5.1rem;left: 50%;width: 18.3rem;margin-left: 75.7rem;}
#contentsmain .inner-Box figure.photo05::before{t;bottom: -8.4rem;right: 0.8rem;width: 11rem;}
#contentsmain .inner-Box figure.photo06 {position: absolute;top: 15.1rem;left: 50%;width: 27.6rem;margin-left: -103rem;}
#contentsmain .inner-Box figure.photo06::before{top: -4.4rem;right: 11rem;}


#contentsmain .inner-Box p.textbtn { margin-bottom: 0px; position: relative; }
#contentsmain .inner-Box p.textbtn a {  }
#contentsmain .inner-Box p.textbtn a:hover {  }
#contentsmain .inner-Box p.textbtn {position: relative;top: 0rem;background: url(../images/common/btn-back.svg) #FDFDE5;border: 1px solid #707070;border-radius: 10px;box-shadow: 0px 6px 0px #D3D3B8;transition: all 0.3s ease-in-out;width: 52.6rem;margin: 0 auto;}
#contentsmain .inner-Box p.textbtn:hover { background: url(../images/common/foot-back.svg) #F4F4C8; top: 0.6rem; box-shadow: 0px 0px 0px #D3D3B8;transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box p.textbtn a {display: block;font-size: 2rem;line-height: 1.75;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #111111;padding: 5.4rem 0rem;}
#contentsmain .inner-Box p.textbtn a::before{content: "";display: block;width: 2rem;height: 2rem;background: url(../images/common/arr.svg) no-repeat;position: absolute;right: 1.8rem;bottom: 1.8rem;background-size: 100% auto;}


#contents01 {margin: 0 auto 9.8rem;position: relative;padding: 0 5vw;}
#contents01 h2 {margin-bottom: 5.4rem;position: relative;font-size: 3.2rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: var(--mbl);}
#contents01 .inner-Box{display:flex;align-items:flex-start;gap: 3.7076%;margin: 0 auto 4.8rem;position:relative;max-width:90.7rem;background:#FFFFFF;box-shadow:1rem 1rem 0 #D6E2F7;border: 1px solid var(--mbl);border-radius:1rem;padding: 2.3rem 4.1rem 3.6rem 5.3rem;}
#contents01 .inner-Box figure.photo{width: 17.0583%;border-radius: 50%;aspect-ratio: 1 / 1;position:relative;top:0;left:0;overflow: hidden;}
#contents01 .inner-Box figure.photo img{width:100%;height:auto;display:block;}
#contents01 .text-Box{width: 80.3341%;padding-top: 0.8rem;}
#contents01 .inner-Box p.text {margin-bottom: 0rem;position: relative;color: var(--mbl);font-size: 2.0rem;line-height: 2.0;letter-spacing: 0.1em;font-weight: 600;margin-right: 1.7rem;text-align: left;}
#contents01 .inner-Box p.text2 {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: right;padding-top: 0.8rem;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;max-width: 110rem;}
#contents01 .inner-Box2 p.text {margin-bottom: 7.2rem;position: relative;font-size: 1.6rem;line-height: 2.5;letter-spacing: 0.2em;font-weight: 400;text-align: center;}
#contents01 .inner-Box2 h3 {font-size: 2.4rem;line-height: 1.875;letter-spacing: 0.2em;font-weight: 600;text-align: center;margin-bottom: 6.6rem;position: relative;color: #fff;}
#contents01 .inner-Box2 h3 span {position: relative;background: var(--mbl);border-radius: 3rem;display: block;padding: 0.7rem 2rem;max-width: 65.7rem;margin: 0 auto;}
#contents01 .inner-Box2 h3 span::before {content: "";display: block;width: 2.9rem;height: 4.5rem;background: url(../images/original-vs-custom/contents01-icon01.svg)no-repeat top left;background-size: 100% auto;position: absolute;left: 7.7rem;bottom: -3.4rem;}

#contents01 .inner-Box2 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:4.2727%;}
#contents01 .inner-Box2 ul li { position: relative; }
#contents01 .inner-Box2  h4{border-bottom: var(--mbl) 3px solid;margin-bottom: 1.4rem;position: relative;padding-bottom: 0.8rem;color: #111111;font-size: 1.7rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contents01 .inner-Box2  h4::before{content:"";width: 8rem;height: 3px;display: block;position: absolute;bottom: -0.3rem;left: 0;background: var(--mred);z-index: 0;}
#contents01 .inner-Box2 figure.img {position: relative;top: 0;left: 0;text-align: center;max-width: 100%;margin-bottom: 1.4rem;}
#contents01 .inner-Box2 figure.img img{max-width: 100%;}
#contents01 .inner-Box2 p.ltext {margin-bottom: 0rem;position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;}


#contents02 { margin: 0 auto; position: relative; }
#contents02 .ttlicon{text-align: center;display: block;margin-bottom: 1.6rem;}
#contents02 h2 {margin-bottom: 5.5rem;position: relative;font-size: 3.2rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #FFFFFF;}
#contents02 .inner-Box{display:flex;align-items:flex-start;gap: 5.5034%;margin:0 auto;position:relative;max-width: 110rem;color: #fff;padding-bottom: 11.6rem;}
#contents02 .inner-Box figure.photo{width: 32.5%;}
#contents02 .text-Box{width:60.3612%;margin:0;position:relative;}

#contents02 .inner-Box figure.photo img{ width: 100%; height: auto; }
#contents02 .text-Box h3 {margin-bottom: 0.5rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;padding-left: 6.7rem;padding-top: 1.5rem;min-height: 6rem;}
#contents02 .text-Box h3 span.notext {background: #F4F4C8;border-radius: 50%;display: block;width: 6rem;height: 6rem;color: var(--mbl);font-size: 2.3rem;line-height: 1;letter-spacing: 0em;font-weight: 600;text-align: center;padding: 1.8rem 0.4rem 0rem 0rem;position: absolute;top: 0rem;left: 0rem;}
#contents02 .text-Box h3 span.f-en {  }
#contents02 .text-Box p.text {margin-bottom: 3.6rem;position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 500;text-align: left;margin-right: 3rem;}

#contentsso{margin-bottom: 20.1rem;}
#contentsso .back-Box{padding-bottom: 0.9rem;}
#contentsso .dicon{ width: 27rem; margin-left: 2.8rem; position: relative; top: -3.5rem; margin-bottom: -6.8rem; }

#contentsso.bg-common-left::before{/* background: var(--mred); */}

#contentsso .ttl-Box{width: 30rem;margin: 0 auto 4.3rem;position: relative;}
#contentsso .ttl-Box .dicon{width: 5.2rem;margin: 0 auto -4.1rem;left: -12rem;}
#contentsso .ttl-Box .f-en{font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: -webkit-auto;color: var(--mred);margin-bottom: -0.2rem;margin-left: 2.8rem;}
#contentsso .ttl-Box .f-en span{ color: var(--mbl); }
#contentsso .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;position: relative;left: 2.6rem;margin-bottom: 1.9rem;}
#contentsso .ttl-Box h2 .big{font-size: 7.5rem;line-height: 1;letter-spacing: 0;font-weight: 600;text-align: left;margin: 0 0.4rem;position: relative;top: 1.6rem;}
#contentsso .ttl-Box h2 .col{color: var(--mred);display: block;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: center;margin-top: -1.6rem;}
#contentsso .ttl-Box .subllt{font-size: 1.4rem;line-height: 2.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;color: #111111;margin: 0 -22rem 0;}

#contentsso {position: relative;margin-bottom: 25rem;}
#contentsso .inner-Box {margin: 0 auto;position: relative;max-width: 139rem;display:grid;grid-template-columns: repeat(3,1fr);gap:3.5971%;padding-bottom: 7.1rem;}
#contentsso .list-Box{position:relative;}
#contentsso .list-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.6rem;}
#contentsso .list-Box figure.photo img{ width: 100%; height: auto; }
#contentsso .list-Box h3 {margin-bottom: 2.8rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;}
#contentsso .list-Box p.text {margin-bottom: 2.9rem;position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: normal;text-align: left;color: #111111;}
#contentsso .inBox {margin: 0 auto;position: relative;background: #D6E2F7;border-radius: 1rem;min-height: 22rem;}
#contentsso .inBox h4 {margin-bottom: 0.3rem;position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;color: #FFFFFF;margin-left: 2.4rem;top: -1.3rem;}
#contentsso .inBox h4 span {background: #3D69B7;display: inline-block;border-radius: 2rem;padding: 0.4rem 1rem;}
#contentsso .inBox ul{padding: 0 3rem 0.6rem 2.6rem;margin-bottom: 1.5rem;}
#contentsso .inBox ul li{display:flex;align-items:flex-start;margin-bottom: 1rem;}
#contentsso .inBox ul h5{flex-shrink:0;position:relative;padding-left: 1.2rem;margin-right: 0em;font-size: 1.4rem;line-height:1.8;font-weight:600;letter-spacing:.1em;}
#contentsso .inBox ul h5::before{content:"";position:absolute;left: -0.3rem;top:.9rem;width: 0.7rem;height: 0.7rem;border-radius:50%;background: var(--mbl);}
#contentsso .inBox ul p.ltext{margin:0;font-size:1.4rem;line-height: 1.8;letter-spacing:.1em;}

#contentsso .list-Box span.point {display: inline-block;line-height: 1;margin-right: 0.3rem;}
#contentsso .list-Box span.point img {  }
#contentsso .list-Box h6 { margin-bottom: 0px; position: relative; font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.2em; font-weight: 500; text-align: left;color: var(--mred);  }

#corporate-industries .cpun-common #contentsvoice .btn-Box{width: 83rem;position: relative;left: 16.7rem;top: -0.7rem;}

#contents04 {margin: -3.1rem auto -5rem auto;position: relative;background: url('../images/corporate-industries/contents04-back01.png')no-repeat top center;min-height: 80rem;padding: 9.8rem 5vw;background-size: 100% auto;}
#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 110rem;}
#contents04 .inner-Box p.f-en {margin-bottom: 0.9rem;position: relative;font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: var(--mred);}
#contents04 .inner-Box p.f-en span {color: var(--mbl);}
#contents04 .inner-Box h2 {margin-bottom: 5rem;position: relative;color: var(--mbl);font-size: 3.2rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents04 .inner-Box ul{display:flex;flex-wrap:wrap;gap:2.3636%;}
#contents04 .inner-Box ul li{width:48.8182%;position:relative;border: 1px solid #3D69B7;border-radius: 1rem;padding: 4rem 4rem 5rem;background: rgba(255, 255, 255, 0.4);}
#contents04 .inner-Box span.enicon {display: block;line-height: 1;text-align: center;height: 4.2rem;}
#contents04 .inner-Box span.enicon img {  }
#contents04 .inner-Box h3 {margin-bottom: 1.7rem;position: relative;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: var(--mbl);}
#contents04 .inner-Box p.ltext {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;margin-right: -0.1rem;text-align: left;}


#contentsflow{padding: 0rem 5vw;margin-bottom: 0rem;}
#contentsflow .inner-Box{margin: 0 auto 7rem;max-width: 106rem;display:flex;align-items:flex-start;gap: 3.65rem;position: relative;}
#contentsflow .ttl-Box{width: 28.1rem;flex-shrink:0;}
#contentsflow .system-Box{width:calc(100% - 23.45rem);padding-top: 3.2rem;}
#contentsflow .ttl-Box .dicon{width: 5.3rem;margin-bottom: -0.3rem;}
#contentsflow .ttl-Box .f-en{color: var(--mred);font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: left;padding-left: 2.1rem;margin-bottom: -0.3rem;}
#contentsflow .ttl-Box .f-en span{ color: var(--mbl); }
#contentsflow .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;padding-left: 2.1rem;}

#contentsflow .flow-Box li{display:flex;align-items:flex-start;margin-bottom: 3rem;min-height: 12.2rem;}
#contentsflow .flow-Box li .no{flex: 0 0 15.1667%;background: var(--mbl);border-radius: 50%;aspect-ratio: 1 / 1;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #F4F4C8;display: flex;flex-direction:column;justify-content:center;align-items:center;/* align-self:center; */position: relative;padding-top: 0.2rem;padding-left: 0.6rem;}
#contentsflow .flow-Box li .no::before{content:"";width: 0.6rem;height: 2.8rem;display: block;background: url(../images/original-vs-custom/contentsflow-icon01.svg)repeat-y top center;margin-bottom: 1.2rem;position: absolute;bottom: -4.8rem;left: 50%;margin-left: -0.3rem;}
#contentsflow .flow-Box li:last-child .no::before{ display: none; }
#contentsflow .flow-Box li .no span{font-size: 4.6rem;line-height: 1;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #F4F4C8;display: block;position: relative;left: 0.2rem;}
#contentsflow .flow-Box li .photo{flex: 0 0 24.2%;margin-right: 2.8333%;padding-left: 2rem;}
#contentsflow .flow-Box li .photo img{width: 100%;height: auto;}
#contentsflow .flow-Box li .text-Box{flex:1;margin-right: -1rem;}
#contentsflow .flow-Box li .sys-ttl{margin-bottom: 0.6rem;color: var(--mbl);font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;}
#contentsflow .flow-Box li .sys-ttl span{ font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.2em; font-weight: 700; text-align: left;}
#contentsflow .flow-Box li .sys-text{ font-size: 1.6rem; line-height: 1.8; letter-spacing: 0.1em; font-weight: normal; text-align: left; color: #111111;}
#contents04 .inner-Box .gl-btn a{ background: var(--mbl); border: var(--mbl) solid 1px;}

}
@media screen and (min-width:768px) and ( max-width:1400px) {
#contentsmain { min-height: 77.3rem; aspect-ratio: auto;background-size: auto 100%; margin-bottom: 1rem;}
#contentsmain .inner-Box{min-height: 77.3rem; aspect-ratio: auto;}


	
}

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

.cpback{background:url(../images/manufacturing/cpback.svg) var(--mbl);padding: 10.3vw 0.1vw .2vw;margin-bottom: 11vw;}
.seo_bread_list{padding-right: 5.2vw;}
#pc-glnavi .h-menu{background: #FBFBF4;width: 20.1vw;height: 18.1vw;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp{left: 5.6vw;}

#pc-glnavi .h-menu .zdo_drawer_buttonsp{left: 5.6vw;}
header{position:absolute;width:100%;z-index: 5;}
header .cpuninavi li a{color:#fff;}
header .cpuninavi li::before{background:#fff;}

#contentsmain{margin: 0 auto 8vw;position:relative;background: url('../images/corporate-industries/sp-contentsmain-back00.png') no-repeat top center;background-size: 100% auto;padding-top: 4.3vw;}
#contentsmain .inner-Box{margin:0 auto;position:relative;background: url('../images/corporate-industries/contentsmain-back01.svg') no-repeat top 61.1vw left -6vw;background-size: 106vw auto;padding: 51.7vw 0 6vw;}
#contentsmain .in-Box{position:relative;top:4vw;}
#contentsmain .inner-Box h1{margin: 0 15.4vw 8.5vw 15vw;`: 2.667vw;}
#contentsmain .inner-Box h1 span{}
#contentsmain .inner-Box h1 img{}
#contentsmain .inner-Box p.text{margin: 0 7vw;position:relative;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box .dicon{transform: scale(-1, 1);position: relative;width: 38.8vw;margin: 0 5vw -2.2vw auto;}
#contentsmain .inner-Box p.textbtn{margin-bottom:0;position:relative;top:0;background:url(../images/common/btn-back.svg) #FDFDE5;border:.2667vw solid #707070;border-radius:2.6667vw;box-shadow:0 1.6000vw 0 #D3D3B8;transition:all .3s ease-in-out;}
#contentsmain .inner-Box p.textbtn:hover{background:url(../images/common/foot-back.svg) #F4F4C8;top:1.6000vw;box-shadow:0 0 0 #D3D3B8;transition:all .3s ease-in-out;}
#contentsmain .inner-Box p.textbtn a{display:block;color:#111111;padding: 9vw 0;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contentsmain .inner-Box p.textbtn a::before{content:"";display:block;width:5.3333vw;height:5.3333vw;background:url(../images/common/arr.svg) no-repeat;position:absolute;right: 2.8vw;bottom: 3.3vw;background-size:100% auto;}

#contentsmain .inner-Box p.subttl{margin-bottom: 7.433vw;position:relative;color:#fff;font-size: 3.7vw;line-height: 1.4;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contentsmain .inner-Box p.subttl span{display:inline-block;background:var(--mbl);border-radius:8vw;padding: 3.1vw 8.3vw;}

#contentsmain .inner-Box p.text{margin-bottom: 60.133vw;position:relative;padding-left:0;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#contentsmain .inner-Box figure img{width:100%;height:auto;border-radius: 5.8vw;position:relative;}
#contentsmain .inner-Box figure::before{content:"";aspect-ratio:1/1;display:block;width: 12.8vw;position:absolute;border-radius:2.667vw;background:var(--mbl);}
#contentsmain .inner-Box figure.photo01{position: absolute;top: 7.7vw;left: 50vw;width: 39.333vw;margin:0 auto 8vw;}
#contentsmain .inner-Box figure.photo01::before{bottom:-3.733vw;left: -4.7vw;z-index:3;width: 12.8vw;}
#contentsmain .inner-Box figure.photo02{position: absolute;top: 33vw;left: 5.3vw;width: 27.833vw;margin:0 auto 8vw;}
#contentsmain .inner-Box figure.photo02::before{bottom:-3.733vw;right: -5vw;width: 16.3vw;}
#contentsmain .inner-Box figure.photo03{position: absolute;top: 173.6vw;left: 10vw;width: 36.133vw;margin:0 auto 8vw;}
#contentsmain .inner-Box figure.photo03::before{bottom: -7.733vw;left: -4.7vw;z-index:3;width: 9.8vw;}
#contentsmain .inner-Box figure.photo04{position: absolute;top: 188.2vw;left: 57.7vw;width: 26.433vw;margin:0 auto 8vw;}
#contentsmain .inner-Box figure.photo04::before{bottom: -5.133vw;right: -5vw;z-index: 0;width: 15vw;}
#contentsmain .inner-Box figure.photo05,#contentsmain .inner-Box figure.photo06{display:none;}

#contentsmain .inner-Box p.textbtn{position:relative;top:0;background:url(../images/common/btn-back.svg) #FDFDE5;border:1px solid #707070;border-radius:2.667vw;box-shadow:0 1.6vw 0 #D3D3B8;transition:all .3s ease-in-out;width: auto;margin: 0 5.4vw;}
#contentsmain .inner-Box p.textbtn:hover{background:url(../images/common/foot-back.svg) #F4F4C8;top:1.6vw;box-shadow:0 0 0 #D3D3B8;}
#contentsmain .inner-Box p.textbtn a{display:block;font-weight:600;text-align:center;color:#111;padding: 9.167vw 1.8vw 8.9vw 3vw;}
#contentsmain .inner-Box p.textbtn a::before{content:"";display:block;width:5.333vw;height:5.333vw;background:url(../images/common/arr.svg) no-repeat;background-size:100% auto;position:absolute;right: 3.2vw;bottom: 3.2vw;}

#contents01{margin:0 auto 26.133vw;position:relative;padding:0 5vw;}
#contents01 h2{margin-bottom: 8.1vw;position:relative;color:var(--mbl);font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents01 .inner-Box{display:flex;flex-direction:column;align-items:center;gap: 2.033vw;margin: 0 auto 9.9vw;position:relative;max-width:90.7rem;background:#FFFFFF;box-shadow:2.667vw 2.667vw 0 #D6E2F7;border:1px solid var(--mbl);border-radius:2.667vw;padding:6.133vw 5.333vw 8vw;}
#contents01 .inner-Box figure.photo{width: 36.4vw;border-radius:50%;aspect-ratio:1/1;overflow:hidden;}
#contents01 .inner-Box figure.photo img{width:100%;height:100%;object-fit:cover;}
#contents01 .text-Box{width:100%;padding-top:0;}
#contents01 .inner-Box p.text{margin-bottom:2.667vw;position:relative;color:var(--mbl);margin-right:0;font-size: 4.8vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 600;text-align: left;}
#contents01 .inner-Box p.text2{margin-bottom:0;position:relative;padding-top: 0.133vw;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: right;}

#contents01 .inner-Box2{margin:0 auto;position:relative;max-width:110rem;}
#contents01 .inner-Box2 p.text{margin-bottom: 10.2vw;position:relative;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contents01 .inner-Box2 h3{margin-bottom: 11.6vw;position:relative;color:#fff;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#contents01 .inner-Box2 h3 span{position:relative;background:var(--mbl);border-radius:8vw;display:block;padding: 5.167vw 5.333vw;max-width:100%;margin:0 auto;}
#contents01 .inner-Box2 h3 span::before{content:"";display:block;width: 6.533vw;height:12vw;background:url(../images/original-vs-custom/contents01-icon01.svg) no-repeat top left;background-size:100% auto;position:absolute;left: 16.7vw;bottom:-9.067vw;}

#contents01 .inner-Box2 ul{display:grid;grid-template-columns:1fr;gap:10.667vw;}
#contents01 .inner-Box2 ul li{position:relative;margin-bottom: -3vw;}
#contents01 .inner-Box2 h4{border-bottom: var(--mbl) .8vw solid;margin-bottom:3.733vw;position:relative;padding-bottom:2.133vw;color:#111;font-size:4.533vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;}
#contents01 .inner-Box2 h4::before{content:"";width:21.333vw;height: .8vw;display:block;position:absolute;bottom:-.8vw;left:0;background:var(--mred);}
#contents01 .inner-Box2 figure.img{position:relative;text-align:center;margin: 0 auto 3.733vw;width: 24.3vw;}
#contents01 .inner-Box2 figure.img img{max-width:100%;}
#contents01 .inner-Box2 p.ltext{margin-bottom:0;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-right: 3vw;}

#contents02{margin:0 auto;position:relative;}
#contents02 .ttlicon{text-align:center;display:block;margin: 0 auto 1.467vw;width: 9.8vw;position: relative;left: -1.9vw;top: -1.8vw;}
#contents02 h2{margin-bottom: 4.967vw;position:relative;color:#fff;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents02 .inner-Box{display:flex;flex-direction:column;align-items:center;gap: 6vw;margin: 0 auto 0vw;position:relative;max-width:110rem;color:#fff;padding-bottom: 10.133vw;}
#contents02 .inner-Box figure.photo{width: 79vw;}
#contents02 .text-Box{width: auto;margin: 0 5vw;position:relative;}
#contents02 .inner-Box figure.photo img{width:100%;height:auto;}
#contents02 .text-Box h3{margin-bottom: 1.933vw;position:relative;text-align:left;padding-left: 19.067vw;padding-top: 1.3vw;min-height:16vw;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;padding-top: 0.7rem;}
#contents02 .text-Box h3 span.notext{background:#F4F4C8;border-radius:50%;display:block;width:16vw;height:16vw;color:var(--mbl);font-size:6.133vw;line-height:1;letter-spacing:0;font-weight:600;text-align:center;padding:4.8vw .8vw 0;position:absolute;top:0;left:0;}
#contents02 .text-Box p.text{margin-bottom: 5.4vw;position:relative;margin-right: 1vw;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 500;text-align: left;}

#corporate-industries .cpun-common #contentsvoice .btn-Box{width: 68.4vw;position:relative;left:0;top:0;}

#contents04{margin: -8.267vw auto -45.333vw;position:relative;background: url('../images/corporate-industries/sp-contents04-back01.png') no-repeat top center;background-size:cover;min-height:auto;padding: 26.133vw 5vw 56.133vw;}
#contents04 .inner-Box{margin:0 auto;position:relative;max-width:110rem;}
#contents04 .inner-Box p.f-en{margin-bottom: 1.1vw;position:relative;font-size: 3.233vw;padding-left: 1vw;line-height:1.71;letter-spacing:.2em;font-weight:600;text-align:center;color:var(--mred);}
#contents04 .inner-Box p.f-en span{color:var(--mbl);}
#contents04 .inner-Box h2{margin-bottom: 5.533vw;position:relative;color:var(--mbl);font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;padding-left: 0.1vw;}
#contents04 .inner-Box ul{display:flex;flex-direction:column;gap: 6.333vw;}
#contents04 .inner-Box ul li{width:100%;position:relative;border:1px solid #3D69B7;border-radius:2.667vw;padding: 8.467vw 5.333vw 9.433vw;background: rgba(255, 255, 255, 0.4);}
#contents04 .inner-Box span.enicon{display:block;line-height:1;text-align:center;height:11.2vw;width: 8.8vw;margin: 0 auto;}
#contents04 .inner-Box h3{margin-bottom: 3.333vw;position:relative;color:var(--mbl);font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents04 .inner-Box p.ltext{margin-bottom:0;position:relative;margin-right:0;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;}



#contentsso{position:relative;}
#contentsso .inner-Box{margin:0 auto;position:relative;}
#contentsso .list-Box{position:relative;margin-bottom: 10.3vw;}
#contentsso .list-Box figure.photo{position:relative;top:0;left:0;margin-bottom: 3.2667vw;}
#contentsso .list-Box figure.photo img{width:100%;height:auto;}
#contentsso .list-Box h3{margin-bottom: 6.8667vw;position:relative;color:#111111;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;}
#contentsso .list-Box p.text{margin-bottom: 6.7333vw;position:relative;font-size:3.2000vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;color:#111111;}
#contentsso .inBox{margin: 0 auto 3.2vw;position:relative;background:#D6E2F7;border-radius:2.6667vw;padding-bottom: 0.1vw;}
#contentsso .inBox h4{margin-bottom: 0.3vw;position:relative;font-size:3.2000vw;line-height:1.5;letter-spacing:.1em;font-weight:500;color:#fff;margin-left: 3.4vw;top:-3.4667vw;}
#contentsso .inBox h4 span{background:#3D69B7;display:inline-block;border-radius:5.3333vw;padding:1.0667vw 2.6667vw;}
#contentsso .inBox ul{padding: 0 3vw 1.6vw 5.9vw;margin-bottom: 4vw;}
#contentsso .inBox ul li{display:flex;align-items:flex-start;margin-bottom: 2.8vw;}
#contentsso .inBox ul li:last-child{margin-bottom:0;}
#contentsso .inBox ul h5{flex-shrink:0;position:relative;padding-left:3.2000vw;margin-right:0;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;text-align: left;padding-right: 0.8vw;}
#contentsso .inBox ul h5::before{content:"";position:absolute;left: -0.6vw;top: 2.8vw;width:1.8667vw;height:1.8667vw;border-radius:50%;background:var(--mbl);}
#contentsso .inBox ul p.ltext{margin:0;font-size:3.7333vw;line-height: 1.8;letter-spacing:.1em;}
#contentsso .list-Box span.point{display:inline-block;line-height:1;position: absolute;top: 1vw;left: 0vw;width: 5.6vw;}
#contentsso .list-Box span.point img{}
#contentsso .list-Box h6{margin-bottom:0;position:relative;color:var(--mred);font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: left;padding-left: 7.2vw;}

#contentsso{margin-bottom: 33.233vw;margin-top: 17.3vw;}
#contentsso .back-Box{padding-bottom: 5.6vw;}
#contentsso .dicon{width: 38vw;margin-left: 0.167vw;position:relative;top: -6.833vw;margin-bottom: -6.633vw;}
#contentsso.bg-common-left::before{}
#contentsso .ttl-Box{width:80vw;margin: 0 auto 6.7vw;position:relative;}
#contentsso .ttl-Box .dicon{width: 11.867vw;margin: 0 auto -8.433vw;left: -27.6vw;}
#contentsso .ttl-Box .f-en{font-size: 3.233vw;line-height:1.714;letter-spacing:.2em;font-weight:600;text-align:-webkit-auto;color:var(--mred);margin-bottom:-0.533vw;margin-left: 10.667vw;}
#contentsso .ttl-Box .f-en span{color:var(--mbl);}
#contentsso .ttl-Box h2{position:relative;left: 10.733vw;margin-bottom: 5.433vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;}
#contentsso .ttl-Box h2 .big{font-size:20vw;line-height:1;letter-spacing:0;font-weight:600;text-align:left;margin:0 1.067vw;position:relative;top:4.267vw;}
#contentsso .ttl-Box h2 .col{color:var(--mred);display:block;font-size:5.333vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align:center;margin-top:-4.267vw;}
#contentsso .ttl-Box .subllt{margin: 0 -4.667vw;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #111111;}

#contentsflow {padding:0 5vw;margin-bottom: 12.267vw;}
#contentsflow  .inner-Box{}
#contentsflow  .ttl-Box{ margin-bottom: 6.6vw; }
#contentsflow  .system-Box{ margin: 0 0.3vw 8.3vw; }
#contentsflow  .ttl-Box .dicon{width: 12.033vw;margin-bottom: -1.1vw;}
#contentsflow  .ttl-Box .f-en{color:var(--mred);padding-left: 4.6vw;margin-bottom: -0.1vw;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;}
#contentsflow  .ttl-Box .f-en span{color:var(--mbl);}
#contentsflow  .ttl-Box h2{padding-left: 4.6vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;}
#contentsflow .system-Box ul{ margin-bottom: -8.8vw; }

#contentsflow .flow-Box li{display:flex;flex-wrap:wrap;align-items:flex-start;padding-bottom: 7.067vw;padding-left: 28vw;position: relative;padding-top: 2vw;}
#contentsflow .flow-Box li .no{width: 23.7vw;flex:none;background:var(--mbl);border-radius:50%;aspect-ratio:1/1;font-size: 3.267vw;padding-left: 0.5vw;line-height:1.5;letter-spacing:.2em;font-weight:600;text-align:center;color:#F4F4C8;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;position: absolute;order:1;top: 0;left: 0vw;}
#contentsflow .flow-Box li::before{content:"";width: 1.2vw;height: 75%;display:block;background:url(../images/original-vs-custom/contentsflow-icon01.svg) repeat-y top center;margin-bottom:3.2vw;position:absolute;top: 25.5vw;left: 11.5vw;background-size: 100% auto;}
#contentsflow .flow-Box li:last-child::before{display:none;}
#contentsflow .flow-Box li .no span{font-size: 9.567vw;line-height:1;letter-spacing:.2em;font-weight:600;text-align:center;color:#F4F4C8;display:block;position:relative;left: 0.9vw;}
#contentsflow .flow-Box li .text-Box{width: 100%;display:contents;}
#contentsflow .flow-Box li .sys-ttl{order:2;margin-bottom: 1.7667vw;padding-top:0;color:var(--mbl);font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;top: -1.3vw;position: relative;margin-right: -1vw;}
#contentsflow .flow-Box li .sys-ttl span{font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;display: block;}
#contentsflow .flow-Box li .photo{order:3;width: 42.6vw;flex:none;margin-right:0;padding-left:0;}
#contentsflow .flow-Box li .photo img{width:100%;height:auto;}
#contentsflow .flow-Box li .sys-text{order:4;margin-top:2.6667vw;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: normal;text-align: left;color: #111111;padding-right: 0.7vw;}
#contentsflow .mbtn{text-align: right;font-size:4.267vw;line-height:1;letter-spacing:.1em;font-weight:500;position: relative;}
#contentsflow .mbtn a{}
#contentsflow .mbtn .arr{position:relative;transition:all .3s ease-in-out;width: 5.7vw;display: inline-block;margin-left: 0.8vw;top: 1.1vw;}
#contentsflow .mbtn a:hover .arr{right:-1.867vw;}

}