#wrapper .shop-dtl__btn-rsv {
width:520px;
}
#wrapper .inpage-section {
    border-top: none!important;
}

.bnr001{
    width:90%;
    margin:20px auto 20px;
}

.shop-dtl__btn-blc{
border-top:none!important;
}

h3.catch{
    text-align: center;
    font-size:28px;
    padding:0 24px;
    font-weight:500;
    margin-bottom:30px;
}

.grayback{
background-color: #F0F0F0;;
}

.grayback h3{
margin:20px auto;
text-align:center;
font-size:30px;
padding:60px 12px 20px;
}

.grayback .details{
width:80%;
margin:0 auto;
}


.grayback h4{
margin:0 auto 5px;
text-align:left;
font-size:20px;
padding:0 12px;
}

.grayback p{
margin:0 auto 30px;
padding:0 12px;
font-size:18px;
line-height:1.5;
}

/*section.order-flow .order-flow_steps{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap:30px 15px;
    margin:0 auto 40px;
    padding:0 4px;
}

section.order-flow .order-flow_steps .steps{
    width:22%
}

section.order-flow .order-flow_steps .steps p{
 padding:0 4px 12px;
}*/

/*flow*/

section .flex_box2 {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

section.order_flow ul {
  margin-top: 50px;
}
section.order_flow ul li {
  width: 32.1666666667%;
}
section.order_flow ul li h4 {
  font-size: 18px;
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 10px;
  letter-spacing: 1.5;
  font-weight: 500;
  text-align: center;
}
section.order_flow ul li div.text {
  width: 100%;
  /*position: relative;
  white-space: nowrap;*/

}
section.order_flow ul li p {
 /* font-size: clamp(12px, 2vw, 24px);
  line-height: 1.4166666667;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  letter-spacing: -1px;*/
  margin:0 auto!important;
  width:90%;
  font-size:14px;

}
section.order_flow ul li:nth-of-type(n+4) {
  margin-top: 80px;
}


.fair-dtl{
margin:0 auto 40px;
}

.fair-dtl .fair_details{
padding:0 48px;
margin:0 auto 60px;
}

.fair-dtl h3{
margin:50px auto;
text-align:center;
font-size:28px;
padding:0 12px;
}

.fair-dtl h4{
margin:20px auto 5px;
text-align:left;
font-size:24px;
padding:0 12px;
}

.fair-dtl p{
margin:0 auto 30px;
padding:0 12px;
font-size:18px;
}

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

    #wrapper .shop-dtl__btn-rsv {
width:90%;
}
    #wrapper .inpage-section__inner {
        padding: 0;
        width: 100%;
        padding-bottom:20px;
    }
    #wrapper .inpage-bnr-area {
        padding: 0px 10px 20px!important;
    }

  section.order-flow .order-flow_steps .steps{
    width:47%
}  

h3.catch{
    text-align: center;
    font-size:16px;
    padding:0 12px;
    font-weight:500;
    margin-bottom:30px;
}


.grayback .details{
width:95%;
margin:0 auto;
padding-bottom:20px;
}

.grayback h3{
margin:20px auto;
text-align:center;
font-size:18px;
padding:40px 12px 20px;
}
.grayback h4{
margin:0 auto 5px;
text-align:left;
font-size:16px;
padding:0 12px;
}
.grayback p{
margin:0 auto 30px;
padding:0 12px;
font-size:14px;
}

.fair-dtl .fair_details{
padding:0 0;
margin:0 auto 60px;
}

.fair-dtl h3{
margin:50px auto 30px;
text-align:center;
font-size:18px;
padding:0 12px;
}

.fair-dtl h4{
margin:20px auto 5px;
text-align:left;
font-size:16px;
padding:0 12px;
}

.fair-dtl p{
margin:0 auto 30px;
padding:0 12px;
font-size:14px;
}

section .flex_box3 {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap:10px;
}
section.order_flow ul {
  margin-top: 3.125vw;
}
section.order_flow ul li {
  width: 100%;
}
section.order_flow ul li h4 {
  font-size: 16px;
  line-height: 1;
  margin-top: 2px;
  margin-bottom: 2.0833333333vw;
  letter-spacing: 2;
  text-align: left;
}
section.order_flow ul li div.img {
  width: 45%;
}
section.order_flow ul li div.text {
  width: 50%;
}
section.order_flow ul li p {
    width:100%;
    padding-right:3px;
  font-size: 13px;
  line-height: 1.4166666667;
}
section.order_flow ul li:nth-of-type(n+3) {
  margin-top:none;
}

section.order_flow ul li {
  margin-top: 5.2083333333vw!important;
}
}