@charset "utf-8";

h3.subttl {
    display: block;
    font-size: 3rem;
    padding: 2% 0 ;
    position: relative;
    text-align: center;
    margin-bottom:10px;
}
h3.subttl span,
h4.menu span{
    font-size: 1.4rem;
    margin-left: 5px;
}

h3.subttl span{display:block;letter-spacing: 0.15em;}



h4.menu {
        background: #fbccdb url("/img/bg_ivy.png") no-repeat scroll -70px -15px;
    display: block;
    font-size: 2rem;
    padding: 10px 0 10px;
    position: relative;
    text-align: center;
    font-weight: bold;
    margin-top:10px;
}
h5.menu{
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  padding-left:2%;
}




.conceptBox {
  margin:0 auto ;
  padding:2% 0 10%;
  overflow: hidden;
  text-align: center;
  max-width: 1350px;
  width:100%;
   background: rgba(0, 0, 0, 0) url("/img/bg_concept_b.png") no-repeat scroll center bottom / 100% auto;
}
.conceptBox p{
font-size:1.6rem;
line-height: 1.8;
text-shadow: 0 0 10px #fff,0 0 15px #fff;
}

.conceptBox h3{
font-size:2.8rem;
color:#ff0087;
margin-bottom:25px;
font-weight:bold; }


.systemBox {
    text-align: left;
    width:96%;
    margin:auto;
    overflow:hidden;
}
.fullBox{
width:100%;
margin-bottom:3%;
text-align:center;
}
.systemBox p{
font-size: 1.6rem;
line-height:2;
margin-top:1%;
}

.systemBox .caution{font-size:1.2rem;border:1px solid #ccc;padding:1%;text-align: center;margin-bottom:20px;}

.systemBox .caution_r{font-size:1.2rem;border:1px solid #fbccdb;padding:1%;text-align: center;margin-bottom:20px;color:#ff0087;}


.leftBox {
    float: left;
    width: 70%;
}
.rightBox {
    float: right;
    width: 28%;
}


.rankbg{
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
}






@media screen and (max-width: 1024px) {

  h3.subttl{
  font-size: 2.4rem;
  }
  h4.menu,h5.menu{
font-size: 1.6rem;
  }
  h3.subttl span, h4.menu span {
    font-size: 1.4rem;
}
  .systemBox {
      margin-top:15px;
      width: 94%;
      border:none;
      padding:0 3%;
  }
.leftBox {
    float: none;
    width: 100%;
}
.rightBox {
    float: none;
    width: 100%;
    margin-top:20px;
}
.ajst{
    margin-top:0px;
}
.systemBox p.creditcall {
    font-size: 1.8rem;
}

table th,
table td {
    font-size: 1.8rem;
}

table.pricelist th,
table.pricelist td {
    font-size: 1.5rem;
}
table.pricelist th span,
table.pricelist td span{
    font-size: 1.2rem;
}
.systemBox p {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top: 15px;
}

}


@media screen and (max-width: 480px) {
.fullBox {
    text-align: left;}
}