@charset "utf-8";

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

h4.menu {
    background: #f5cbe7;
    display: block;
    font-size: 2rem;
    padding: 10px 0 10px;
    position: relative;
    text-align: center;
    font-weight: bold;
    color:#000;
    margin-top:10px;
}


.mmBox {
    text-align: left;
    width:96%;
    margin:auto;
    overflow:hidden;
}
.fullBox{
width:100%;
padding-bottom:5%;
margin-bottom:5%;
text-align:center;
display: table;
border-bottom:#ccc 1px solid;
}
.mmBox p{
font-size: 1.6rem;
line-height:2;
margin-top:1%;
}

.caution{font-size:1.2rem;border:1px solid #999;padding:1%;text-align: center;}
.qr img {float:left;width:120px;}

.leftBox {
    display:table-cell;
    width: 54%;
    padding:0 1% ;
}
.rightBox {
    display:table-cell;
    width: 44%;
    padding:0 1% ;
}



.carrier{width:90%;margin: auto;}
.carrier li{width:calc(100% / 3);float:left;}
.carrier li img{max-width:240px;}



.about{text-align: left;}





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

  h3.subttl{
  font-size: 2rem;
  }
  h4.menu{
font-size: 1.6rem;
  }
  .mmBox {
      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;
}



.mmBox p {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top: 15px;
}
.fullBox{
margin-bottom:7%;
}
}