/*! CSS Used from: https://cyvate.co.jp/wp/wp-content/themes/Cyvate/css/client.css */
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
html{box-sizing:border-box;}
body{margin:0 auto;font-family:noto-sans-cjk-jp, sans-serif;font-style:normal;}
@media (max-width: 769px){
.pc{display:none!important;}
.pc-inline{display:none!important;}
.sp{display:block!important;}
}
@media (min-width: 770px){
.pc{display:block!important;}
.pc-inline{display:inline-block!important;}
.sp{display:none!important;}
}
#cyvate-client .container{max-width:1020px;margin:0 auto;}
@media (max-width: 769px){
#cyvate-client .container{max-width:92%;}
}
#cyvate-client main{width:100%;margin:0 auto; overflow-x: hidden;}
#cyvate-client main p{font-size:16px;line-height:27px;}
#cyvate-client main h2{font-size:44px;font-weight:bold;line-height:77px;text-align:center;position:relative;margin-bottom:50px;}
#cyvate-client main h2::after{content:"";position:absolute;border:solid 8px #036ED9;border-radius:13px;text-align:center;width:150px;display:inline-block;bottom:-50px;left:50%;transform:translateX(-50%);}
@media (max-width: 769px){
#cyvate-client main h2::after{border:solid 3px #036ED9;width:75px;bottom:-15px;}
}
@media (max-width: 769px){
#cyvate-client main h2{font-size:24px;line-height:46px;margin-bottom:23px;}
}
#cyvate-client img{width:100%;}
#cyvate-client .gradation-text{background:linear-gradient(#0FF0B3, #036ED9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#cyvate-client .gradation-bg{background:linear-gradient(#0FF0B3, #036ED9);}
#cyvate-client .mv{background-image:url(mv-bg.png);background-size:cover;background-repeat:no-repeat;background-position:center center;height:1230px;}
@media (max-width: 769px){
#cyvate-client .mv{background-image:url(mv-bg-sp.png);height:auto;background-position:top center;padding-bottom:40px;}
}
#cyvate-client .mv .header__logo{width:185px;padding-top:40px;}
@media (max-width: 769px){
#cyvate-client .mv .header__logo{width:125px;padding-top:30px;}
}
#cyvate-client .mv__inner .mv__top{position:relative;}
#cyvate-client .mv__inner .mv__top h1{font-weight:bold;font-size:44px;text-align:center;line-height:130px;margin-top:100px;letter-spacing: 1rem;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__top h1{font-size:24px;margin-top:80px;line-height:45px; letter-spacing: 0rem;}
}
#cyvate-client .mv__inner .mv__top h1 .column{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;}
#cyvate-client .mv__inner .mv__top h1 .middle{font-size:71px;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__top h1 .middle{font-size:30px;line-height:33px;}
}
#cyvate-client .mv__inner .mv__top h1 .big{

font-size:400px;

font-family:azo-sans-web, sans-serif;font-weight:200;position:relative;bottom:-20px;

letter-spacing: -1rem;

}


