@charset "utf-8";.firstviewBox h1{font-size:4.75em}#caseInfo{position:relative;overflow-x:hidden;overflow-y:clip;padding:3em 0}#caseInfo:before,#caseInfo:after{content:"";position:absolute;margin:auto}#caseInfo:before{background-image:url(//www.cli-o.com/wp-content/themes/maintheme/css/../images/bg_business01.png);width:900px;height:500px;left:-690px;top:-10%;right:0}#caseInfo:after{background-image:url(//www.cli-o.com/wp-content/themes/maintheme/css/../images/bg_business02.png);width:820px;height:500px;right:-1070px;left:0;top:0}#caseInfo p:has(img){margin:0}#caseInfo p img{border-radius:10px}#caseInfo .sectionInner{padding:0;width:90%}#caseInfo .sectionInner .contentsImg-pc{max-width:inherit;width:50%;order:2}#caseInfo .contentsBox{width:46%;order:1}#caseInfo h2{border:none;margin:.5em 0 .7em;font-size:3.25rem;font-weight:700;text-align:left;line-height:1.2;padding:0;background:linear-gradient(90deg,#00afec 0%,#0392d3 26%,#0d3482 86%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#caseInfo h2 span{font-size:18px;margin-top:1em;display:block}#caseInfo p.h2_sub{font-size:1.125rem}.expBox{margin:4em auto;overflow:hidden}.expBox .sectionInner{max-width:100vw;margin-left:-2.5vw;width:100%}.expBox h2{color:#fff;font-size:46px;font-weight:700;text-align:left;line-height:1.2em;margin:.5em 0 .7em}.expBox p.h2_sub{color:#fff;font-size:125%}.expBox .bgBox{background-size:cover;position:relative;height:100%;width:100%;overflow:hidden;display:flex;justify-content:center;padding:5em 5% 5em calc(5% + 5vw);border-radius:10px}.expBox .bgBox:before,.expBox .bgBox:after{content:'';position:absolute;top:calc(-15px / 2);right:0;bottom:0;left:calc(-15px / 2);width:calc(100% + 30px);height:calc(100% + 30px)}.expBox .bgBox:before{background:inherit;filter:blur(15px);z-index:1}.expBox .bgBox:after{background-color:rgba(13,52,130,.8);z-index:2}.expBox .bgBoxInner{background-size:cover;position:relative;width:100%;max-width:1100px;padding:0;overflow:hidden;display:flex;justify-content:space-between;gap:3.5vw;z-index:3}.expBox .bgBox .contentsImg{width:auto;height:auto;filter:drop-shadow(0px 0px 20px rgba(49,71,130,.7));margin:0}.expBox .bgBox .contentsImg img{border-radius:10px;width:100%}.expBox .bgBox .contentsBox{max-width:550px;width:90%}.expBox:nth-child(even) .sectionInner{margin-left:auto;margin-right:-2.5vw}.expBox:nth-child(even) .bgBox{padding:5em calc(5% + 5vw) 5em 5%}.expBox:nth-child(even) .bgBox .contentsImg{order:2}.expBox:nth-child(even) .bgBox .contentsImg{order:1}:root{--yohaku:calc((100vw - 1100px) / 2)}.bulletSec{background:#f9f9f9;padding:5em 0}.bulletSec+.bulletSec{padding:0 0 5em}.bulletSec .sectionInner{max-width:960px;padding:60px 0;background:#fff;border-radius:10px;filter:drop-shadow(0px 0px 4px rgba(0,0,0,.2))}.bulletSec .sectionInner h2{position:relative;color:#000;margin:0 0 1.1em;font-weight:700;font-size:2rem}.bulletSec .sectionInner h2:after{content:"";position:absolute;width:4em;height:5px;background:#0d3482;left:0;right:0;margin:auto;bottom:-7px}.bulletSec .contentsBox{margin:auto;width:90%}.bullet-list{list-style:none;padding:0}.bullet-list li{color:#4d4d4d;font-size:1rem;padding:12px 15%;border-bottom:1px solid #eee;position:relative}.bullet-list li:before{content:'\2022';color:#555;font-size:1.2em;position:absolute;left:15%;top:50%;transform:translateY(-50%);margin-left:-20px}.bulletSec .sectionInner h3{text-align:center;position:relative;color:#000;margin:1.1em auto .5em;font-weight:700;font-size:1.8rem}.bulletSec .sectionInner h3:after{content:"";position:absolute;width:5rem;height:5px;background:#0d3482;left:0;right:0;margin:auto;bottom:-7px}.bulletSec .contentsBox p{padding:12px 15%;margin-bottom:2em}.tecBox #contents-ttlBox .contentsInner{max-width:60%;width:calc(100% - 450px - 3%)}.tecBox #contents-ttlBox .contentsInner .ttlTxt{display:flex;flex-wrap:wrap;margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #1a1a1a}.tecBox #contents-ttlBox .contentsInner .ttlTxt h2{display:inline-block;order:2;font-size:2.25rem;line-height:1.2em;font-weight:700;margin-right:.7em}.tecBox #contents-ttlBox .contentsInner .ttlTxt .h2_sub_eng{width:100%;color:#b6c2d9;margin:0 auto 0px .2em}.tecBox #contents-ttlBox .contentsInner .ttlTxt .contents_ttl_supplement{order:2;align-content:flex-end;margin-bottom:0;font-size:16px}.tecBox #contents-ttlBox .contentsInner h3{font-weight:700;font-size:20px;color:#0d3482;padding-left:1em}.tecBox #contents-ttlBox .contentsInner ul{padding-left:3em;margin:.5em auto 1em}.tecBox #contents-ttlBox .contentsInner li{margin:.25em 0;font-size:16px}.tecBox #contents-ttlBox .contents-imgBox{max-width:450px;width:42%;height:fit-content;margin-top:3em;border-radius:10px;overflow:hidden}.tecInfoSec{padding:5em 0}.tecInfoSec+.tecInfoSec{padding:0 0 5em}.tecInfoSec .sectionInner{padding:60px 0;background:#fff;border-radius:10px}.tecInfoSec .sectionInner h2{position:relative;color:#0d3482;margin:0 0 1.1em;font-weight:700;font-size:2rem}.tecInfoSec .sectionInner h2 .ttl_sub{display:block;color:#000;font-size:19px;line-height:1em}.tecInfoSec.contentsBox{margin:auto;width:90%}.tecInfoSec .sectionInner h3{text-align:center;position:relative;color:#000;margin:1.1em auto .5em;font-weight:700;font-size:1.8rem}.tecInfoSec .sectionInner h3:after{content:"";position:absolute;width:5rem;height:5px;background:#0d3482;left:0;right:0;margin:auto;bottom:-7px}. .tecInfoSec .contentsBox p{padding:12px 15%;margin-bottom:2em}.tecInfoSec .contentsInner{justify-content:space-between;display:flex;flex-wrap:wrap}.tecInfoSec.blueBox .sectionInner{background:#f3f5f9;padding:40px 0 60px}.tecInfoSec.blueBox .sectionInner .contentsBox{width:85%;margin:auto}.tecInfoSec.blueBox .sectionInner .contentsBox ul{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap}.tecInfoSec.blueBox .sectionInner .contentsBox li{width:48%;font-size:20px;margin:.3em 0}.tecInfoSec.blueBox .sectionInner .contentsBox li:before{content:"●";margin-right:.2em;color:#00afec}.techBox{margin:2em 0}.techBox.box-50{width:48.5%;display:flex}.techBox.box-100{width:100%}.techBox .techBoxInner{box-shadow:0px 0px 7px rgba(0,0,0,.2);background:#fff;width:100%;padding:2em 3em 3em;border-radius:10px}.techBox .techBoxInner h3{text-align:left;color:#00afec;margin:0;margin-bottom:.25em}.techBox .techBoxInner h3:before{content:"■";margin-right:.2em}.techBox .techBoxInner h3:after{content:none}.techBox .techBoxInner ul{width:100%}.techBox .techBoxInner ul li{width:100%;border-bottom:1px dotted #b3b3b3;font-size:18px;padding:.5em .25em}.techBox .techBoxInner ul li span{width:6em;font-weight:700;display:inline-block}.techBox .techBoxInner ul li span+p:before{content:":"}.techBox .techBoxInner ul li:has(img){border-bottom:none}.techBox.box-50 .techBoxInner ul{width:48%}@media screen and (min-width:1260px){.expBox:nth-child(odd) .sectionInner{margin-left:calc(5% - var(--yohaku))}.expBox:nth-child(odd) .bgBox{padding:5em 5% 5em var(--yohaku);justify-content:right}.expBox:nth-child(even) .sectionInner{margin-left:calc(var(--yohaku) - 5%)}.expBox:nth-child(even) .bgBox{padding:5em var(--yohaku) 5em 5%;justify-content:left}}@media screen and (max-width:1280px){.expBox .bgBox .contentsImg{max-width:40%}}@media screen and (max-width:1000px){.tecBox #contents-ttlBox .contentsInner{width:54%}.tecBox #contents-ttlBox .contentsInner h3{padding-left:2.5%}.tecBox #contents-ttlBox .contentsInner ul{padding-left:2.5%;margin:.5em auto 2em}.tecInfoSec.blueBox .sectionInner .contentsBox li{font-size:18px}.techBox .techBoxInner{padding:2em 5% 3em}.techBox .techBoxInner div.dispFlex{flex-wrap:wrap}.techBox .techBoxInner ul li:has(img){text-align:center}.techBox .techBoxInner ul li img{margin:1em auto}.techBox.box-50 .techBoxInner ul{width:100%}}@media screen and (max-width:800px){.firstviewBox h1{font-size:3em;order:2}.firstviewBox p.description{order:1;font-size:1.6em;margin:0 0 .3em}#caseInfo .contentsBox{width:100%}#caseInfo h2{font-size:2.4rem}#caseInfo p.h2_sub{font-size:1rem;margin:1em 0 0}.expBox{margin:5em auto}.expBox .sectionInner{padding:0;margin-left:-5vw}.expBox h2{font-size:2.4rem}.expBox p.h2_sub{font-size:1rem;margin:1em 0 0}.expBox .bgBox{padding:2em 5% 4em calc(5% + 5vw)}.expBox .bgBox:after{background-color:rgba(13,52,130,.7)}.expBox .bgBox .contentsImg{max-width:100%}.expBox .bgBoxInner{display:block}.expBox .bgBox .contentsBox{width:100%;max-width:max-content}.expBox:nth-child(even) .sectionInner{margin-right:auto;margin-left:5vw}.expBox:nth-child(even) .bgBox{padding:2em calc(5% + 5vw) 5em 5%}.bulletSec .sectionInner h2{font-size:1.5rem;margin-bottom:.5em}.bulletSec .sectionInner h2:after{bottom:-7px;height:4px}.bullet-list{width:100%}.bullet-list li{padding:.6em .6em .6em 1.5em}.bullet-list li:before{left:1.6em;top:1.35rem}.bulletSec .contentsBox p{padding:.6em}.tecBox #contents-ttlBox .contentsInner{max-width:inherit;width:100%}.tecBox #contents-ttlBox .contentsInner .ttlTxt{padding:0 2.5% 1em}.tecBox #contents-ttlBox .contentsInner h3{padding:0;width:95%;margin:auto;font-size:1.3rem}.tecBox #contents-ttlBox .contentsInner ul{padding-left:0;margin:.5em auto 2em;width:95%}.tecBox #contents-ttlBox .contentsInner li{font-size:.9rem}.tecBox #contents-ttlBox .contents-imgBox{width:80%;margin:auto}.tecInfoSec .sectionInner h2{font-size:1.4rem;margin:auto}#wrap .tecInfoSec .sectionInner .contentsInner{padding:2em 0 0}.tecInfoSec.blueBox .sectionInner{padding:2em 0 3em}.tecInfoSec.blueBox .sectionInner .contentsBox{width:90%}.tecInfoSec.blueBox .sectionInner .contentsBox li{width:100%;font-size:.9rem}.techBox.box-50{width:100%}.techBox .techBoxInner{padding:2em 5% 3em}.techBox .techBoxInner h3{font-size:1.2rem;padding:0 2.25%}.techBox .techBoxInner div.dispFlex{flex-wrap:wrap}.techBox .techBoxInner ul li{font-size:.9rem;padding:.5em 2.5%}.techBox .techBoxInner ul li span{display:block;width:auto}.techBox .techBoxInner ul li:has(img){text-align:center}.techBox .techBoxInner ul li img{width:75%;margin:1em auto}.techBox.box-50 .techBoxInner ul{width:100%}}