.priceBox,.priceImgBox{
    width: 45%!important;
    box-sizing: border-box;
  }
.priceImgBox img{
    width: 100%;
}
  .priceBox .title{
    text-align: center;
      padding-bottom: var(--space-20);
      border-bottom: 3px solid var(--color-000);
  }
  .priceBox p{
      /* padding-top: var(--space-20); */
      line-height: 1.5;
  }
  .pdr20{
    padding-right: var(--space-20);
  }
  .pd0100{
    padding: 0 100px;
  }

  table{
    width: 100%;
    border-collapse: collapse;
  }
  
  table tr{
    border-bottom: solid 2px white;
  }
  
  table tr:last-child{
    border-bottom: none;
  }
  
  table th{
    position: relative;
    text-align: left;
    width: 30%;
    background-color: #52c2d0;
    color: white;
    text-align: center;
    padding: 10px 0;
    vertical-align: middle;
  }
  
  table th:after{
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top:calc(50% - 10px);
    right:-10px;
    border-left: 10px solid #52c2d0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
  
  table td{
    text-align: left;
    width: 70%;
    text-align: center;
    background: #f4f4f4;
    padding: 10px 0;
  }
  .priceText{
    font-weight: bold;
  }
  .red{
    color:var(--color-red);
  }
  .priceAtten{
    font-size: var(--font-size-14);
  }
  .attenBox{
    background:var(--color-fff);
    padding: 20px;
    margin: 20px 0;
    line-height: 1.5;
    border-radius: 10px;
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.4);
  }

  .bg1{
    background: url(../images/photo/image7.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 0;
    }

  .bg2{
    background: url(../images/photo/image8.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 0;
    }
  .gradColor2{
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.7));    
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: -1;
    }

  .bg3{
    background: url(../images/photo/image9.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 0;
    }
  .gradColor3{
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.6));    
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: -1;
    }

.w100{
    width: 100%;
    margin: 0 auto;
}
.mintL{
  background: var(--color-mint-l);
}
.atten3 span{
  font-size: var(--font-size-28);
  color: var(--color-emerald);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.red span{
  color:var(--color-red)!important;
}
.blue span{
  color:var(--color-blue)!important;
}
.headLineBox .title{
  text-align: center;
  padding-bottom: var(--space-20);
  border-bottom: 3px solid var(--color-000);
  width: 75%;
  margin: 0 auto;
}
.headLineBox .title .yellow{
  background: var(--color-yellow);
}

.totalImgDiv{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.totalImgDiv img{
  width: 100%;
}
.totalContainer{
  display: flex;
  justify-content: space-between;
}
.w50{
  width: 50%;
  margin: var(--space-20);
  box-sizing: border-box;
}

   /* ========================================================== */
   /* ==============  2023スマホ     1024px   ==================== */
   /* ========================================================== */
   @media screen and (max-width:1024px){
    .priceBox,.priceImgBox{
      width: 100%!important;
      box-sizing: border-box;
      margin-top: var(--space-30);
    }
    .totalContainer{
flex-direction: column;
    }
    .w50{
      width: 100%;
      margin: var(--space-20) 0;
    }
    .headLineBox .title{
      width: 100%;
    }
    
    }
     /* ========================================================== */
     /* ==============  2023スマホ     600px   ==================== */
     /* ========================================================== */
     @media screen and (max-width:600px){
        .pageImgContainer .headLine{
            left: 20px;
        }
        .pd0100{
          padding: 0 50px;
        }
        .headLineBox .title{
          width: 100%;
        }
     }