body {
  font-family: kozuka-gothic-pr6n, sans-serif;
 background-color:#f8f8ff;
}
table td, table th{
  font-family: kozuka-gothic-pr6n, sans-serif;
}

.mlogo{
text-align: center;
}
.mlogo img {
  padding:15px 0;
  width: 10%;
}
.mainview {
 	animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
}
@keyframes fadeIn { 
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}

.first-cont{
  position: relative;
  display: flex;
  width:100%
}
.second-cont{
  position: relative;
  display: flex;
  width:100%
}
.first-cont .left-box img {
  width: 600px;
  z-index: -1;
}
.first-cont .right-box img{
  margin-top: 140px;
  margin-left: -150px;

}
.first-cont .right-box .large-text {
  margin-left: -60px;
}
.left-box.above {
  z-index: 2 ;
}
.second-cont .left-box img{
  margin-top: 150px;
  margin-right: -150px;
}
.second-cont .right-box img{
  width: 600px;
  z-index: -1; 
}
.second-cont .left-box .large-text {
  margin-left: 200px;
}
.large-text {
  color: #333333;
  margin-top: -190px;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.2em;
  z-index: 3;
}
.iconPosi{
  text-align: center;
  margin-top: -25px;
  margin-bottom: -160px;
  margin-right: 60px;
}
.iconPosi img{
  position: relative;
}
.icon003 {
  width: 18%;
  z-index: 3;
}
.third-cont {
  position: relative;
  display: flex;
}

.third-cont img {
  width: 580px;
}
.center-posi {
  margin-top: 20px;
  text-align: center;
}
.case-box {
  position: relative;
  display: flex;
}
.case-text-lp {
  font-family: kozuka-gothic-pr6n, sans-serif;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  padding: 10px ;
  line-height: 1.6;
  letter-spacing: 3px;
}
.case-right01 {
  margin-top: 60px;
  margin-left: -30px;
}
.case-left02{
  margin-top: 60px;
  margin-right: -50px;
  z-index: 2;

}
.case-text-box {
  margin-top: -395px;
  margin-left: 150px;
}

.priceTitle{
  font-family: kozuka-gothic-pr6n, sans-serif;
  color: #333333;
  font-size: 30px;
  font-weight: 500;
  padding: 10px ;
  line-height: 1.6;
  letter-spacing: 0.25em;
}
.line-posi{
  position: relative;
  margin-top: -30px;
  z-index: -1;
  opacity: 0.6;
}
.no1-posi {
  position: relative;
  left: 720px;
  margin-bottom: -80px;
}
.price-line {
  margin: 10px 0 60px 0;
}

.priceTitle.more-space{
  margin-top: 60px;
}
.price-inner-box.les-bottom{
  margin-top: -50px;
}

.outline {
  position: relative;
  font-family: kozuka-gothic-pr6n, sans-serif;
  color: #333333;
  font-size: 17px;
  font-weight: 600;
  padding: 5px 8px;
  border: 1px solid #333333;
  letter-spacing: 0.2em;
  margin-right:12px;
}
.price-inner-box {
  position: relative;
  display: flex;
  width: 100%;
  align-items:baseline;
}

.box-cont{
  margin-left: 30px;
}
.arrowicon {
  margin-right: 10px;
}
.arrowicon img{
 margin-bottom: -5px;
  vertical-align: bottom;
}
.unit-price {
  position: relative;
  display: flex;
  margin-right: 20px;
  align-items:center;
  height: auto;
}
.unit-price2 {
  position: relative;
  top:25px;
  display: flex;
  margin-right: 20px;
  align-items:center;
  height: auto;
}
.dis-price{
  position: relative;
  display: flex;
  margin-left: 20px;
  align-items:inherit;
}
.dis-price2{
  position: relative;
  display: flex;
  margin-left: 52px;
  align-items:flex-end;
  height: auto;
}
.dis-price .num, .dis-price2 .num{
  color: #F75C9B;
}
.outline.posi {
  margin-bottom: 30px;
}
.quickpar.cus01 {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: -34px;
}
.text-cus01 {
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-size: 30px;
  font-weight: 400;
  margin-left: 10px;
  letter-spacing: 0.2em;
}

