@charset "utf-8";

/* スマホ　start */

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


.pc-image-wrapper {
  width:100%;
	height:100%;
	min-height:300px;
  margin: 0px auto;
  text-align:center;
	background-size:cover;
	position:relative;
	background-repeat:no-repeat;
}
.pc-image.lazyloaded {
	background-image:url('../pc/images/pc-main-sp.webp');
  animation-name: fadein-top;
  animation-duration: 2s;
}
.pc-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 #333);
}



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


.pc-about-block {
  margin: 100px auto;
  padding: 0;
  text-align:center;
}
.pc-about-block:after {
  content: '';
  display: block;
  clear: both;
}
.pc-about-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: 400px;
  height:100px;
}

.pc-about-sub {
  margin: 0px 0 0 0;
  padding:0;
  font-size:20px;
  text-align:left;
  font-weight:bold;
  display:block;
  color:#ff6600;
}
.pc-about-block p {
  margin: 20px 0 0 0;
  padding:0;
  font-size:17px;
  text-align:left;
  line-height:1.8;
}

.pc-tel {
  margin: 20px 0 0 0;
  padding:0;
  font-size:18px;
  text-align:left;
  font-weight:bold;
  display:block;
  color:#ff6600;
}
.pc-tel a {
  text-decoration:none;
  color:#ff6600;
}
.pc-about-image {
  margin: 0px 0 0 30px;
  padding:0;
  text-align:right;
  width:360px;
  float:right;
  vertical-align:top;
}

.pc-about-image {
  margin: 0px 0 0 30px;
  padding:0;
  text-align:right;
  width:120px;
  float:right;
  vertical-align:top;
}

.pc-detail-block {
  margin: 60px auto ;
  text-align:center;
  width:94%;
}
.pc-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.pc-detail-image {
  margin: 0;
  text-align:right;
  width:24%;
  float:right;
}
.pc-detail-block h2 {
  margin: 0 auto;
  padding:40px 0 0 0;
  font-size:18px;
  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;
}
.pc-detail-block h3 {
  margin: 40px 0 0 0;
  padding:0;
  font-size:18px;
  text-align:left;
  color:#159a8f;
  border-bottom:dotted #ccc 1px;
}
.pc-detail-block p {
  margin: 10px 0 0 0;
  padding: 0;
  text-align:left;
}

.pc-price-table {
  border-collapse: collapse;
  width: 98%;
  margin:10px auto ;
  text-align:center;
}

.pc-price-table th {
  padding: 10px;
  border: 1px solid #999;
  text-align: center;
  width: 30%;
}
.pc-price-table td {
  padding: 10px;
  border: 1px solid #999;
  text-align:left;
}


}
/* スマホ　end */



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


.pc-image-wrapper {
  width:100%;
	height:100%;
	min-height:900px;
  margin: 0px auto;
  text-align:center;
	background-size:cover;
	position:relative;
	background-repeat:no-repeat;
}
.pc-image.lazyloaded {
	background-image:url('../pc/images/pc-main.webp');
  animation-name: fadein-top;
  animation-duration: 2s;
}
.pc-cp {
 width:45%;
 padding:30px;
 min-width:300px;
 position:absolute;
 top:60%;
 left:65%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 text-align:center;
 background: rgba(255, 255, 255, .75);
 border-radius:30px;
}



.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;
}


.pc-about-block {
  margin: 100px auto;
  padding: 0;
  text-align:center;
}
.pc-about-block:after {
  content: '';
  display: block;
  clear: both;
}
.pc-about-block h2  {
  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;
}

.pc-about-sub {
  margin: 20px 0 0 0;
  padding:0;
  font-size:18px;
  text-align:left;
  font-weight:bold;
  display:block;
  color:#ff6600;
}
.pc-about-block p {
  margin: 20px 0 0 0;
  padding:0;
  font-size:17px;
  text-align:left;
  line-height:1.8;
}
.pc-tel {
  margin: 20px 0 0 0;
  padding:0;
  font-size:18px;
  text-align:left;
  font-weight:bold;
  display:block;
  color:#ff6600;
}
.pc-tel a {
  text-decoration:none;
  color:#ff6600;
}
.pc-about-image {
  margin: 0px 0 0 30px;
  padding:0;
  text-align:right;
  width:360px;
  float:right;
  vertical-align:top;
}


.pc-detail-block {
  margin: 60px auto ;
  text-align:center;
  width:100%;
}
.pc-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.pc-detail-image {
  margin: 0;
  text-align:right;
  width:24%;
  float:right;
}
.pc-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;
}
.pc-detail-block h3 {
  margin: 40px 0 0 0;
  padding:0;
  font-size:18px;
  text-align:left;
  color:#159a8f;
  border-bottom:dotted #ccc 1px;
}
.pc-detail-block p {
  margin: 10px 0 0 0;
  padding: 0;
  text-align:left;
}

.pc-price-table {
  border-collapse: collapse;
  width: 98%;
  margin:10px auto ;
  text-align:center;
}

.pc-price-table th {
  padding: 10px;
  border: 1px solid #999;
  text-align: center;
  width: 30%;
}
.pc-price-table td {
  padding: 10px;
  border: 1px solid #999;
  text-align:left;
}


}
/* PCメイン　end */