@charset "UTF-8";


body{
 height:calc(100% - 124px);
 background-image:
 url(/pr-site/newtonx/assets/img/usecase/bg-top.jpg);
 background-position:100% 0;
 background-repeat:no-repeat;
 position:relative;
}
@media screen and (max-width: 768px) {
 body{
  background-image:url(/pr-site/newtonx/assets/img/usecase/bg-top-sp.jpg);
  background-size:70%;
 }
}
.main{
 color:#646464;
 padding-top:90px;
}
@media screen and (max-width: 768px) {
 .main{
  color:#646464;
  padding-top:30px;
 }
}
.main .h2-txt{
 max-width:1000px;
 width:100%;
 text-align:left;
 margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
 .main .h2-txt{
  margin: 0 auto 50px;
  padding:0 20px;
 }
}
.main .h2-txt:after{
 content:none;
}

.main .h2-txt img{
 display:block;
 margin-top:24px;
}
@media screen and (max-width: 768px) {
  .main .h2-txt img{
   margin-top:15px;
  }
}

.h4-txt{
 font-size:24px;
}
@media screen and (max-width: 768px) {
 .h4-txt{
  font-size:21px;
 }

}

.contents-outer{
 padding-bottom:100px;
 background:url(/pr-site/newtonx/assets/img/usecase/bg-middle.jpg),url(/pr-site/newtonx/assets/img/usecase/bg-bottom.jpg);
 background-size:auto;
 background-position:0 28% ,100% 100%;
 background-repeat:no-repeat;
}


@media screen and (max-width: 768px) {
 .contents-outer{
  padding-bottom:50px;
  background-position: 0 45% ,80% 100%;
 }
}



.field{
 text-align:center;
 padding:55px 20px 20px;
 position:relative;
 margin-bottom:110px;
}

@media screen and (max-width: 768px) {
 .field{
  text-align:center;
  padding:26px 15px 15px;
  margin-bottom:54px;
 }

}

.field:before{
 content:"";
 display:block;
 width:120px;
 height:4px;
 background-image: linear-gradient(90deg, #00A0FB, #36DBDB);
 position: absolute;
 top: 0;
 left: calc((100% - 120px) / 2);
}


.field .h3-txt {
 margin-bottom:27px;
 position:relative;
}

.h3-txt.text-under-bd50 {
 display:block;
 padding-bottom:23px;
 margin-bottom:27px;
 position:relative;
}

.field-flex{
 display:flex;

}
.field .field-flex{
  margin-top:33px;
}

@media screen and (max-width: 768px) {
  .field-flex{
   display:block;
  }

}
.field-flex > div{
 background:#ECF5FB;
 border-radius: 4px;
 padding:20px;
 max-width:308px;
 width:100%;
}
.field-flex >div:nth-of-type(2){
 margin-left:calc((100% - 924px) / 2);
 margin-right:calc((100% - 924px) / 2);
}
@media screen and (max-width: 768px) {
 .field-flex > div{
  max-width:100%;
  margin-bottom:10px;
 }
 .field-flex > div:last-child{
  margin-bottom:0;
 }
 .field-flex >div:nth-of-type(2){
  margin-left:0;
  margin-right:0;
 }

}

.field-flex img{
 display:block;
 margin:20px auto;
}

ul.list-text{
 display:block;
 font-size:16px;
}
ul.list-text li{
 text-align:left;
 position:relative;
 text-indent: -9px;
 margin-left: 9px;
}
ul.list-text li:before{
 content:"";
 display:inline-block;
 background:#0097EC;
 width:5px;
 height:5px;
 border-radius: 50%;
 margin-bottom: 3px;
 margin-right: 5px
}

.field-navi.field-flex{
 flex-wrap:wrap;
 padding: 0 70px;
 justify-content: space-between;
 margin-bottom:50px;
}
@media screen and (max-width: 768px) {
.field-navi.field-flex{
 padding: 0 ;
 display:flex;
 margin-bottom:10px;
 }
}


.field-navi a{
 display:block;
 color:#0097EC;
 font-weight:bold;
 border:2px solid #0097EC;
 max-width:280px;
 width:100%;
 text-align:center;
 border-radius:50px;
 padding: 12px 0;
 transition:0.3s all;
 margin-bottom:10px;
 position:relative;
}

@media screen and (max-width: 768px) {
 .field-navi a{
  font-size:12px;
  max-width: initial;
  width: 48%;
  padding: 15px 0;
 }
 .field-navi a.line-2{
   padding: 9px 0 0;
   line-height: 1.2;
 }
}

.field-navi a::after{
 content:url(/pr-site/newtonx/assets/img/usecase/field-navi.svg);
 display: inline-block;
 position: absolute;
 top: 8px;
 right: 18px;
}
@media screen and (max-width: 768px) {
 .field-navi a::after{
  top:15px;
 }
}
.field-navi a:hover{
 opacity:0.5;
 transition:0.3s all;
}

.other-slid-inner.case-wrap{
 padding:30px;
 margin-bottom:30px;
}
@media screen and (max-width: 768px) {
 .other-slid-inner.case-wrap{
  height:auto;
  padding:17px;
 }
}
.other-slid-inner > div:first-child{
 margin-right:40px;
}

.case-wrap.reverse > div:first-child{
 order:1;
 margin-right: 0;
}
.case-wrap.reverse > div:last-child{
 order:0;
 margin-right: 40px;
}
@media screen and (max-width: 768px) {
 .other-slid-inner > div:first-child, .case-wrap.reverse > div:last-child{
  margin-right:0;
 }

}

.case-wrap .case{
 display:inline-block;
 color:#00B5B5;
 font-weight:bold;
 font-size:14px;
  margin-bottom:18px;
}
.case-wrap .h4-txt{
 margin-bottom:18px;
}
.case-wrap .p-txt{
 margin-bottom:24px;
}
.case-wrap .img{
 max-width:450px;
 width:100%;
}



/*---------
2025.5
-----------*/
.field,
.case-wrap{
margin: 0 auto 110px;
}
@media screen and (max-width: 768px) {
  .field {
    margin-bottom: 54px;
  }
}