/* 数字の設定 */
.num{
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 600;
  color: #333333;
  align-items:baseline;
}
.size-nomal{
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-size: 24px;
  font-weight: 500;
}

/* .small-num */
.mid-num {
  font-size: 50px;
  color: #333333;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  margin-right: 5px;
  line-height: 0;
  margin-top: 10px;
  
}
.extra-small-num {
  font-size: 21px;
  color: #333333;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  margin:0 5px;
  letter-spacing: 0.15em;
}
.large-num{
  font-size: 34px;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  margin:0 5px;
  margin-top: 10px;
  letter-spacing: 0.15em;

}
.extra-large-num {
  font-size: 80px;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  margin:0 5px;
}



 
.spaceTop30{
  margin-top: 30px;
}
.spaceTop60{
  margin-top: 60px;
}
.spaceTop100{
  margin-top: 160px !important;
}
.spaceBottom100{
  margin-bottom: 100px;
}

.captitle{
font-family: kozuka-gothic-pr6n, sans-serif;
color: #333333;
font-size: 32px;
font-weight: 500;
padding: 10px ;
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
line-height: 1.6;
letter-spacing: 3px;
}
.grey{
  width: 100%;
  position: relative;
  z-index: -1;
  background-color: #dcdcdc;
  clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}
.textbox01{
  margin-top: 200px;
}
.textbox02{
  margin-top: 100px;
}
.textbox03 .quickpar{
  margin-top: 30px;
  padding-left: 60px;
  
}
.textbox03 hr{
  border-top: 1px solid #a9a9a9!important;
  margin-left: 60px;
  
}
.quickpar{
  color: #333333;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 2px;
  font-size: 18px;
  padding-top: 10px;
}
.quickpar-small{
  color: #333333;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 2px;
  font-size: 16px;
  padding-top: 30px;
}
.posi-center{
  margin-left: auto;
  margin-right: auto;
}
.gback{
  background: rgb(220,220,220);
  background: linear-gradient(93deg, rgba(220,220,220,1) 0%, rgba(222,222,222,1) 60%, rgba(248,248,255,1) 97%);
}
.nonPad{
  margin-right: 0 !important;
}

.capName{
  margin-left: 60px;
}
.capName h3, .capName h4{
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 500;
  font-size: 20px;
  color:#333333;
  line-height: 1.6;
  letter-spacing: 1px;
}
.capName h5{
  font-family: kozuka-gothic-pr6n, sans-serif;
  padding-top: 10px;
  font-size: 24px;
  font-weight: 600;
  color:#333333;
  line-height: 1.6;
  letter-spacing: 1px;
}
.eng{
color:#333333;
font-family: futura-pt,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 64px;
letter-spacing: 16px;
margin-bottom: -98px;
z-index: 2;
}
.caseImg img{
  padding-bottom: 60px;
}
/* table 比較表 */
#qlula{
  margin: 80px 0 60px 0;
}
#qlula tr{
  border :solid 1px #666666;
}
#qlula td, #qlula th{
  border :solid 1px #666666;
  padding: 20px 15px;
  text-align: center;
  line-height: 1.6;
}
#qlula tbody th {
  font-weight: bold;
  background-color: #efefef;
}
#qlula thead .other {
  background-color: #c5c5c5;
  font-weight: bold;
  letter-spacing: 0.15em;
}
#qlula thead .us {
  font-size: 18px;
  color: #ffffff;
  background-color: #F75C9B;
  font-weight: 600;
  letter-spacing: 0.15em;
}
#qlula thead .us {
  letter-spacing: 0.15em;
  border-right: solid 2px #666666;
  border-left: solid 2px #666666;
  border-top: solid 2px #666666;
}
#qlula tbody .us-color{
  font-weight: 600;
  font-size: 18px;
  background-color: #fbdce7;
  border-right: solid 2px;
  border-left: solid 2px;
}
#qlula tbody .us-color.last{
  border-bottom: solid 2px;
}


