@charset "UTF-8";


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

header {position: absolute;width: 100%;}
header .h-logo img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
header .cpuninavi li a{ color: #fff; }
header .cpuninavi li::before{background: #fff;}

#cpmainttl{min-height: 76rem;background: url(../images/hospitality/contentsmain-back01.jpg) no-repeat top center;background-size: cover;margin-bottom: -6.5rem;z-index: 3;position: relative;}
#cpmainttl .inner-Box{text-align: center;padding: 26.7rem 0 0;}
#cpmainttl .inner-Box h1{font-size: 1.8rem;line-height: 1.6;letter-spacing: 0.2em;font-weight: bold;text-align: center;color: #FFFFFF;position: relative;padding-right: 3rem;margin-bottom: 4.2rem;}
#cpmainttl .inner-Box h1::before{content: "";display: block;width: 4rem;height: 1px;background: #fff;position: absolute;left: 50%;bottom: -1.4rem;transform: translateX(-50%);}
#cpmainttl .inner-Box h2{ }
#cpmainttl .inner-Box .dicon{width: 18rem;margin-left: 2.8rem;position: absolute;top: 20.5rem;margin-left: 11.4rem;left: 50%;margin-bottom: -6.8rem;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transform: scale(-1, 1);}

#contentsmain{background: url(../images/manufacturing/contentsmain-back02.svg) no-repeat calc(50% - -4.8rem) top;padding: 13.8rem 0 12.6rem;}
#contentsmain p{ font-size: 1.6rem; line-height: 2.5; letter-spacing: 0.2em; font-weight: normal; text-align: center; color: #111111; }

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

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

#contents01 .ttl-Box{width: 30rem;margin: 0 auto 3.3rem;position: relative;}
#contents01 .ttl-Box .dicon{width: 5.2rem;margin: 0 auto -4.1rem;left: -12rem;}
#contents01 .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;}
#contents01 .ttl-Box .f-en span{ color: var(--mbl); }
#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: 2.6rem;margin-bottom: 1.9rem;}
#contents01 .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;}
#contents01 .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;}
#contents01 .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;}

#contents01 {position: relative;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 139rem;display:grid;grid-template-columns: repeat(3,1fr);gap:3.5971%;padding-bottom: 12.3rem;}
#contents01 .list-Box{position:relative;}
#contents01 .list-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.6rem;}
#contents01 .list-Box figure.photo img{ width: 100%; height: auto; }
#contents01 .list-Box h3 {margin-bottom: 0.4rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;}
#contents01 .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;}
#contents01 .inBox {margin: 0 auto;position: relative;background: #D6E2F7;border-radius: 1rem;}
#contents01 .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;}
#contents01 .inBox h4 span {background: #3D69B7;display: inline-block;border-radius: 2rem;padding: 0.4rem 1rem;}
#contents01 .inBox ul{padding: 0 3rem 1.2rem 2.6rem;margin-bottom: 1.5rem;}
#contents01 .inBox ul li{display:flex;align-items:flex-start;margin-bottom: 1.2rem;}
#contents01 .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;}
#contents01 .inBox ul h5::before{content:"";position:absolute;left: -0.3rem;top:.9rem;width: 0.7rem;height: 0.7rem;border-radius:50%;background: var(--mbl);}
#contents01 .inBox ul p.ltext{margin:0;font-size:1.4rem;line-height: 1.7;letter-spacing:.1em;}

#contents01 .list-Box span.point {display: inline-block;line-height: 1;margin-right: 0.3rem;position: absolute;top: 0.3rem;left: 0;}
#contents01 .list-Box span.point img {  }
#contents01 .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);padding-left: 3.4rem;}

#contents02 {position:relative;padding: 0 5vw;margin-bottom: 10rem;}
#contents02 .back-Box{margin: 0 auto;position: relative;box-shadow: 10px 10px 0px #D6E2F7;border: 1px solid var(--mbl);border-radius: 10px;background: #fff;padding: 4.8rem 4rem 5.6rem;max-width: 90.7rem;}
#contents02 h2 {margin-bottom: 3.4rem;position: relative;color: var(--mbl);font-size: 2.4rem;line-height: 2;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents02 .inner-Box{display:flex;align-items:center;gap:3.8008%;margin:0 auto;position:relative;max-width: 76.3rem;}
#contents02 .inner-Box figure.photo{flex:0 0 27.3919%;width:27.3919%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;text-align:center;position:relative;top: -1rem;}
#contents02 .inner-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contents02 .text-Box{flex:0 0 68.8073%;width:68.8073%;margin:0;position:relative;}
#contents02 .text-Box p.text {margin-bottom: 2.5rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents02 .text-Box p.textbtn { margin-bottom: 0px; position: relative; }
#contents02 .text-Box p.textbtn a {  }
#contents02 .text-Box p.textbtn a:hover {  }

#contents02 .text-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;}
#contents02 .text-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;}

#contents02 .text-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;}
#contents02 .text-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;}



.cpback{background: url(../images/manufacturing/cpback.svg) var(--mbl);padding: 7.1rem 5vw 0.1rem;margin-bottom: 14.8rem;}

#contents03 {margin: 0 auto 9.8rem;position: relative;}
#contents03 span.ttlicon {display: block;line-height: 1;text-align: center;margin-bottom: 1.6rem;}
#contents03 span.ttlicon img {  }
#contents03 h2 {color: #fff;margin-bottom: 1.9rem;position: relative;font-size: 3.2rem;line-height: 1.5;letter-spacing: 0.25em;font-weight: 700;text-align: center;padding-left: 1rem;}
#contents03 p.subttl {font-size: 1.6rem;line-height: 2;letter-spacing: 0.2em;font-weight: 500;text-align: center;margin-bottom: 4.6rem;position: relative;color: #fff;}
#contents03 .inner-Box{display:flex;align-items:flex-start;gap:6.5455%;margin:0 auto;position:relative;max-width:110rem;}
#contents03 .left-Box{flex:0 0 57.5455%;width:57.5455%;position:relative;background:url(../images/hospitality/contents03-img01.svg)no-repeat center center #FFF;border-radius: 1rem;padding: 3.6rem 5rem;}
#contents03 .right-Box{flex:0 0 35.9091%;width:35.9091%;position:relative;color: #fff;padding-top: 3rem;}

#contents03 .left-Box h3 {color: var(--mbl);margin-bottom: 1.8rem;position: relative;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#contents03 .left-Box p.text {margin-bottom: 2rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents03 .left-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents03 .left-Box ul li {position: relative;margin-bottom: 1.9rem;}
#contents03 .left-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .left-Box span.ch {display: block;line-height: 1;position: absolute;top: 0.3rem;left: -0.2rem;}
#contents03 .left-Box span.ch img {  }
#contents03 .left-Box 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;padding-left: 2.9rem;}
#contents03 .right-Box h3 {margin-bottom: 2.4rem;position: relative;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;text-align: center;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 1.6rem 0;}
#contents03 .right-Box p.text2 {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}

.cpun-common #contentsvoice .btn-Box{ position: relative; top: -0.7rem; }
.cpun-common #contentsvoice .btn-Box ul li{margin: 0 auto;}

#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: -8.1rem;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: 6.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;}

.cpun-common #cpcontentscase .mbtn{top: 20.5rem;}

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

	
}

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

#pc-glnavi .h-menu{background: #FBFBF4;width: 20.1vw;height: 18.1vw;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp{left: 5.6vw;}
header{position:absolute;width:100%;z-index: 5;}
header .h-logo img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
header .cpuninavi li a{color:#fff;}
header .cpuninavi li::before{background:#fff;}

#cpmainttl{min-height: 111.9667vw;background:url(../images/hospitality/sp-contentsmain-back01.jpg) no-repeat top center;background-size:cover;margin-bottom:-17.3333vw;z-index:3;position:relative;}
#cpmainttl .inner-Box{text-align:center;padding: 38.2vw 0 0;}
#cpmainttl .inner-Box h1{color:#fff;position:relative;padding-right: 0;margin-bottom: 8.1vw;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#cpmainttl .inner-Box h1::before{content:"";display:block;width: 6.4667vw;height: 0.3667vw;background:#fff;position:absolute;left: 50.8%;bottom: -3.4333vw;transform:translateX(-50%);}
#cpmainttl .inner-Box h2{
    margin: 0 12vw;
}
#cpmainttl .inner-Box .dicon{width: 30.7vw;position:absolute;top: 27.4667vw;right: 5vw;margin-left: 0;margin-bottom:-18.1333vw;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);transform:scale(-1,1);}

#contentsmain{background: url(../images/manufacturing/contentsmain-back02.svg) no-repeat top 14.7vw center;padding: 27.1vw 0 16.7667vw;background-size: 89.7vw auto;}
#contentsmain p{color:#111111;font-size: 3.7vw;line-height: 2;letter-spacing: 0.1em;font-weight: 400;text-align: center;}

#contents01{position:relative;}
#contents01 .inner-Box{margin:0 auto;position:relative;}
#contents01 .list-Box{position:relative;margin-bottom: 10.3vw;}
#contents01 .list-Box figure.photo{position:relative;top:0;left:0;margin-bottom: 3.2667vw;}
#contents01 .list-Box figure.photo img{width:100%;height:auto;}
#contents01 .list-Box h3{margin-bottom:1.0667vw;position:relative;color:#111111;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;}
#contents01 .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;}
#contents01 .inBox{margin: 0 auto 3.2vw;position:relative;background:#D6E2F7;border-radius:2.6667vw;padding-bottom: 0.1vw;}
#contents01 .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;}
#contents01 .inBox h4 span{background:#3D69B7;display:inline-block;border-radius:5.3333vw;padding:1.0667vw 2.6667vw;}
#contents01 .inBox ul{padding: 0 3vw 1.6vw 5.9vw;margin-bottom: 4vw;}
#contents01 .inBox ul li{display:flex;align-items:flex-start;margin-bottom: 2.8vw;}
#contents01 .inBox ul li:last-child{margin-bottom:0;}
#contents01 .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;}
#contents01 .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);}
#contents01 .inBox ul p.ltext{margin:0;font-size:3.7333vw;line-height: 1.8;letter-spacing:.1em;}
#contents01 .list-Box span.point{display:inline-block;line-height:1;position: absolute;top: 1vw;left: 0vw;width: 5.6vw;}
#contents01 .list-Box span.point img{}
#contents01 .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;}

#contents01{margin-bottom: 27.133vw;}
#contents01 .back-Box{padding-bottom: 5.6vw;}
#contents01 .dicon{width: 38vw;margin-left: 0.167vw;position:relative;top: -6.833vw;margin-bottom: -6.633vw;}
#contents01.bg-common-left::before{}
#contents01 .ttl-Box{width:80vw;margin: 0 auto 9.9vw;position:relative;}
#contents01 .ttl-Box .dicon{width: 11.867vw;margin: 0 auto -8.433vw;left: -27.6vw;}
#contents01 .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;}
#contents01 .ttl-Box .f-en span{color:var(--mbl);}
#contents01 .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;}
#contents01 .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;}
#contents01 .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;}
#contents01 .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;}


#contents02{position:relative;padding: 0 5.3vw;margin-bottom: 17.4vw;}
#contents02 .back-Box{margin:0 auto;position:relative;box-shadow:2.6667vw 2.6667vw 0 #D6E2F7;border:.2667vw solid var(--mbl);border-radius:2.6667vw;background:#fff;padding: 8.1vw 5.3vw 8.1vw;max-width:none;}
#contents02 h2{margin-bottom: 6.2vw;position:relative;color:var(--mbl);font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 800;text-align: center;}
#contents02 .inner-Box{display:block;margin:0 auto;position:relative;max-width:none;}
#contents02 .inner-Box figure.photo{width:55.7333vw;aspect-ratio:1/1;border-radius:50%;overflow:hidden;text-align:center;position:relative;top:0;margin: 0 auto 5.8vw;}
#contents02 .inner-Box figure.photo img{width:100%;height:100%;object-fit:cover;display:block;}
#contents02 .text-Box{width:100%;margin:0;position:relative;}
#contents02 .text-Box p.text{margin-bottom: 6vw;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents02 .text-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;}
#contents02 .text-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;}
#contents02 .text-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;}
#contents02 .text-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;}

.cpback{background:url(../images/manufacturing/cpback.svg) var(--mbl);padding: 10.3vw 5.3vw .2vw;margin-bottom: 17.4vw;}

#contents03{margin: 0 auto 16.7vw;position:relative;}
#contents03 span.ttlicon{display:block;line-height:1;text-align:center;margin: 0 auto 3.1vw;width: 10vw;left: -1.8vw;position: relative;}
#contents03 span.ttlicon img{}
#contents03 h2{color:#fff;margin-bottom:5.0667vw;position:relative;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents03 p.subttl{margin-bottom: 5.2vw;position:relative;color:#fff;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents03 .inner-Box{display:block;margin:0 auto;position:relative;}
#contents03 .left-Box{width:100%;position:relative;background:url(../images/hospitality/contents03-img01.svg) no-repeat center center #FFF;border-radius: 2.6vw;padding: 7.6vw 5.3vw 7vw 5.3vw;margin-bottom: 8.6vw;background-size: 37vw auto;}
#contents03 .right-Box{width:100%;position:relative;color:#fff;padding-top:0;}

#contents03 .left-Box h3{color:var(--mbl);margin-bottom:4.8000vw;position:relative;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#contents03 .left-Box p.text{margin-bottom: 6vw;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents03 .left-Box ul{display:block;}
#contents03 .left-Box ul li{position:relative;margin-bottom: 2.8vw;}
#contents03 .left-Box ul li:nth-child(3n){margin-right:0;}
#contents03 .left-Box span.ch{display:block;line-height:1;position:absolute;top: 0.8vw;left: -0.5vw;width: 5.4vw;}
#contents03 .left-Box span.ch img{}
#contents03 .left-Box 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: 500;text-align: left;}
#contents03 .right-Box h3{margin-bottom: 2.7vw;position:relative;`: 6.4000vw;border-top:.2667vw solid #fff;border-bottom:.2667vw solid #fff;padding: 1.5667vw 0;font-size: 4.3vw;line-height: 2.7;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#contents03 .right-Box p.text2{margin: 0 0vw 0;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}

.cpun-common #contentsvoice .btn-Box{position:relative;top:-1.8667vw;}
.cpun-common #contentsvoice .btn-Box ul li{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;}

}