.buttonUCplus a{user-select: none;box-shadow: 2px 4px 4px rgba(120, 120, 120, 0.3),5px 10px 10px rgba(80, 80, 80, 0.15);max-width:20em;background: linear-gradient(90deg, #feda63 0%, #f5ba18 100%);position: relative;display: flex;justify-content: center;align-items: center; margin: 0 auto;margin-top:1em;padding:1em 2em;color:#444!important;transition: 0.5s ease;font-weight:bold;flex-direction: column;border-radius:50rem;}
@media(max-width:912px){.buttonUCplus a{font-size:85%;}}
@media(max-width:390px){.buttonUCplus a{font-size:75%;}}
@media(max-width:344px){.buttonUCplus a{font-size:70%;}}
.buttonUCplus a:visited{color: #444!important;}
.buttonUCplus a span.buttonBalloon {background: #FFF;text-align:center;position:absolute;top:-2.2em;filter:drop-shadow(0px 1px 2px #aaa);padding:0.5em 1em;color:#666;border-radius:50rem;font-size:0.9em;}
.buttonUCplus a span.buttonBalloon:after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 5px solid #ffffff;}
.buttonUCplus a:hover {box-shadow: 0px 1px 1px rgba(120, 120, 120, 0.6),1px 4px 4px rgba(80, 80, 80, 0.3);background: linear-gradient(90deg, #f5ba18 0%, #feda63 100%);opacity:0.8;transition: 0.5s ease;color: #444!important;transform:scale(0.98);}
@media(min-width:768px){.br768{display:none;}}
.headerRelative {position: relative;width: 100%;display: flex;left:20px;align-items: center;border:1px solid #fafafa;}
.headerAbsolute {width:45%;position: absolute;left: 30px;}
@media(max-width:912px){.headerAbsolute{left:5px;}}
.headerCopy{font-size:200%;margin-bottom:1em;user-select: none;}
@media(max-width:1024px){.headerCopy{font-size:160%;}}
@media(max-width:912px){.headerCopy{font-size:120%;}}
@media(max-width:560px){.headerCopy{font-size:100%;}}
.marker{background:linear-gradient(transparent 60%, rgba(235, 181, 36, 0.5) 60%);display:inline-block;background-repeat:no-repeat;background-size:0% 100%;transition:background-size 1s ease-in-out;}
.marker.on {background-size: 100% 100%;font-size:110%;font-weight:bold;}
.flow {padding-left: 0;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: center;gap: 60px;}
.flow > li {list-style-type: none;width: 100%;max-width: 280px;display: flex;}
.flow > li dl {padding:2em 1.8em;margin: 0;box-shadow: 6px 6px 6px rgba(120, 120, 120, 0.1),14px 14px 14px rgba(80, 80, 80, 0.05);border-radius:0.35rem;position: relative;}
.flow > li:not(:first-child) dl::before {content: "";width: 24px;height: 24px;margin-right: 10px;display: inline-block;border-top: 6px solid #64c2cf;border-right: 6px solid #64c2cf;position: absolute;top: calc(50% - 14px);left: -45px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.flow > li dl dt {font-size:1.25em;font-weight: 600;color: #64c2cf;-ms-flex-preferred-size: 20%;flex-basis: 20%;margin-bottom: 10px;text-align: center;}
.flow > li dl dd {font-size:0.95em;margin-left: 0;}
@media(max-width: 767px){.flow {gap: 20px;}
.flow > li {max-width: unset;display: block;}
.flow > li:not(:first-child) dl::before {display: none;}}
.qa-list dl {position: relative;margin: 30px 0 0;cursor: pointer;font-size:120%;}
.qa-list dl:first-child {margin-top: 0;}
.qa-list dl dt {position: relative;margin: 0;padding: 20px 60px 20px 60px;font-weight: bold;background: #f2f2f2;transition: background-color 0.5s ease;color:#666;}
.qa-list dl dt:hover {box-shadow:6px 6px 8px rgba(173, 216, 230, 0.1),8px 8px 14px rgba(173, 216, 230, 0.05);}
.qa-list dl dt::before {font-size: 22px;line-height: 1.4;position: absolute;top: 20px;left: 20px;display: block;content: 'Q.';color: #64c2cf;}
.qa-list dl dt::after {position: absolute;top: 27px;right: 26px;display: block;width: 7px;height: 7px;content: '';transform: rotate(135deg);border-top: 2px solid #666;border-right: 2px solid #666;transition: transform 0.3s ease;}
.qa-list dl.openq dt::after {transform: rotate(-45deg);}
.qa-list dl dt:hover{cursor:pointer;background-color:#E3F2F7;transition: 0.5s ease;}
.qa-list dl dd::before {font-size: 22px;line-height: 1.6;position: absolute;left: 20px;display: block;content: 'A.';font-weight: bold;color: #ebb524;}
.qa-list dl dd {position: relative;margin: 0;padding: 20px 20px 20px 60px;color:#666;}
.qa-list dl dd p {margin: 30px 0 0;}
.qa-list dl dd p:first-child{margin-top: 0;}
@media screen and (max-width: 767px) {
.qa-list dl {margin: 10px 0 0;}
.qa-list dl:after {top: 20px;ight: 20px;width: 7px;height: 7px;}
@media(max-width:540px){.qa-list dl dt::after {display:none;}}
.qa-list dl dt {padding: 16px 16px 16px 50px;font-size: 14px;}
.qa-list dl dt::before {font-size: 14px;top: 20px;left: 20px;}
.qa-list dl dd::before {font-size: 14px;left: 20px;margin-top: 5px;}
.qa-list dl dd {margin: 0;padding: 16px 16px 16px 50px;font-size: 14px;}
.qa-list dl dd p {margin: 30px 0 0;}
.qa-list dl dd p:first-child{margin-top: 0;}}
.robot:before{content: "";display: inline-block;width: 60px;height: 60px;background: url(https://www.uchida-it.co.jp/its_wp2018/wp-content/uploads/2025/04/img06@scan-1.svg) center center no-repeat;background-size: contain;vertical-align: -0.3em;margin-right: 0.2em;}
.containerArrow {display: flex;justify-content: center;align-items: center;}
.arrow {display: inline-block;width: 60px;height: 75px;background: linear-gradient(180deg, #feda63 0%, #f5ba18 100%);clip-path: polygon(0 64.8%, 26.3% 64.8%, 26.3% 0, 73.7% 0, 73.7% 64.8%, 100% 64.8%, 50% 100%);}
h4.beforeAfter{color:#666;font-size:135%;line-height:1.75;}
h4.beforeAfter span.before{font-size:115%;color:#fff; background: linear-gradient(90deg, #999 0%, #444 100%); border-radius:0.5rem;padding:0.25em 0.5em;}
h4.beforeAfter span.after{font-size:115%;color:#fff; background: linear-gradient(90deg, #85bfb7 0%, #62b8c4 100%); border-radius:0.5rem;padding:0.25em 0.5em;}
h4.function{text-align:center;color:#666;}
table th,td{line-height:1.4;}
table th,td{vertical-align:center;}
span.number{font-size:115%;}
table td.price{text-align:right;font-weight:bold;font-size:120%;}
span.priceNumber{font-size:120%;}
@media screen and (max-width: 768px) {
table tr {display: block;float: left;}
table tr td, table tr th {display: block;height: 80px;}
table thead {display: block;float: left;width: 50%;}
table thead tr {width: 100%;}
table tbody {display: block;float: left;width: 50%;}
table tbody tr {width: 100%;}
table tr td + td {border-left: none;}}
table th{font-size:90%;}
@media screen and (max-width: 912px) {table th{font-size:85%;}}
@media screen and (max-width: 360px) {table th{font-size:75%;}} 
.speechBubble {position: relative;display: inline-block;margin-bottom: 13px;padding: 24px 16px;border-radius:100rem;background: linear-gradient(180deg, #85bfb7 0%, #62b8c4 100%);text-align: center;font-size: 16px;font-weight: bold;line-height: 1.5;color: #ffffff;}
.speechBubble::after {content: "";position: absolute;bottom: 0;left: 50%;border-style: solid;border-width: 13px 5.5px 0 5.5px;border-color: #62b8c4 transparent transparent;translate: -50% 100%;}
.fI{opacity:0;}
.imgW{opacity:0;filter:blur(5px);}
.YimgW{opacity:0;filter:blur(1px);}
.img-animation {animation: img-opacity 3s cubic-bezier(0.4, 0, 0.2, 1) forwards;transition-delay: 0.1s;overflow: hidden;position: relative;}
.img-animation::before {animation: img-animation 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;transition-delay: 0.1s;background:#fff;content: '';inset: 0;pointer-events: none;position: absolute;z-index: 1;}
@keyframes img-opacity {100% {opacity: 1;filter:blur(0px);}}
@keyframes img-animation {100% {transform: translateX(100%);}}
.openDoor{cursor:pointer;transition:0.3s ease;border: none;outline: none;background: transparent;}
.openDoor:hover{opacity:0.7;transition:0.3s ease;}
.closeDoor{color:#ebb524;text-align:center;cursor:pointer;border: none;outline: none;background: transparent;}
.closeDoor{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding-left:25px;border-radius:4px;}
.closeDoor::before,.closeDoor::after{content:"";position:absolute;left:5px;width:15px;height:3px;background-color:#ebb524;transform-origin:center;transition:0.5s ease;}
.closeDoor::before{transform:rotate(45deg);}.closeDoor::after{transform:rotate(-45deg);}
.closeDoor:active::before{transform:rotate(-45deg);transition:0.2s ease;}
.closeDoor:active::after{transform:rotate(0deg);transition:0.2s ease;}
.closeDoor:hover{border-bottom:2px solid #ebb524;transition-duration:1s;}
#masked{background:rgba(0,0,0,0.5);position:fixed;inset:0;z-index:99998;opacity:0;visibility:hidden;backdrop-filter: blur(3px);}
#masked::before {content: '';position: fixed;inset: 0;backdrop-filter: blur(3px);z-index:99997;}
.modalSection{border-radius:0.6rem;background:#fff;max-width:70%;max-height:85%;padding:4rem;position:fixed;inset:10em 0 auto;margin:auto;z-index:999999;overflow-y:scroll;opacity:0;visibility:hidden;box-shadow:2px 4px 6px rgb(120,120,120 / 25%),6px 12px 12px rgb(120,120,120 / 10%);}@media(max-width:768px){.modalSection{max-width:95%;padding:0.5rem;}}
.img-animationY{animation:img-opacityY 2s cubic-bezier(0.4,0,0.2,1) forwards;transition-delay:0.1s;overflow:hidden;position:relative;}
.img-animationY::before{animation:img-animationY 2s cubic-bezier(0.4,0,0.2,1) forwards;transition-delay:0.1s;background-color:#fafafa;content:'';inset:0;pointer-events:none;position:absolute;z-index:1;}
@keyframes img-opacityY{100%{opacity:1;filter:blur(0px);}}@keyframes img-animationY{100%{transform:translateY(100%);}}
.image-hover{cursor:pointer;}.image-hover:hover{opacity:0.7;}