/* モバイルのみ表示 */
@media screen and (min-width:551px) {
  .moView {
    display: none;
  }
}

@media screen and (min-width:767px) {
  .tabView {
    display: none;
  }
}


/* メディアクエリ　モバイルサイズ */
@media screen and (max-width:550px) {

  .taxPrice.priceTiny{
    font-size: 12px;
  }

  .mlogo img {
    padding:10px 0;
    width: 30%;
  }
  .first-cont{
    display: block;
  }
  .first-cont .left-box img {
    width: 100%;
  }
  .first-cont .right-box img{
    width: 100%;
    margin: -30px 0px 50px 10px;
  }
  .first-cont .right-box .large-text {
    margin: -140px 0 30px 20px;
  }
  .large-text{
    font-size: 16px;
    text-align: center;
  }
  .icon003 {
    width: 30%;
  }
  .iconPosi {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 60px;
  }
  .second-cont{
    display: block; 
  }
  .second-cont .left-box .large-text {
    margin: 0px;
  }
  .second-cont .left-box img.first {
    margin-top: -30px;
    margin-right: 0px;
}
  .second-cont .left-box img.last {
    width: 100%;
    margin-left:10px;
    margin-top: -30px;
  }
  .second-cont .left-box .large-text {
    margin: -90px 0 100px 40px; 
  }
  .captitle{
    font-size: 19px;
    padding: 13px ;
    margin-top: 30px;
    margin-bottom: 30px;
    letter-spacing: 0.03em;
  }
  .quickpar{
    font-size: 14px;
  }
  .quickpar-small{
    font-size: 14px;
  }
  .textbox01,.textbox02{
    margin-top: 30px;
  }
  .gback{
    background: rgb(220,220,220);
    background: linear-gradient(180deg, rgba(220,220,220,1) 0%, rgba(222,222,222,1) 60%, rgba(248,248,255,1) 97%);
  }
  .textbox03 .quickpar{
    padding-left: 30px;
    padding-right: 30px;
  }
  .textbox03 hr{
    margin-left: 30px;
    margin-right: 30px;
  }
  .capName{
    margin-left: 30px;
  }
  .capName h3, .capName h4{
    font-weight: 400;
    font-size: 16px;
    color:#333333;
    line-height: 1.6;
    letter-spacing: 1px;
  }
  .capName h5{
    padding-top: 10px;
    font-size: 18px;
    font-weight: 500;
    color:#333333;
    line-height: 1.6;
    letter-spacing: 1px;
  }
  .eng{
    font-size: 45px;
    margin-bottom: -50px;
  }

  .third-cont {
    justify-content: center;
    display: block;
    text-align: center;
  }
  .third-cont img {
    width: 95%;
    margin-bottom: 30px;
  }
  .quickpar.center-posi {
    text-align: left;
    margin-top: 0;
  }
  .case-box {
    display: block;
  }
  .case-text-lp {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: -12px;
  }
  .case-right01 {
    margin: -50px 0 0 0;
  }
  .case-text-box {
    margin: -205px 0 80px 40px;
    /* margin: -195px 0 80px 40px; */
  }
  .case-right02.moView img {
    margin-bottom: 0;
  }
  .case-left02 {
    margin-top: -50px;
    margin-right: 0px;
    z-index: 2;
  }
  .case-left02 .case-text-box{
    margin: -205px 0 80px 48px;
    /* margin: -195px 0 80px 48px; */
  }
  .priceTitle{
    font-size: 21px;
  }
  .price-inner-box{
    display: block;
  }
  .no1-posi{
    width: 20%;
    left: 5px;
    margin-bottom: 0;
  }
  .box-cont {
    margin: 0;
  }
  .dis-price {
    margin-left: 0px;
  }
  .unit-price{
    align-items: baseline;
  }
  .outline{
    font-size: 14px;
  }
  .extra-small-num{
    font-size: 20px;
    letter-spacing: 0.1em;
  }
  .mid-num {
    font-size: 40px;
  }
  .extra-large-num {
    font-size: 60px;
    line-height: 1;
  }
  .large-num {
    font-size: 20px;
    letter-spacing: 0.1em;
  }
  .unit-price2{
    margin-top: 30px;
  }
  .unit-price2 img{
    width: 10%;
  }
  .num.text-cus01{
    font-size: 20px;
  }
  .dis-price2{
    margin-top: 20px;
    margin-left:0px;
  }
  .line-posi {
    height: 18px;
    margin-top: -22px;
    opacity: 0.8;
  }

  /* .mov {
    width: 100% !important;
  } */

  /* PCのみ表示 */
  .dView{
    display: none;
  }
  .spaceTop60{
    margin-top: 30px;
  }
  .spaceTop100{
    margin-top: 60px!important;
  }
  .spaceBottom100{
    margin-bottom: 30px;
  }
  .caseImg img{
    padding-bottom: 30px;
  }
  .price-inner-box.les-bottom {
    margin-top: 0px;
  }
  #qlula{
    font-size: 14px;
  }
  #qlula thead .other{
    letter-spacing: 0;
  }
  #qlula thead .us{
    letter-spacing: 0.1;
    font-size: 15px;
  }
  #qlula tbody .us-color{
    font-size: 18px;
  }
  #qlula tbody .us-color.movsize {
    font-size: 15px;
  }
  #qlula th, #qlula td {
    padding-left: 8px;
    padding-right: 8px;
  }

}