@media (max-width: 769px){
#cyvate-client .mv__inner .mv__top h1 .big{font-size:175px;bottom:-8px;letter-spacing: -0.5rem;}
}
#cyvate-client .mv__inner .mv__top h1 span.bottom{display:inline-block; width: 100%;letter-spacing: 0rem;}
#cyvate-client .mv__inner .mv__top .mv__image{position:absolute;top:-60px;right:120px;width:150px;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__top .mv__image{top:-90px;right:0px;width:90px;}
}
#cyvate-client .mv__inner .mv__middle{ width: 100%; max-width:820px;margin:20px auto;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__middle{width:auto;}
}
#cyvate-client .mv__inner .mv__middle ul{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%;gap:4%;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__middle ul{width:95%;margin:0 auto;}
}
#cyvate-client .mv__inner .mv__middle ul li{width:21%;font-size:16px;font-weight:bold;text-align:center;padding:20px 0px;background-color:#FFF;border-radius:10px;box-shadow:0px 0px 10px rgba(46, 108, 210, 0.3);margin:10px 0;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__middle ul li{width:48%;margin:5px 0;font-size:13px;border-radius:5px;}
}
#cyvate-client .mv__inner .mv__bottom{text-align:center;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__bottom{width:95%;margin:0 auto;}
}
#cyvate-client .mv__inner .mv__bottom p{font-size:30px;margin:50px 0;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__bottom p{font-size:16px;line-height:28px;margin:30px 0;}
}
#cyvate-client .mv__inner .mv__bottom .mv__contact{display:inline-block;border-radius:40px;color:#FFF;font-size:20px;}
#cyvate-client .mv__inner .mv__bottom .mv__contact a{width:500px;display:inline-block;padding:30px 0;border-radius:40px;color:#FFF;font-size:20px;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__bottom .mv__contact{width:100%;font-size:16px;padding:24px 0;}
#cyvate-client .mv__inner .mv__bottom .mv__contact a{width:100%;display:inline;}
}
#cyvate-client .mv__inner .mv__bottom .mv__contact i{position:relative;right:30px;top:50%;}
@media (max-width: 769px){
#cyvate-client .mv__inner .mv__bottom .mv__contact i{right:0px;}
}
#cyvate-client .about{padding:135px 0 90px;background-image:url(blue-bg.png);background-size:cover;background-position:center center;}
@media (max-width: 769px){
#cyvate-client .about{background-size:230%;padding:65px 0 45px;}
}
#cyvate-client .about__inner ul{margin-top:120px;background-color:#FFF;box-shadow:0px 0px 30px rgba(46, 108, 210, 0.3);display:flex;flex-wrap:wrap;justify-content:space-between;padding:80px;gap:100px;}
@media (max-width: 769px){
#cyvate-client .about__inner ul{margin-top:60px;padding:30px;gap:40px;}
}
#cyvate-client .about__inner ul li{width:40%;}
@media (max-width: 769px){
#cyvate-client .about__inner ul li{width:100%;}
}
#cyvate-client .about__inner ul li .about__box h3{font-size:38px;font-weight:bold;margin-bottom:25px;}
@media (max-width: 769px){
#cyvate-client .about__inner ul li .about__box h3{font-size:20px;margin-bottom:5px;}
}
#cyvate-client .about__inner ul li .about__box p{margin-bottom:20px;}
@media (max-width: 769px){
#cyvate-client .about__inner ul li .about__box p{margin-bottom:5px;font-size:15px;}
}
#cyvate-client .about__inner ul li .about__box .modal-btn{margin-top:30px;text-align:center;display:inline-block;position:relative;left:50%;transform:translateX(-50%);}
@media (max-width: 769px){
#cyvate-client .about__inner ul li .about__box .modal-btn{margin-top:15px;}
}
#cyvate-client .about__inner ul li .about__box .modal-btn p{color:#2E6CD2;border:solid 2px #2E6CD2;border-radius:40px;display:inline-block;padding:8px 10px;font-size:18px;font-weight:bold;cursor:pointer;}
#cyvate-client .about__inner ul li .about__box .modal-btn p:hover{color:#FFF;background-color:#2E6CD2;}
@media (max-width: 769px){
#cyvate-client .about__inner ul li .about__box .modal-btn p{font-size:14px;padding:5px 15px;}
}
#cyvate-client .about__inner ul li .about__box .modal-btn i{padding-left:10px;}
#cyvate-client .js-modal__overlay{height:100vh;background:rgba(0, 0, 0, 0.5);position:fixed;inset:0;margin:0 auto;z-index:8;opacity:0;visibility:hidden;-webkit-transition:0.3s;transition:0.3s;}
#cyvate-client .js-modal__inner{width:1020px;height:430px;padding:80px;background:#FFF;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:10;opacity:0;visibility:hidden;-webkit-transition:0.3s;transition:0.3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;}
@media (max-width: 769px){
#cyvate-client .js-modal__inner{width:88%;height:90vh;overflow-y:scroll;padding:40px 30px;}
}
#cyvate-client .js-modal__inner .about__box-title{font-size:24px;font-weight:bold;padding-bottom:10px;}
@media (max-width: 769px){
#cyvate-client .js-modal__inner .about__box-title{font-size:14px;}
}
#cyvate-client .js-modal__inner h4{font-size:40px;font-weight:bold;line-height:65px;padding-bottom:15px;}
@media (max-width: 769px){
#cyvate-client .js-modal__inner h4{font-size:24px;line-height:30px;}
}
#cyvate-client .js-modal__close{position:absolute;top:20px;right:20px;cursor:pointer;}
@media (max-width: 769px){
#cyvate-client .js-modal__close{top:18px;right:18px;}
}
#cyvate-client .js-modal__close i{font-size:30px;color:#000;}
#cyvate-client .js-modal__close i:hover{opacity:0.5;}
#cyvate-client .contact-area__inner{padding:100px 0;color:#FFF;}
@media (max-width: 769px){
#cyvate-client .contact-area__inner{padding:50px 0;}
}
#cyvate-client .contact-area__inner h2::after{content:none;}
#cyvate-client .contact-area__inner p{text-align:center;padding-bottom:50px;}
@media (max-width: 769px){
#cyvate-client .contact-area__inner p{padding-bottom:25px;}
}
#cyvate-client .contact-area__inner .contact-btn{width:550px;color:#036ED9;font-size:20px;position:relative;left:50%;transform:translateX(-50%);background-color:#FFF;border-radius:40px;}
#cyvate-client .contact-area__inner .contact-btn:hover{width:550px;color:#FFF;font-size:20px;position:relative;left:50%;transform:translateX(-50%);background-color:#036ED9;}
#cyvate-client .contact-area__inner .contact-btn a{width:550px;display:inline-block;text-align:center;padding:30px 0;border-radius:40px;font-size:20px;position:relative;left:50%;transform:translateX(-50%);font-weight:bold;}
@media (max-width: 769px){
#cyvate-client .contact-area__inner .contact-btn{width:95%!important;padding:24px 0;font-size:16px;}
#cyvate-client .contact-area__inner .contact-btn a{width:95%;padding:0;}
}
#cyvate-client .contact-area__inner .contact-btn i{position:absolute;right:30px;top:50%;transform:translateY(-50%);}
#cyvate-client .task{background-color:#EBFFFB;}
#cyvate-client .task__inner{padding:80px 0;}
@media (max-width: 769px){
#cyvate-client .task__inner{padding:40px 0;}
}
#cyvate-client .task__inner h2::after{border:solid 8px #0EE1B7!important;}
@media (max-width: 769px){
#cyvate-client .task__inner h2::after{border:solid 3px #0EE1B7!important;}
}
#cyvate-client .task__image-area{background-image:url(task-image.png);background-size:contain;background-repeat:no-repeat;background-position:center center;height:400px;margin-top:150px;margin-bottom:100px;position:relative;}
@media (max-width: 769px){
#cyvate-client .task__image-area{height:530px;background-position:bottom center;margin-top:0px;margin-bottom:0px;}
}
#cyvate-client .task__image-area .top{background-image:url(task-right.png);width:250px;background-repeat:no-repeat;background-position:center center;text-align:center;position:absolute;top:0;right:0;}
@media (max-width: 769px){
#cyvate-client .task__image-area .top{background-size:220px;width:auto;top:-20px;}
}
@media (max-width: 769px){
#cyvate-client .task__image-area .top p{top:60px;}
}
#cyvate-client .task__image-area .bottom{background-image:url(task-left.png);width:250px;background-repeat:no-repeat;background-position:center center;text-align:center;position:absolute;bottom:-100px;left:0;}
@media (max-width: 769px){
#cyvate-client .task__image-area .bottom{background-image:url(task-left-sp.html);background-size:220px;width:auto;top:60px;bottom:auto;}
}
@media (max-width: 769px){
#cyvate-client .task__image-area .bottom p{top:40px;}
}
#cyvate-client .task__image-area p{position:relative;top:55px;height:250px;}
@media (max-width: 769px){
#cyvate-client .task__image-area p{font-size:13px;line-height:25px;padding:0px 20px;}
}
#cyvate-client .resolution{background-image:url(blue-bg.png);background-size:cover;background-position:center center;}
@media (max-width: 769px){
#cyvate-client .resolution{background-size:230%;}
}
#cyvate-client .resolution__inner{padding:60px 0 100px;text-align:center;}
@media (max-width: 769px){
#cyvate-client .resolution__inner{padding:30px 0 50px;}
}
#cyvate-client .resolution__inner h2{color:#036ED9;z-index:100;background:linear-gradient(transparent 60%, #ff6 60%);display:inline-block;}
#cyvate-client .resolution__inner h2::after{content:none;}
#cyvate-client .resolution__arrow{width:140px;margin:0 auto 40px;}
@media (max-width: 769px){
#cyvate-client .resolution__arrow{width:75px;margin:0 auto 30px;}
}
#cyvate-client .resolution__box{background-color:#FFF;box-shadow:0px 0px 30px rgba(46, 108, 210, 0.3);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;}
#cyvate-client .resolution__box ul{width:60%;padding:60px 0 60px 60px;}
@media (max-width: 769px){
#cyvate-client .resolution__box ul{width:100%;padding:45px 25px 0 25px;}
}
#cyvate-client .resolution__box ul li{text-align:left;}
#cyvate-client .resolution__box ul li:first-child{padding-bottom:60px;}
@media (max-width: 769px){
#cyvate-client .resolution__box ul li:first-child{padding-bottom:30px;}
}
#cyvate-client .resolution__box ul li .title{display:flex;align-items:center;gap:15px;padding-bottom:20px;}
@media (max-width: 769px){
#cyvate-client .resolution__box ul li .title{gap:5px;padding-bottom:10px;}
}
#cyvate-client .resolution__box ul li .title .check-icon{width:33px;}
@media (max-width: 769px){
#cyvate-client .resolution__box ul li .title .check-icon{width:20px;}
}
#cyvate-client .resolution__box ul li .title h3{font-weight:bold;font-size:40px;}
@media (max-width: 769px){
#cyvate-client .resolution__box ul li .title h3{font-size:20px;}
}
@media (max-width: 769px){
#cyvate-client .resolution__box ul li p{padding-left:20px;}
}
#cyvate-client .resolution__box .resolution__image{width:35%;padding:20px 20px 0 0;}
@media (max-width: 769px){
#cyvate-client .resolution__box .resolution__image{width:80%;margin:0 auto;}
}
#cyvate-client .reasons{background-color:#EBFFFB;}
#cyvate-client .reasons__inner{padding:100px 0;}
@media (max-width: 769px){
#cyvate-client .reasons__inner{padding:50px 5%;}
}
#cyvate-client .reasons__inner h2::after{border:solid 8px #0EE1B7!important;}
@media (max-width: 769px){
#cyvate-client .reasons__inner h2::after{border:solid 3px #0EE1B7!important;}
}
#cyvate-client .reasons__box{background-color:#FFF;box-shadow:0px 0px 30px rgba(46, 108, 210, 0.3);margin-top:100px;}
@media (max-width: 769px){
#cyvate-client .reasons__box{margin-top:60px;}
}
#cyvate-client .reasons__box-inner{ width: 100%; max-width:1020px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
@media (max-width: 769px){
#cyvate-client .reasons__box-inner{width:auto;}
}
#cyvate-client .reasons__box-inner .reasons__image{width:30%;}
@media (max-width: 769px){
#cyvate-client .reasons__box-inner .reasons__image{width:100%;}
}
#cyvate-client .reasons__box-inner .reasons__text{width:60%;}
@media (max-width: 769px){
#cyvate-client .reasons__box-inner .reasons__text{width:100%;}
}
#cyvate-client .reasons__box-inner .reasons__text h3{font-size:40px;line-height:50px;font-weight:bold;padding-bottom:20px;}
@media (max-width: 769px){
#cyvate-client .reasons__box-inner .reasons__text h3{font-size:24px;line-height:30px;padding-bottom:10px;}
}
#cyvate-client .reasons__box-inner .reasons__text h3 .big{font-size:90px;color:#63FFDF;}
@media (max-width: 769px){
#cyvate-client .reasons__box-inner .reasons__text h3 .big{font-size:60px;}
}
#cyvate-client .reasons__box-inner .reasons__text h3 .green{color:#0EE1B7;}
#cyvate-client .reasons .right{margin-right:calc(50% - 50vw);padding:85px 0 85px 85px;}
@media (max-width: 769px){
#cyvate-client .reasons .right{padding:30px 40px 30px 30px;}
}
#cyvate-client .reasons .left{margin-left:calc(50% - 50vw);padding:85px 85px 85px 0px;}
@media (max-width: 769px){
#cyvate-client .reasons .left{padding:30px 30px 30px 40px;}
}
#cyvate-client .reasons .left .reasons__box-inner{margin:0 0 0 auto;}
#cyvate-client .flow{background-image:url(blue-bg.png);background-size:cover;background-position:center center;}
@media (max-width: 769px){
#cyvate-client .flow{background-size:230%;}
}
#cyvate-client .flow__inner{padding:100px 0;}
@media (max-width: 769px){
#cyvate-client .flow__inner{padding:50px 0;}
}
#cyvate-client .flow__inner h2{color:#036ED9;}
#cyvate-client .flow__inner ul{background-image:url(dot-line.png);background-repeat:no-repeat;background-size:contain;background-position:top left 117px;}
@media (max-width: 769px){
#cyvate-client .flow__inner ul{background-image:url(dot-line-sp.html);background-position:top left 50px;}
}
#cyvate-client .flow__inner ul li{background-color:#FFF;box-shadow:0px 0px 30px rgba(46, 108, 210, 0.3);margin-top:100px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:15px 60px;border-radius:10px;gap:20px;}
@media (max-width: 769px){
#cyvate-client .flow__inner ul li{margin-top:30px;padding:10px 30px;border-radius:8px;gap:15%;}
}
#cyvate-client .flow__inner ul li:first-child{padding:60px 60px;}
@media (max-width: 769px){
#cyvate-client .flow__inner ul li:first-child{padding:30px 30px;}
}
#cyvate-client .flow__inner ul li .flow__number{width:15%;}
#cyvate-client .flow__inner ul li .flow__number p{color:#036ED9;text-align:center;font-size:24px;font-weight:bold;}
@media (max-width: 769px){
#cyvate-client .flow__inner ul li .flow__number p{font-size:13px;}
}
#cyvate-client .flow__inner ul li .flow__number span{font-size:90px;line-height:90px;}
@media (max-width: 769px){
#cyvate-client .flow__inner ul li .flow__number span{font-size:45px;line-height:35px;}
}
#cyvate-client .flow__inner ul li .flow__text{text-align:center;width:80%;}
@media (max-width: 769px){
#cyvate-client .flow__inner ul li .flow__text{text-align:left;width:70%;}
}
#cyvate-client .flow__inner ul li .flow__text p{font-size:30px;}
@media (max-width: 769px){
#cyvate-client .flow__inner ul li .flow__text p{font-size:15px;}
}
#cyvate-client .flow__inner ul li .contact-btn{color:#036ED9;width:550px;display:inline-block;font-size:20px;position:relative;}
#cyvate-client .flow__inner ul li .contact-btn:hover{color:#FFF;}
#cyvate-client .flow__inner ul li .contact-btn a{background-color:#FFF;border:1px solid #036ED9;width:550px;margin:0 auto;display:inline-block;text-align:center;padding:30px 0;border-radius:40px;margin-top:20px;position:relative;font-weight:bold;}
#cyvate-client .flow__inner ul li .contact-btn a:hover{background-color:#036ED9;}
@media (max-width: 769px){
#cyvate-client .flow__inner ul li .contact-btn{width:100%;padding:24px 0;font-size:16px;}
#cyvate-client .flow__inner ul li .contact-btn a{width:100%;margin-top:0;}
}
#cyvate-client .flow__inner ul li .contact-btn i{position:absolute;right:50px;top:50%;}
@media (max-width: 769px){
#cyvate-client .flow__inner ul li .contact-btn i{right:30px;transform:translateY(-50%);}
}
#cyvate-client .contact{padding:105px 0 85px;}
@media (max-width: 769px){
#cyvate-client .contact{padding:55px 0 45px;}
}
#cyvate-client .contact__inner{width:100%;}
@media (max-width: 769px){
#cyvate-client .contact__inner{width:100%;}
}
#cyvate-client .contact__inner h2{color:#F2F8FF;text-align:left;margin-bottom:25px;}
#cyvate-client .contact__inner h2::after{content:none;}
#cyvate-client .contact__inner .sub-text{color:#F2F8FF;padding-bottom:25px;}
#cyvate-client .contact__box{background-color:#FFF;padding:100px 85px;}
@media (max-width: 769px){
#cyvate-client .contact__box{padding:50px 20px;}
}
#cyvate-client .contact__form{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:50px;}
@media (max-width: 769px){
#cyvate-client .contact__form{gap:0px;margin-bottom:25px;}
}
#cyvate-client .contact__form .contact-label{margin:0 auto;width:260px;}
#cyvate-client .contact__form .contact-label label{text-align:left;font-weight:bold;}
#cyvate-client .contact__form .required{color:#FF0000;}
#cyvate-client .contact__form .contact-input{width:500px;display:flex;justify-content:space-between;gap:30px;align-items:center;}
@media (max-width: 769px){
#cyvate-client .contact__form .contact-input{width:100%;gap:15px;flex-wrap:wrap;}
}
#cyvate-client .contact__form .contact-input label p{display:inline-block;}
#cyvate-client .contact__form .contact-input input{background-color:#EDEDED;padding:10px;display:inline-flex;width:100%;height:50px;}
@media (max-width: 769px){
#cyvate-client .contact__form .contact-input input{width:100%;height:60px;}
}
#cyvate-client .contact__form .contact-input textarea{background-color:#EDEDED;width:100%;padding:10px;}
@media (max-width: 769px){
#cyvate-client .contact__form .contact-input textarea{height:260px;}
}
#cyvate-client .contact .contact-send-area{text-align:center;}
#cyvate-client .contact .contact-send{color:#036ED9;font-size:20px;background-color:#FFF;border-radius:40px;width:320px;position:relative;display:inline-block;}
#cyvate-client .contact .contact-send:hover{background-color:#036ED9;color:#FFF;}
#cyvate-client input.wpcf7-form-control.has-spinner.wpcf7-submit{border:1px solid #036ED9;border-radius:40px;width:320px;display:inline-block;text-align:center !important;padding:20px 0;position:relative;margin:0 auto;font-weight:bold;}
@media (max-width: 769px){
#cyvate-client .contact .contact-send{width:95%;font-size:16px;}
#cyvate-client input.wpcf7-form-control.has-spinner.wpcf7-submit{width:95%;}
}
#cyvate-client .contact .contact-send i{position:absolute;right:30px;top:35%;}
@media (max-width: 769px){
#cyvate-client .contact .contact-send i{top:43%;}
}
#cyvate-client .contact__form span{width:100%;}
#cyvate-client .wpcf7-spinner{width:auto;height:auto;margin:0;}
footer{height:160px;background-color:#F2F8FF;position:relative;}
@media (max-width: 769px){
footer{height:190px;}
}
footer .container{width:100%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
@media (max-width: 769px){
footer .container{display:block;}
}
footer .footer__logo{width:185px;}
@media (max-width: 769px){
footer .footer__logo{ padding-bottom: 30px; margin: 0 auto; width: 135px;}
}
footer .footer-copyright{text-align:right;color:#000;}
@media (max-width: 769px){
footer .footer-copyright{font-size:12px; text-align: center;}
}
footer .footer-copyright .company{font-weight:bold;padding-bottom:20px;}
@media (max-width: 769px){
footer .footer-copyright .company{font-size:15px;}
}
footer .footer-copyright ul{display:flex;font-size:12px;}
@media (max-width: 769px){
footer .footer-copyright ul{justify-content:space-between;font-size:10px;}
}
footer .footer-copyright ul li:first-child::after{content:"|";padding:0 10px;}
footer .footer-copyright ul p{padding-left:50px;}
/*! CSS Used from: https://cyvate.co.jp/wp/wp-content/themes/Cyvate/css/recet.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;}
html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
body{margin:0;}
main{display:block;}
p,form{margin:0;}
h1,h2,h3,h4{font-size:inherit;font-weight:inherit;margin:0;}
ul{margin:0;padding:0;list-style:none;}
a{background-color:transparent;text-decoration:none;color:inherit;}
img{vertical-align:bottom;}
input,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit;}
[type="submit"]{cursor:pointer;}
[type="submit"]:disabled{cursor:default;}
textarea{overflow:auto;}
/*! CSS Used from: https://use.fontawesome.com/releases/v6.0.0/css/all.css */
.fa-solid{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;}
.fa-circle-chevron-down:before{content:"\f13a";}
.fa-circle-chevron-right:before{content:"\f138";}
.fa-circle-xmark:before{content:"\f057";}
:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";}
:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";}
:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";}
.fa-solid{font-family:"Font Awesome 6 Free";font-weight:900;}
/*! CSS Used from: https://cyvate.co.jp/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.2 ; media=all */
@media all{
ul{box-sizing:border-box;}
:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;}
}

/*! CSS Used from: https://cyvate.co.jp/wp/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.7.6 ; media=all */
@media all{
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;}
.wpcf7 form .wpcf7-response-output{

margin:2em 0.5em 1em;padding:1.2em 1em;border:2px solid #00a0d2;

    font-size: 120%;
    background: gold;

}

.wpcf7 form.init .wpcf7-response-output{display:none;}
.wpcf7-form-control-wrap{position:relative;}
.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:0.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative;}
.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite;}
@media (prefers-reduced-motion: reduce){
.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms;}
}
.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed;}
.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr;}
}
/*! CSS Used keyframes */
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes blink{from{opacity:0;}50%{opacity:1;}to{opacity:0;}}
/*! CSS Used fontfaces */
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://use.fontawesome.com/releases/v6.0.0/webfonts/fa-regular-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.0.0/webfonts/fa-regular-400.ttf) format("truetype");}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://use.fontawesome.com/releases/v6.0.0/webfonts/fa-solid-900.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.0.0/webfonts/fa-solid-900.ttf) format("truetype");}


