@charset "utf-8"; 
/* CSS Document */
/*----------------------------------------------------------------------------
    ***                                                                  wrap
----------------------------------------------------------------------------*/
#wrap .hover:hover {opacity:.7; }
/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
***                                                                  pointSec
----------------------------------------------------------------------------*/
#pointSec #pointSec_Inner{width:980px;margin: 50px auto;padding: 0 10px;}
#pointSec #pointSec_Inner h2{text-align:center;margin-bottom: 50px;}

#pointSec #pointSec_Inner .point{display:inline-block;float:left;margin-bottom: 70px;}
#pointSec #pointSec_Inner .point2,
#pointSec #pointSec_Inner .point3{display:inline-block;float:right;margin-bottom: 70px;}


#pointSec #pointSec_Inner .point3 p:last-child{background: #595757;width: 150px;text-align: center;border-radius: 20px;margin-left: auto;margin-top: 22px;}
#pointSec #pointSec_Inner .point3 p a{color:#fff;text-decoration: none;}

#pointSec #pointSec_Inner .point p:first-child,
#pointSec #pointSec_Inner .point2 p:first-child{ float:left;}
#pointSec #pointSec_Inner h3{/* float: right; */padding-top: 5px;}

#pointSec #pointSec_Inner .point p:last-child,
#pointSec #pointSec_Inner .point2 p:last-child{/* width: 270px; */letter-spacing: -1px;font-size: 13px;margin-top: 10px;line-height: 1.6em;}
#pointSec #pointSec_Inner .point .right_Box,
#pointSec #pointSec_Inner .point2 .right_Box{float:right;margin-left:15px;width:  270px;}

#pointSec ul li {width:465px;}
#pointSec ul li{font-size:290%; text-align:center; padding:0; line-height:1;}
#pointSec ul li a{display:block;width:100%;height:100%;padding:20px 0;border: 1px solid #000000;border-radius:10px;text-decoration:none;color: #ed1e79;-webkit-box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
#pointSec ul li a:hover {color: #FFF; background-color:#ed1e79;}

/*----------------------------------------------------------------------------
***                                                                  section02
----------------------------------------------------------------------------*/
#styleSec{width:100%;position:relative;}
#styleSec .topBox:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f1f1f1 transparent;
  border-width: 60px 80px 0 80px;
  }
#styleSec .topBox{background-color:#fff; background-image:linear-gradient(rgba(0, 0, 0, 0) 95%, rgba(0,0,0,0.1) 5%), linear-gradient(90deg, rgba(0, 0, 0, 0) 95%, rgba(0,0,0,0.1) 5%);background-position:center, center;background-size:18px 18px,18px 18px;background-repeat:repeat,repeat;position:relative;}
#styleSec #styleSec_Inner > .boxInner{width:980px;margin: 0px auto;padding: 50px 0px;}
#styleSec #styleSec_Inner h2{ text-align:center;}
#styleSec #styleSec_Inner .button{font-size: 1.623125rem;background: #fff;border: solid 2px #595757;color: #595757;width: 315px;margin: 25px auto;border-radius: 30px;}
#styleSec #styleSec_Inner .chart{position: relative; z-index:999;}
#styleSec #styleSec_Inner .absoluteBox{position: absolute;width: 980px;top: 380px;z-index: 1;}

#styleSec #styleSec_Inner .absoluteBox .floatL{padding-left: 65px;}
#styleSec #styleSec_Inner .absoluteBox .floatL img{animation: shake 3.5s infinite ease 0.2s both;}
#styleSec #styleSec_Inner .absoluteBox .floatR{padding-right: 35px;}
#styleSec #styleSec_Inner .absoluteBox .floatR img{animation: shake 5.5s infinite ease 0.2s both;}
#styleSec #styleSec_Inner .boxInner ul{display: inline-block;margin-top: 10px;}
#styleSec #styleSec_Inner .boxInner ul li{float:left;margin-right:14px;}
#styleSec #styleSec_Inner .boxInner ul li:nth-child(6){margin-right:0px;}

/*フローチャート回答cssここから*/
#pokkiriSec,
#onlineSec,
#plusSec{width: 100%;display: inline-block;;margin-bottom: 40px;}

#pokkiri2Sec,
#dokodemoSec,
#sapuriSec{width: 100%;display: inline-block;margin-bottom: 40px;}
#sapuriSec{margin-left: auto;}
.rightBox{float:right;margin-left: -40px;padding-top: 80px;}
.rightBox2{float:right;margin-left: -50px;padding-top: 89px;}
.rightBox3{float:right;margin-left: -94px;padding-top: 70px;}
.rightBox4{float:right;margin-left: -35px;padding-top: 90px;}
.rightBox5{float:right;margin-left: -93px;padding-top: 75px;}