@media screen and (min-width:551px) and (max-width:767px) {
  .first-cont .left-box img {
    width: 100%;
  }
  .first-cont .right-box img {
    /* width:100%; */
    margin-top: 100px;
    margin-left: 0px !important;
  }
  .first-cont .right-box .large-text {
    margin-left: 60px;
}
  .large-text {
    margin-top: -100px;
    font-size: 95%;
   }
  .iconPosi {
    text-align: center;
    margin-top: -30px;
    margin-bottom: -50px;
    margin-right: 60px;
  }
  .second-cont .right-box img {
    width: 100%;
  }
  .second-cont .left-box .large-text {
    margin-left: 86px;
  }
  .cusSize80{
    width: 80% !important;
  }
  .textbox01 {
    margin-top: 30px;
  }
  .captitle {
    font-size: 26px;
    padding: 20px 10px;
  }
  .third-cont {
    display: block;
  }
    .third-cont img {
      width: 100%;
      margin-bottom: 30px;
  }
  .case-text-box {
    margin-top: -270px;
    margin-left: 50px;
  }
  .case-text-lp {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: -12px;
  }
  .box-cont {
    margin-left: 0;
  }
  .outline{
    font-size: 14px;
  } 
  .extra-small-num {
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .extra-large-num {
    font-size: 75px;
    line-height: 1;
  }
  .no1-posi {
    width: 15%;
    left:0;
    margin-bottom:0 ;
  }
  .unit-price2 img {
    width:10%
  }
  .text-cus01 {
    font-size: 23px;
    margin-left: 10px;
    letter-spacing: 0.15em;
  }
.large-num {
    font-size: 20px;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    margin: 0 5px;
    margin-top: 10px;
    letter-spacing: 0.1em;
}
.quickpar.cus01 {
  margin-bottom: 0px;
}
.line-posi{
  height: 16px;
  width: 80%;
}
.price-inner-box.les-bottom {
  margin-top: 0px
}
}


/* CTA設定 */
.cta-container {
  margin-top: 20px;
  margin-bottom: 60px;
  width: 100%;
  position: relative;
  display: inline-block;
  text-align: center;
}

.cta-btn {
  border: none;
  background-color: #f57aab;
  width: 600px;
  height: 90px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.15em;
  border-radius: 8px;
  box-shadow: 4px 5px 6px 0 rgba(0, 0, 0, .4);
}

.cta-btn:hover {
  cursor: pointer;
  box-shadow: inset 3px 6px 6px 0 rgba(0, 0, 0, .3);
  color: #f7e498;
}

@media screen and (max-width:550px) {
  .cta-btn {
    font-size: 20px;
    width:300px;
    height: 60px;
  }
}