@charset "utf-8";

/* スマホ　start */

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


.price-image-wrapper {
  width:100%;
	height:100%;
	min-height:170px;
  margin: 0px auto;
  text-align:center;
	background-size:cover;
	position:relative;
	background-repeat:no-repeat;
}
.price-image.lazyloaded {
	background-image:url('../web/images/price-main-sp.webp');
  animation-name: fadein-top;
  animation-duration: 2s;
}
.price-cp {
 width:60%;
 padding:0px;
 position:absolute;
 top:50%;
 left:50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 text-align:center;
 filter: drop-shadow(1px 1px 1px #fff);
 background:rgba(255,255,255, 0.0);
 border-radius:10px;
}



.contents-wrapper {
 width:90%;
 margin: 0 auto ;
 padding: 0;
 text-align:center;
}
.contents-wrapper:after {
 content: '';
 display: block;
 clear: both;
}


.price-block {
  margin: 60px auto;
  padding: 0;
  text-align:center;
}
.price-block:after {
  content: '';
  display: block;
  clear: both;
}
.price-block h1  {
  margin: 0 auto;
  padding:40px 0 0 0;
  font-size:22px;
  text-align:left;
  color:#333;
  background-image:url('../images/about-title-bg.svg');
  background-repeat:no-repeat;
  background-position: left;
  background-size: 400px;
  height:100px;
}

.price-block p {
  margin: 20px 0 0 0;
  padding:0;
  font-size:17px;
  text-align:left;
  line-height:1.8;
}


.price-detail-block {
  margin: 100px auto ;
  text-align:center;
  width:100%;
}
.price-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.price-detail-block h2 {
  margin: 0 auto;
  padding:40px 0 0 0;
  font-size:20px;
  text-align:left;
  color:#333;
  background-image:url('../images/about-title-bg.svg');
  background-repeat:no-repeat;
  background-position: left;
  background-size: 320px;
  height:80px;
}
.price-detail-block p {
  margin: 10px 0 0 0;
  padding: 0;
  text-align:left;
}
.web-detail-block h3 {
  margin: 0;
  padding:60px 0 0 0;
  font-size:18px;
  text-align:left;
  color:#ea6768;
}
#table-price {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  border-collapse: collapse;
  }
  #table-price th {
  background-color: #f0f0f0;
  padding:5px;
  border:1px #ccc solid;
}
  #table-price td {
  padding:5px;
  border:1px #ccc solid;
}
#table-price .head {
  background-color: #e2e2e2;
}
  #table-price .fixed {
    position: sticky;
    left: 0;
  }
  #table-price .fixed:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 100%;
    border: 1px solid #ccc;
  }


.price-option {
  margin: 60px auto 0;
  padding: 0;
  text-align:left;
}
#table-option{
  border-collapse: collapse;
  width:100%;
}
#table-option td {
  text-align: center;
  width: 80%;
  padding: 10px;
  border: 1px solid #ccc;
}
#table-option th {
  background-color: #f0f0f0;
  width:20％;
  font-size:15px;
  padding: 10px;
  border: 1px solid #ccc;
}

.price-pay {
  margin: 30px auto 0;
  padding: 0;
  text-align:left;
}

}
/* スマホ　end */



/* PC　start */
@media screen and (min-width: 769px) {


.price-image-wrapper {
  width:100%;
	height:100%;
	min-height:300px;
  margin: 0px auto;
  text-align:center;
	background-size:cover;
	position:relative;
	background-repeat:no-repeat;
}
.price-image.lazyloaded {
	background-image:url('../web/images/price-main.webp');
  animation-name: fadein-top;
  animation-duration: 2s;
}
.price-cp {
 width:40%;
 padding:30px;
 position:absolute;
 top:64%;
 left:50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 text-align:center;
 filter: drop-shadow(3px 3px 3px #fff);
 background:rgba(255,255,255, 0.0);
 border-radius:10px;
}



.contents-wrapper {
 width:80%;
 min-width:960px;
 max-width:1400px;
 margin: 0 auto ;
 padding: 0;
 text-align:center;
}
.contents-wrapper:after {
 content: '';
 display: block;
 clear: both;
}


.price-block {
  margin: 100px auto;
  padding: 0;
  text-align:center;
}
.price-block:after {
  content: '';
  display: block;
  clear: both;
}
.price-block h1  {
  margin: 0 auto;
  padding:40px 0 0 0;
  font-size:24px;
  text-align:left;
  color:#333;
  background-image:url('../images/about-title-bg.svg');
  background-repeat:no-repeat;
  background-position: left;
  background-size: 400px;
  height:100px;
}
.price-block p {
  margin: 20px 0 0 0;
  padding:0;
  font-size:17px;
  text-align:left;
  line-height:1.8;
}
.price-detail-block {
  margin: 100px auto;
  padding: 0;
  text-align:center;
}
.price-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.price-detail-block h2 {
  margin: 0 auto;
  padding:40px 0 0 0;
  font-size:22px;
  text-align:left;
  color:#333;
  background-image:url('../images/about-title-bg.svg');
  background-repeat:no-repeat;
  background-position: left;
  background-size: 320px;
  height:80px;
}
.price-detail-block p {
  margin: 10px 0 0 0;
  padding: 0;
  text-align:left;
}
#table-price{
  border-collapse: collapse;
}
#table-price th, #table-price td {
  text-align: center;
  width: 26%;
  min-width: 130px;
  padding: 6px;
  border: 1px solid #ccc;
}
#table-price th {
  background-color: #f0f0f0;
  width:126px;
  font-size:15px;
}
#table-price .head {
  background-color: #e2e2e2;
}
.price-a {
  margin: 0 auto;
  padding: 0;
  text-align:center;
  font-size:18px;
  font-weight:bold;
}
.price-b {
  margin: 4px auto 0;
  padding: 0;
  text-align:center;
  font-size:14px;
}
.price-option {
  margin: 60px auto 0;
  padding: 0;
  text-align:left;
}
#table-option{
  border-collapse: collapse;
  width:100%;
}
#table-option td {
  text-align: center;
  width: 80%;
  padding: 10px;
  border: 1px solid #ccc;
}
#table-option th {
  background-color: #f0f0f0;
  width:20％;
  font-size:15px;
  padding: 10px;
  border: 1px solid #ccc;
}
.price-pay {
  margin: 30px auto 0;
  padding: 0;
  text-align:left;
}

}
/* PCメイン　end */