/*! CSS Used from: https://valleyin.co.jp/wp-content/cache/autoptimize/css/autoptimize_29c0305c35d02229510dc7c3c369020d.css ; media=all */
@media all{
#contact .wpcf7c-force-hide{display:none!important;}
#contact ul{box-sizing:border-box;}
#contact .wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;}
#contact .wpcf7 form .wpcf7-response-output{

margin:2em .5em 1em;
padding:1.2em 1em;
border:2px solid #00a0d2;}



#contact .wpcf7 form.init .wpcf7-response-output{display:none;}
#contact .wpcf7-form-control-wrap{position:relative;}
#contact .wpcf7 .wpcf7-submit:disabled{cursor:not-allowed;}
#contact .wpcf7 input[type=email],#contact .wpcf7 input[type=tel]{direction:ltr;}
#contact article{display:block;}
#contact input,#contact textarea{outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:100%;}
#contact input{-webkit-transition-property:background-color,color;-webkit-transition-duration:.2s;-webkit-transition-timing-function:ease;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:ease;}
#contact .post_content{word-wrap:break-word;}
.post_content p{line-height:2.4;margin:0 0 2em;}
.post_content p:last-child{margin:0;}
.post_content ul{margin-bottom:24px;}
.post_content ul{list-style:circle outside none;margin-left:1.3em;}
.wpcf7{width:100%;margin:0 0 2.5em!important;padding:0;border:1px solid #ddd;background:#fafafa;font-size:14px;}
.wpcf7 form{margin:1.5em 1.5em 0;}
.wpcf7 p{margin-bottom:1em;font-size:16px;}
.wpcf7 input,.wpcf7 textarea{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:8px;border:1px solid #ccc;line-height:1.2;}
.wpcf7 textarea{height:300px;}
.wpcf7 input:focus,.wpcf7 textarea:focus{border:1px solid #bbb;outline:none;}
.wpcf7 .wpcf7-submit{-webkit-transition:all .3s;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:relative;width:225px;height:48px;margin:30px auto 0;border:none!important;outline:none;background-color:#333;color:#fff;font-size:14px;line-height:1.5;text-align:center !important;text-decoration:none;cursor:pointer;transition:all .3s;}
.wpcf7 .wpcf7-submit:before,.wpcf7 .wpcf7-submit:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
.wpcf7 .wpcf7-submit:hover{background-color:#666;}
.wpcf7 form .wpcf7-response-output{margin:2em .5em 2em;padding:0;border:none;text-align:center;}
.wpcf7{color:#000;}
}
/*! CSS Used from: https://valleyin.co.jp/wp-content/cache/autoptimize/css/autoptimize_12cd74b30c29252cb101941c28531112.css ; media=screen and (max-width: 1201px) */
@media screen and (max-width: 1201px){
@media screen and (max-width:900px){
}
@media screen and (max-width:750px){
.post_content p{line-height:2;}
}
}
/*! CSS Used from: Embedded */
#contact input,#contact textarea{font-family:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;}
/*! CSS Used from: Embedded */
.contact_lavel{background:none;}
.contact_row{padding-bottom:15px;border-bottom:solid 2px #ddd;}
.req{border-radius:5px;margin:5px 5px 5px 0px;padding:6px 0;width:40px;display:inline-block;text-align:center;background:#0F103F;color:#fff;font-size:75%;font-weight:bold;}
.opt{border-radius:5px;margin:5px 5px 5px 0px;padding:6px 0;width:40px;display:inline-block;text-align:center;background:#ddd;color:#0e0e0e;font-size:75%;font-weight:bold;}
.wpcf7{background:none;border:none;}
@media all{
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;margin:0;padding:0;border:0;}
.wpcf7 form .wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;border:2px solid #00a0d2;}
.wpcf7 form.init .wpcf7-response-output{display:none;}
.wpcf7-form-control-wrap{position:relative;}
div.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed;}
.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr;}
}
@media all{
.wpcf7c-force-hide{display:none!important;}
}
@media all{
#contact textarea,#contact input[type="text"],#contact input[type="button"],#contact input[type="submit"],#contact input[type="email"],#contact input[type="tel"] {-webkit-appearance:none;appearance:none; border-radius: 5px;}
#contact *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
.contact_block{width:100%;margin:0 auto;color:#000; max-width: 850px;}
.contact_box{margin-bottom:20px;}
.contact_row{display:flex;flex-wrap:wrap;margin:0 0 15px 0;}
.contact_lavel{width:28%;margin:0 2% 0 0;display:flex;flex-wrap:wrap;align-items:center;color:#000;padding:8px 15px;}
@media screen and (max-width: 768px){
.contact_lavel{width:100%;margin:0 0 0 0;padding-left:0px;}
}
.contact_lavel_txt_s{font-size:85%;}
.contact_txt{width:70%;display:flex;flex-wrap:wrap;align-items:center;}
.contact_txt input{width:100%;border:solid 1px #ccc;padding:12px 10px;}
.contact_txt textarea{width:100%;border:solid 1px #ccc;padding:10px 10px;}
.contact_input_text{width:100%;}
.contact_textarea{width:100%;}
.wpcf7-form input::placeholder{color:#aaa;}
.wpcf7-form input::placeholder{color:#aaa;}
.wpcf7-submit{padding:0.8em 5em;}
.wpcf7-response-output{text-align:center;}
@media screen and (max-width: 768px){
.contact_lavel{width:100%;margin-bottom:10px;}
.contact_txt{width:100%;}
}
.wpcf7-submit{background:#C00;color:#fff;font-weight:bold;border:none;}
.contact_form_btn{width:100%;margin:0 auto 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;}
.contact_form_btn .wpcf7-submit{background:url(../../../uploads/2023/05/uz_arrow_w.svg) no-repeat center right;background-size:20px 30px;background-position:top 13px right 30px;text-align:left!important;padding:10px 0 10px 20px;border:2px solid #CD1F19;font-weight:bold;background-color:#CD1F19;color:#fff;width:160px;margin:0 0 0 30px;height:auto;font-size:100%;}
.contact_form_btn .wpcf7-confirm{background:url(../../../uploads/2023/05/uz_arrow_bl.svg) no-repeat center right;background-size:20px 30px;background-position:top 13px right 30px;text-align:left!important;padding:10px 0 10px 20px;border:2px solid #0F103F;font-weight:bold;color:#0F103F;width:160px;font-size:100%;}
.contact_form_btn .wpcf7-back{background:url(../../../uploads/2023/05/uz_arrow_bl_02.svg) no-repeat center right;background-size:20px 30px;background-position:top 13px left 30px;text-align:right!important;padding:10px 15px 10px 20px;border:2px solid #0F103F;font-weight:bold;color:#0F103F;width:160px;font-size:100%;}
}

section#contact .box-cont .inner .ttl.elem1 {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 30px;
}
section#contact .box-cont .inner.inner01 .item {
    box-shadow: 0 0 10px #ccc;
    margin: 0 auto 20px;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    max-width: 850px;
	display: flex; flex-wrap: wrap; align-items: center;
    justify-content: center;
}
section#contact .box-cont .inner.inner01 .item p.emil, section#contact .box-cont .inner.inner01 .item p.tel {
    color: #999;
    font-size: 1.2rem;
    line-height: 1.7;
    margin: 0 0 0 15px;
}
section#contact .box-cont .inner.inner01 .item a {
    color: #0b3cae;
}
section#contact .title-block .ttl {
    font-size: 1.75rem;
    margin-bottom: 80px;
	margin-top: 60px;
}
section.faq dl {
    max-width: 850px;
}

.wpcf7-form{ background: #fff; padding: 50px 0; border-radius: 10px;}

@media screen and (max-width: 768px){
	.wpcf7-form{padding: 30px 10px;}
}
.wpcf7 form { margin: 0;}


/*! CSS Used from: https://cyvate.co.jp/wp/wp-content/themes/Cyvate/css/client.css */
#cyvate-client .js-modal__overlay{height:100vh;background:rgba(0, 0, 0, 0.5);position:fixed;inset:0;margin:0 auto;z-index:8;opacity:0;visibility:hidden;-webkit-transition:0.3s;transition:0.3s;}
#cyvate-client .js-modal__overlay.modal-open{opacity:1;visibility:visible;}
/*! CSS Used from: https://cyvate.co.jp/wp/wp-content/themes/Cyvate/css/recet.css */

/*! CSS Used from: https://cyvate.co.jp/wp/wp-content/themes/Cyvate/css/client.css */
#cyvate-client main p{font-size:16px;line-height:27px;}
#cyvate-client .gradation-text{background:linear-gradient(#0FF0B3, #036ED9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#cyvate-client .js-modal__inner{width:1020px;height:430px;padding:80px;background:#FFF;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);z-index:10;opacity:0;visibility:hidden;-webkit-transition:0.3s;transition:0.3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;}
@media (max-width: 769px){
#cyvate-client .js-modal__inner{width:88%;height:90vh;overflow-y:scroll;padding:40px 30px;}
}
#cyvate-client .js-modal__inner .about__box-title{font-size:24px;font-weight:bold;padding-bottom:10px;}
@media (max-width: 769px){
#cyvate-client .js-modal__inner .about__box-title{font-size:14px;}
}
#cyvate-client .js-modal__inner h4{font-size:40px;font-weight:bold;line-height:65px;padding-bottom:15px;}
@media (max-width: 769px){
#cyvate-client .js-modal__inner h4{font-size:24px;line-height:30px;}
}
#cyvate-client .js-modal__inner.modal-open{opacity:1;visibility:visible;}
#cyvate-client .js-modal__close{position:absolute;top:20px;right:20px;cursor:pointer;}
@media (max-width: 769px){
#cyvate-client .js-modal__close{top:18px;right:18px;}
}
#cyvate-client .js-modal__close i{font-size:30px;color:#000;}
#cyvate-client .js-modal__close i:hover{opacity:0.5;}
/*! CSS Used from: https://cyvate.co.jp/wp/wp-content/themes/Cyvate/css/recet.css */
/*! CSS Used from: https://use.fontawesome.com/releases/v6.0.0/css/all.css */
.fa-solid{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;}
.fa-circle-xmark:before{content:"\f057";}
.fa-solid{font-family:"Font Awesome 6 Free";font-weight:900;}
/*! CSS Used fontfaces */
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://use.fontawesome.com/releases/v6.0.0/webfonts/fa-regular-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.0.0/webfonts/fa-regular-400.ttf) format("truetype");}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://use.fontawesome.com/releases/v6.0.0/webfonts/fa-solid-900.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.0.0/webfonts/fa-solid-900.ttf) format("truetype");}

#product_name{  line-height: 1; display: inline-block; margin: 0 auto; position: relative; border: 7px solid #c21500;
  border-image: linear-gradient(#0FF0B3, #036ED9);
  border-image-slice: 1;  padding: 20px 50px 15px 50px;
  }
.product_name_01{font-size: 130%;   background: linear-gradient(#0FF0B3, #036ED9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0rem;}
.product_name_01 span{ font-size: 105%;}
.product_name_02 { font-size: 12px; font-weight: normal; color: #8F91C6; text-align: center; margin: -10px 0 30px 0; line-height: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; letter-spacing: 0rem;}
.product_name_02 img { width: 100%; max-width: 57px; opacity: 0.5; margin-left: 8px;}
@media screen and (max-width: 768px){
	.product_name_02 { margin: 5px 0 15px 0;}
}


.wpcf7-not-valid-tip {
  color: red;
}