.leftBox{width: 80%;float:left;}
.leftBox .textS{font-size:17px;letter-spacing: -1px;line-height: 1.0em;color:#4D4D4D;}

#pokkiriSec .leftBox h3{font-size:28px;letter-spacing: -1px;color:#ff0084;line-height: 1.2em;}
/*.colBox01 {border:solid 10px #FBD2E4;display: inline-block;padding: 1.0em 1.5em;}*/
#pokkiriSec:target {border:solid 10px #FBD2E4;display: inline-block;padding: 1.0em 1.5em;}

#pokkiri2Sec .leftBox h3{font-size:28px;letter-spacing: -1px;color:#f7c02d;line-height: 1.2em;}
#pokkiri2Sec:target {border:solid 10px #F9F0B4;display: inline-block;padding: 1.0em 1.5em;}

#onlineSec .leftBox h3{font-size:28px;letter-spacing: -1px;color:#ff7251;line-height: 1.2em;}
#onlineSec:target {border:solid 10px #FDEAD2;display: inline-block;padding: 1.0em 1.5em;}

#dokodemoSec .leftBox h3{font-size:28px;letter-spacing: -1px;color:#a0cf31;line-height: 1.2em;}
#dokodemoSec:target {border:solid 10px #E7F4D8;display: inline-block;padding: 1.0em 1.5em;}

#plusSec .leftBox h3{font-size:28px;letter-spacing: -1px;color:#6bccff;line-height: 1.2em;}
#plusSec:target {border:solid 10px #D4EFFB;display: inline-block;padding: 1.0em 1.5em;}

#sapuriSec .leftBox h3{font-size:28px;letter-spacing: -1px;color:#a269ef;line-height: 1.2em;}
#sapuriSec:target {border:solid 10px #E1D6E9;display: inline-block;padding: 1.0em 1.5em;}

.leftBox .textSS{font-size: 14px;width: 100%;line-height: 1.5em;}
.ApplicationP{border: 1px solid #666;border-radius:5px;width:250px;text-align:center;font-size:18px;margin-top: 10px;}
/*animation 振り子みたいなやつ*/
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(4deg); }
  50% {
    -webkit-transform: rotate(-4deg); }
  100% {
    -webkit-transform: rotate(4deg); } }
@-moz-keyframes shake {
  0% {
    transform: rotate(4deg); }
  50% {
    transform: rotate(-4deg); }
  100% {
    transform: rotate(4deg); } }
@-o-keyframes shake {
  0% {
    transform: rotate(4deg); }
  50% {
    transform: rotate(-4deg); }
  100% {
    transform: rotate(4deg); } }
@keyframes shake {
  0% {
    transform: rotate(4deg); }
  50% {
    transform: rotate(-4deg); }
  100% {
    transform: rotate(4deg); } }



/*----------------------------------------------------------------------------
***                                                                  section03
----------------------------------------------------------------------------*/
#styleBox #styleBox_Inner{width:980px;margin: 100px auto 50px;padding: 0 10px;/*display: flex;flex-wrap: wrap;justify-content: space-between;*/}

#styleBox #styleBox_Inner .img150{margin-top: 1.0em;}
/*----------------------------------------------------------------------------
***                                                                  section04
----------------------------------------------------------------------------*/
#experienceSec #experienceSec_Inner{width:980px;margin: 0px auto 50px;padding: 0 10px;}
#experienceSec #experienceSec_Inner h2{margin-bottom: 20px;text-align:center;}
#experienceSec #experienceSec_Inner .floatL p:first-child{margin-top: 40px;}
#experienceSec #experienceSec_Inner p{margin-top:10px;}
#experienceSec #experienceSec_Inner .floatL{width:660px;}
/*----------------------------------------------------------------------------
***                                                                  section05
----------------------------------------------------------------------------*/
#novaSec{background: url(https://www.nova.co.jp/nova_style/images/back_contents02_b.jpg) top center no-repeat;background-size: cover;height:563px;margin-top: 50px;}
#novaSec #novaSec_Inner{width: 670px;margin: 0px auto;padding-top: 8%;padding-bottom:50px;}
#novaSec #novaSec_Inner h2{font-size:40px;color:#fff;line-height:1.1em;letter-spacing: -2px;}
#novaSec #novaSec_Inner p{font-size:16px;color:#fff;padding-top: 15px;}
#novaSec ul{width:850px; margin:0 auto;}
#novaSec ul li{width:410px;}
#novaSec ul li{font-size: 230%;text-align:center;padding:0;line-height:1;}
#novaSec  ul li a{display:block;width:100%;height:100%;padding:20px 0;border: 1px solid #000000; background-color:#fff; border-radius:10px;text-decoration:none;color: #ed1e79;-webkit-box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
#novaSec ul li a:hover {color: #FFF;background-color: #ed1e79;}

/*----------------------------------------------------------------------------
***                                                                  section06
----------------------------------------------------------------------------*/
#campaignSec{}
#campaignSec #campaignSec_Inner{width: 980px;margin: -180px auto 0px;border:5px solid #333333;background-color:#fff;padding: 30px 70px 70px;}
#campaignBox3 p:first-child{font-size: 26px;color:  #fff;background-color: #595757;padding: 10px 0px;font-weight: 100;position:  relative;margin-top: 15px;z-index: 1; text-align:center;}
#campaignBox3 p:first-child strong{font-weight:normal;}

#campaignBox3 .guluss{margin:40px auto 15px;}
#campaignBox3 .tishu{margin-bottom:20px;}

/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea {width:100%; }
#footerArea #footerAreaInner {width: 980px;margin:0 auto;padding: 10px 20px;}

/*----------------------------------------------------------------------------
***                                                                   antagBox
----------------------------------------------------------------------------*/
#antagBox{display:none; }