@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: 7.1rem 5vw 0.1rem;margin-bottom: 11.8rem;} #contentsmain {margin: 0 auto -1.2rem;position: relative;background: url('../images/original-vs-custom/contentsmain-back00.png')no-repeat top center;aspect-ratio: 1830 / 773;background-size: 100% auto;} #contentsmain .inner-Box{margin: 0 auto;position: relative;background: url('../images/original-vs-custom/contentsmain-back01.svg')no-repeat center center;aspect-ratio: 1830 / 843;background-size: 100% auto;text-align: center;display:flex;align-items:center;justify-content:center;} #contentsmain .in-Box {position: relative;top: 1.5rem;} #contentsmain .inner-Box h1 {margin-bottom: 4.5rem;padding-right: 1rem;} #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;} #contents01{padding: 2.6rem 5vw 5.5rem;} #contents01 .ttl-Box{width: 30rem;margin: 0 auto 3.3rem;position: relative;} #contents01 .ttl-Box .dicon{width: 5.2rem;margin: 0 auto;left: -10.6rem;position: relative;top: 0.7rem;} #contents01 .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: 3.9rem;margin-bottom: 1.9rem;} #contents01 .inner-Box {margin: 4.1rem auto 10.2rem auto;position: relative;max-width: 110rem;} #contents01 .inner-Box ul{display:flex;flex-wrap:wrap;gap:4.5455%;} #contents01 .inner-Box ul li{width:47.7273%;} #contents01 .inner-Box ul li {background: url(../images/original-vs-custom/contents01-back01.jpg)no-repeat top center;background-size: cover;position: relative;color: #fff;padding: 7.9rem 3rem 4.8rem 3rem;border-radius: 1rem;} #contents01 .inner-Box ul li:nth-child(2) { background: url(../images/original-vs-custom/contents01-back02.jpg)no-repeat top center; background-size: cover; } #contents01 .inner-Box h3 {margin-bottom: 2.7rem;position: relative;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;} #contents01 .inner-Box p.ltext {margin: 0rem auto 2.7rem;position: relative;max-width: 36.5rem;font-size: 1.4rem;line-height: 2;letter-spacing: 0.1em;font-weight: 500;text-align: left;} #contents01 .inner-Box .inBox {margin: 0 auto;position: relative;max-width: 36.5rem;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 2rem 0;} #contents01 .inner-Box .inBox p.ltext2 {margin-bottom: 2rem;position: relative;padding: 0rem 0rem 0rem 1.4rem;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;} #contents01 .inner-Box .inBox p.ltext2::before {content: "";display: block;width: 0.7rem;height: 0.7rem;border-radius: 50%;background: #fff;position: absolute;left: 0rem;top: 1.1rem;} #contents01 .inner-Box .inBox p.ltext2:last-child {margin-bottom: 0px;} #contents01 .inner-Box .inBox ul li { position: relative; } #contents01 .inner-Box .inBox h3 { margin-bottom: 0px; position: relative; } #contents01 .inner-Box2 { max-width: 110rem; margin: 0 auto; position: relative; } #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 .minBox{display:flex;align-items:flex-start;gap:4.1818%;margin:0 auto;position:relative;} #contents01 .leftBox{width:47.9091%;position:relative;} #contents01 .rightBox{width:47.9091%;position:relative;} #contents01 .inner-Box2 h4{border-bottom: var(--mbl) 3px solid;margin-bottom: 2.1rem;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 ul li {position: relative;margin-bottom: 1.1rem;} #contents01 .inner-Box2 ul.list1 li::before {content: "";display: block;width: 2.3rem;height: 2.3rem;background: url(../images/original-vs-custom/contents01-icon02.svg)no-repeat top left;background-size: 100% auto;position: absolute;left: -0.2rem;top: 0.4rem;} #contents01 .inner-Box2 ul.list2 li::before {content: "";display: block;width: 2rem;height: 2rem;background: url(../images/original-vs-custom/contents01-icon03.svg)no-repeat top left;background-size: 100% auto;position: absolute;left: 0rem;top: 0.4rem;} #contents01 .inner-Box2 p.ltext {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;padding-left: 3rem;} #contents02{padding: 2.6rem 5vw 0.1rem;} #contents02 .ttl-Box{width: 30rem;margin: 0 auto 0;position: relative;} #contents02 .ttl-Box .dicon{width: 5.2rem;margin: 0 auto;left: -10.6rem;position: relative;top: 0.7rem;} #contents02 .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: 3.9rem;margin-bottom: 1.9rem;} #contents02 .inner-Box {margin: 3.9rem auto 9.9rem auto;position: relative;max-width: 110rem;} #contents02 .inner-Box table{font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;width: 100%;} #contents02 .inner-Box table th {font-weight: 500;text-align: center;border: 1px solid #C4C2C2;background: #F4F4C8;padding: 1.7rem;} #contents02 .inner-Box table th:nth-child(1) {width: 23.2%;} #contents02 .inner-Box table th:nth-child(2) {width: 38.3%;} #contents02 .inner-Box table td {border: 1px solid #C4C2C2;background: #fff;padding: 1.6rem 1.8rem 1.7rem 3.8rem;} #contents02 .inner-Box table td span{ font-weight: 700; } #contents02 .inner-Box table td .blu{ color: var(--mbl); } #contents02 .inner-Box table td .red{ color: var(--mred); } #contents03 {margin: 0 auto 12rem;position: relative;max-width: 110rem;} #contents03 span.ttlicon {display: block;line-height: 1;text-align: center;margin-bottom: 1.6rem;} #contents03 span.ttlicon img { } #contents03 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: #FFFFFF;padding-right: 1rem;} #contents03 p.subtext {margin-bottom: 3.5rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 500;text-align: center;color: #fff;} #contents03 .inBox {margin: 0 auto 3.6rem;position: relative;width: 48.2rem;height: 26.9rem;background:url(../images/original-vs-custom/contents03-img01.svg)no-repeat center center #F4F4C8;border-radius: 1rem;padding: 4rem 0 0;} #contents03 .inBox h3 {text-align: center;margin-bottom: 2.1rem;} #contents03 .inBox h3 span{ } #contents03 .inBox h3 img { } #contents03 .inBox ul{ padding: 0 0 0 9.9rem; } #contents03 .inBox ul li {position: relative;margin-bottom: 1.8rem;} #contents03 .inBox ul li::before {content: "";display: block;width: 2.3rem;height: 2.3rem;background: url(../images/original-vs-custom/contents03-icon02.svg)no-repeat top left;background-size: 100% auto;position: absolute;left: -2.9rem;top: 0.1rem;} #contents03 .inBox p.ltext {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;text-align: left;} #contents03 .inner-Box span.arr {display: block;line-height: 1;text-align: center;margin-bottom: 2rem;} #contents03 .inner-Box span.arr img { } #contents03 .inner-Box h4 {margin-bottom: 7.8rem;position: relative;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #F4F4C8;z-index: 3;} #contents03 .inner-Box h4 span { position: relative; } #contents03 .inner-Box h4 span::before {content:"0";font-family: "Jost", sans-serif;position: absolute;top: -2rem;left: 3.1rem;font-size: 8.3rem;line-height: 1;color: #2E559A;font-weight: 600;z-index: -1;} #contents03 .inner-Box2 {margin: 0 auto;position: relative;width: 110rem;box-shadow: 1rem 1rem 0px #D6E2F7;border: 1px solid #3D69B7;border-radius: 1rem;background: #fff;padding: 4.8rem 5.3rem 6.1rem 5.3rem;} #contents03 .inner-Box2 h3 {font-size: 2.4rem;line-height: 2.0;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: var(--mbl);margin-bottom: 4.8rem;position: relative;} #contents03 .inner-Box2 h3::before{content:"";width: 1px;height: 3.3rem;display: inline-block;position: relative;bottom: -0.9rem;left: -2.1rem;background: var(--mbl);z-index: 1;transform: rotate(150deg);transform-origin: center;} #contents03 .inner-Box2 h3::after{content:"";width: 1px;height: 3.3rem;display: inline-block;position: relative;bottom: -0.9rem;right: -0.9rem;background: var(--mbl);z-index: 1;transform: rotate(-150deg);transform-origin: center;} #contents03 .minBox{display:flex;align-items:flex-start;gap:3.4043%;} #contents03 .minBox figure.photo{width: 44.4426%;position:relative;top:0;left:0;padding-left: 2.6rem;} #contents03 .text-Box{width:52.5532%;position:relative;} #contents03 .minBox figure.photo img{width: 100%;height: auto;} #contents03 .text-Box p.text {margin-bottom: 2.9rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;padding-right: 3rem;} #contents03 .text-Box p.text2 {margin-bottom: 0rem;position: relative;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.07em;font-weight: 500;text-align: left;color: #fff;} #contents03 .text-Box p.text2 span {display: inline-block;background: var(--mbl);border-radius: 3rem;padding: 0.5rem 1.4rem;margin: 0 0.8rem 0.8rem 0;} #contents03 .text-Box p.text2 span:last-child {margin-right: 0;} #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{padding: 0 5vw;margin-bottom: 10.8rem;} #contents04 .inner-Box{background: url(../images/company/contents04-icon01.svg) no-repeat top 4.5rem center #F4F4C8;max-width: 110rem;margin: 0 auto;text-align: center;padding: 3.5rem 2rem;} #contents04 .inner-Box p.f-en{font-size: 1.4rem;line-height: 1.71;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: var(--mred);margin-left: 0rem;margin-bottom: -0.3rem;} #contents04 .inner-Box p.f-en span{ color: var(--mbl); } #contents04 .inner-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #111111;margin-bottom: 3rem;} #contents04 .inner-Box p.text{font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: center;color: #111111;margin-bottom: 3.6rem;} #contents04 .inner-Box p.gl-btn{margin: 0 auto;width: 30.3rem;} #contents04 .inner-Box .gl-btn a{ background: var(--mbl); border: var(--mbl) solid 1px;} #contents04 .inner-Box .gl-btn a:hover{ background: #fff; color: var(--mbl); } #contentservicecm{padding: 0 5vw;} #contentservicecm .ttl-Box{width: 30rem;margin: 0 auto 3.3rem;position: relative;} #contentservicecm .ttl-Box .dicon{width: 5.2rem;margin: 0 auto -0.7rem;left: -12rem;position: relative;} #contentservicecm .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;} #contentservicecm .ttl-Box .f-en span{ color: var(--mbl); } #contentservicecm .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.5rem;} #contentservicecm .ttl-Box .subttl{font-size: 1.4rem;line-height: 2.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;color: #111111;margin: 0 -22rem 0;} } @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/original-vs-custom/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/original-vs-custom/sp-contentsmain-back01.svg') no-repeat top 19.1vw center;background-size:100% auto;padding: 35.6vw 0 32vw;} #contentsmain .in-Box{position:relative;top:4vw;} #contentsmain .inner-Box h1{margin: 0 11.9vw 4.6vw 17.4vw;`: 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;} #contents01{padding: 3.033vw 5.3vw 1.167vw;} #contents01 .ttl-Box{width:80vw;margin:0 auto 8.8vw;position:relative;} #contents01 .ttl-Box .dicon{width: 11.767vw;margin: 0 auto 2vw;left: -24.467vw;position:relative;top: 2.867vw;} #contents01 .ttl-Box h2{color:#111;position:relative;left: 13.9vw;margin-bottom: 0.067vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;} #contents01 .inner-Box{margin: -2.467vw auto 10.8vw;position:relative;} #contents01 .inner-Box ul{display:flex;flex-wrap:wrap;gap: 6.433vw;} #contents01 .inner-Box ul li{width:100%;} #contents01 .inner-Box ul li{background: url(../images/original-vs-custom/sp-contents01-back01.jpg) no-repeat top center;background-size:cover;position:relative;color:#fff;padding: 10.567vw 5.2vw 9.8vw;border-radius:2.667vw;} #contents01 .inner-Box ul li:nth-child(2){background:url(../images/original-vs-custom/contents01-back02.jpg) no-repeat top center;background-size:cover;} #contents01 .inner-Box h3{margin-bottom: 5.4vw;position:relative;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;} #contents01 .inner-Box p.ltext{margin: 0 auto;position:relative;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 500;text-align: left;} #contents01 .inner-Box .inBox{margin:0 auto;position:relative;max-width:97.333vw;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:5.333vw 0;} #contents01 .inner-Box .inBox p.ltext2{margin-bottom:5.333vw;position:relative;padding:0 0 0 3.733vw;font-size:3.733vw;line-height:1.8;letter-spacing:.1em;font-weight:400;text-align:left;} #contents01 .inner-Box .inBox p.ltext2::before{content:"";display:block;width:1.867vw;height:1.867vw;border-radius:50%;background:#fff;position:absolute;left:0;top:2.933vw;} #contents01 .inner-Box .inBox p.ltext2:last-child{margin-bottom:0;} #contents01 .inner-Box .inBox ul li{position:relative;} #contents01 .inner-Box .inBox h3{margin-bottom:0;position:relative;} #contents01 .inner-Box2{max-width:110rem;margin:0 auto;position:relative;} #contents01 .inner-Box2 h3{margin-bottom: 11.4vw;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.267vw 5.333vw;max-width:100%;margin:0 auto;} #contents01 .inner-Box2 h3 span::before{content:"";display:block;width: 6.433vw;height:12vw;background:url(../images/original-vs-custom/contents01-icon01.svg) no-repeat top left;background-size:100% auto;position:absolute;left:50%;margin-left: -28.167vw;bottom:-9.067vw;} #contents01 .minBox{display:flex;flex-direction:column;align-items:flex-start;gap: 4.667vw;margin:0 auto;position:relative;} #contents01 .leftBox,#contents01 .rightBox{width:100%;position:relative;} #contents01 .inner-Box2 h4{border-bottom: var(--mbl) 0.8vw solid;margin-bottom: 3.3vw;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: 0.8vw;display:block;position:absolute;bottom:-0.8vw;left:0;background:var(--mred);z-index:0;} #contents01 .inner-Box2 ul li{position:relative;margin-bottom:2.933vw;} #contents01 .inner-Box2 ul.list1 li::before{content:"";display:block;width: 5.033vw;height: 5.033vw;background:url(../images/original-vs-custom/contents01-icon02.svg) no-repeat top left;background-size:100% auto;position:absolute;left: -0.3vw;top:1.067vw;} #contents01 .inner-Box2 ul.list2 li::before{content:"";display:block;width: 4.333vw;height: 4.333vw;background:url(../images/original-vs-custom/contents01-icon03.svg) no-repeat top left;background-size:100% auto;position:absolute;left:0;top:1.067vw;} #contents01 .inner-Box2 p.ltext{margin-bottom:0;position:relative;padding-left: 5.7vw;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: left;} #contents02{padding: 3.033vw 0vw 14.667vw 5.3vw;} #contents02 .ttl-Box{width:80vw;margin: 0 auto -4.1vw;position:relative;} #contents02 .ttl-Box .dicon{width: 11.767vw;margin: 0 auto 2vw;left: -24.467vw;position:relative;top: 2.867vw;} #contents02 .ttl-Box h2{color:#111;position:relative;left: 13.9vw;margin-bottom: 0.067vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;} #contents02 .inner-Box{margin: 10.4vw auto -3.6vw;position:relative;max-width:110rem;overflow-x:auto;} #contents02 .inner-Box table{line-height:1.8;letter-spacing:.1em;font-weight:400;text-align:left;width: 133.33vw;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;} #contents02 .inner-Box table th{font-weight:500;text-align:center;border:1px solid #C4C2C2;background:#F4F4C8;padding: 6.133vw 4.533vw;} #contents02 .inner-Box table th:nth-child(1){width: 24.5%;} #contents02 .inner-Box table th:nth-child(2){width: 37.6%;} #contents02 .inner-Box table td{border:1px solid #C4C2C2;background:#fff;padding: 4.067vw 3.8vw 3.233vw 3.933vw;vertical-align: middle;} #contents02 .inner-Box table td span{font-weight:700;} #contents02 .inner-Box table td .blu{color:var(--mbl);} #contents02 .inner-Box table td .red{color:var(--mred);} #contents03{margin: 0 auto 17.2vw;position:relative;padding: 0 5.2vw;} #contents03 span.ttlicon{display:block;line-height:1;text-align:center;width: 10vw;margin: 0 auto 3.1vw;left: -1.8vw;position: relative;} #contents03 span.ttlicon img{width: 100%;height:auto;} #contents03 h2{margin-bottom: 4.833vw;position:relative;color:#fff;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;} #contents03 p.subtext{margin-bottom: 5.733vw;position:relative;color: #FFF;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 500;text-align: center;} #contents03 .inBox{margin: 0 auto 6.4vw;position:relative;width:100%;height:auto;background: url(../images/original-vs-custom/contents03-img01.svg) no-repeat center center #F4F4C8;background-size: 27vw auto;border-radius:2.667vw;padding: 6.967vw 4.333vw 4.967vw 5.333vw;} #contents03 .inBox h3{text-align:center;margin: 0 12vw 4.4vw 10.7vw;} #contents03 .inBox h3 img{width:100%;max-width:66.667vw;height:auto;} #contents03 .inBox ul{padding: 0 0 0 6.4vw;} #contents03 .inBox ul li{position:relative;margin-bottom: 2.9vw;} #contents03 .inBox ul li::before{content:"";display:block;width: 4.933vw;height: 4.933vw;background:url(../images/original-vs-custom/contents03-icon02.svg) no-repeat top left;background-size:100% auto;position:absolute;left: -6.433vw;top: 1.267vw;} #contents03 .inBox p.ltext{margin-bottom:0;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;text-align: left;} #contents03 .inner-Box span.arr{display:block;line-height:1;text-align:center;margin: 0 auto 5.333vw;width: 11vw;} #contents03 .inner-Box span.arr img{width:10.667vw;height:auto;} #contents03 .inner-Box h4{margin-bottom: 6vw;position:relative;color:#F4F4C8;z-index:3;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;} #contents03 .inner-Box h4 span{position:relative;} #contents03 .inner-Box h4 span::before{content:"0";font-family:"Jost",sans-serif;position:absolute;top: -3.333vw;left: 7.267vw;font-size: 17.133vw;line-height:1;color:#2E559A;font-weight:600;z-index:-1;} #contents03 .inner-Box2{margin:0 auto;position:relative;max-width:110rem;box-shadow:2.667vw 2.667vw 0 #D6E2F7;border:1px solid #3D69B7;border-radius:2.667vw;background:#fff;padding: 8.167vw 5.233vw;} #contents03 .inner-Box2 h3{color:var(--mbl);margin-bottom: 6vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 800;text-align: center;position: relative;padding-left: 3vw;} #contents03 .inner-Box2 h3::before{content:"";width:1px;height: 11.4vw;display:inline-block;position: absolute;bottom: 1.6vw;left: 2.8vw;background:var(--mbl);transform:rotate(150deg);} #contents03 .inner-Box2 h3::after{content:"";width:1px;height: 11.4vw;display:inline-block;position: absolute;bottom: 1.6vw;right: 2.8vw;background:var(--mbl);transform:rotate(-150deg);} #contents03 .minBox{display:flex;flex-direction:column;gap: 3.5vw;} #contents03 .minBox figure.photo{width:100%;position:relative;padding-left:0;} #contents03 .text-Box{width:100%;position:relative;} #contents03 .minBox figure.photo img{width:100%;height:auto;} #contents03 .text-Box p.text{margin-bottom: 5.733vw;position:relative;padding-right:0;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;} #contents03 .text-Box p.text2{margin-bottom:0;position:relative;color:#fff;text-align: center;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.07em;font-weight: 500;text-align: center;} #contents03 .text-Box p.text2 span{display:inline-block;background:var(--mbl);border-radius:8vw;padding: 1.333vw 4.333vw;margin-bottom: 2.8vw;} #contents03 .text-Box p.text2 span:last-child{margin-right:0;} #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;} #contents04{padding:0 5vw;margin-bottom: 11.333vw;} #contents04 .inner-Box{background: url(../images/company/contents04-icon01.svg) no-repeat top 10vw center #F4F4C8;background-size: 22.6vw auto;margin:0 auto;text-align:center;padding: 7.933vw 5.633vw;border-radius: 2vw;} #contents04 .inner-Box p.f-en{font-size: 3.233vw;line-height:1.71;letter-spacing:.2em;font-weight:600;text-align:center;color:var(--mred);margin-left:0;margin-bottom:-0.8vw;} #contents04 .inner-Box p.f-en span{color:var(--mbl);} #contents04 .inner-Box h2{font-size: 5.433vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align:center;color:#111;margin-bottom: 5.7vw;padding-left: 1.1vw;} #contents04 .inner-Box p.text{color:#111;margin-bottom: 7.6vw;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;} #contents04 .inner-Box p.gl-btn{margin:0 auto;width: 68vw;} #contents04 .inner-Box p.gl-btn{margin: 0 auto;} #contents04 .inner-Box .gl-btn a{background: var(--mbl);border: var(--mbl) solid 1px;margin: 0 auto;} #contentservicecm{ margin: 0 5.5vw 16vw; } #contentservicecm .ttl-Box{margin: 0 auto 4.8vw;position:relative;} #contentservicecm .ttl-Box .dicon{width: 11.8vw;margin:0 auto -1.8667vw;left: -38.8vw;position:relative;} #contentservicecm .ttl-Box .f-en{font-size:3.7333vw;line-height:1.714;letter-spacing:.2em;font-weight:600;text-align:-webkit-auto;color:var(--mred);margin-bottom:-0.5333vw;margin-left:7.4667vw;} #contentservicecm .ttl-Box .f-en span{color:var(--mbl);} #contentservicecm .ttl-Box h2{font-size: 5.33vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align:left;color:#111111;position:relative;margin-bottom: 5.8vw;padding: 1vw 0 0 4vw;} #contentservicecm .ttl-Box .subttl{color:#111111;font-size: 3.7vw;line-height: 2;letter-spacing: 0.1em;font-weight: 500;text-align: left;} }