@charset "utf-8";
.pagetitle{
  background-image:url("../images/photo/topimage.jpg");
  background-position:center;
  background-size:cover;
  height:140px;
  position: relative;
}
.pagetitle::before{
    background-color:rgba(0,0,0,0.3);
    position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
.pagetitle h2{
  margin:0 auto;
  position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
  color:#fff;
  font-size:2.0rem;
  font-weight:400;
  white-space:nowrap;
}

@media(min-width:1024px){
.p-background{
display:none;
}
.pagetitle{
  height:250px;
  position: relative;
}
.pagetitle h2{
  font-size:3.0rem;
}
}

.maincost{
  background-color:#f0f0f0;
  padding:70px 20px 100px;
}
.description{
  margin-bottom:30px;
}
.description p{
  font-size:1.4rem;
  font-weight:400;
  text-align:center;
}

table{
  background-color:#fff;
  width:335px;
  margin:0 auto;
}
th{
  color:#fff;
  font-size:0.8rem;
  font-weight:400;
  background-color:#45839a;
  width:95px;
  vertical-align: middle;
}
td{
  font-size:0.8rem;
  font-weight:300;
  line-height:1.4rem;
  border:solid 1px #45839a;
  vertical-align: middle;
  padding:10px;
}
.first-cell {
    background-color: #f0f0f0;
    border-top:solid 1px #f0f0f0;
    border-left:solid 1px #f0f0f0;
}
  tr > th:first-child {
    width:55px;
  }

th[scope="row"] {
  background-color: #fbfbfb;
  border:solid 1px #45839a;
  color:#333;
  font-weight:300;
}
.center{
  display:inline-block;
  text-align:left;
}
  
.supplement{
  margin:20px auto 0;
  display:inline-block;
}
.supplement p{
  font-size:1.2rem;
  font-weight:300;
  line-height:1.8rem;
  text-align:left;
}

@media(min-width:1024px){
  .maincost{
  padding:100px 100px 170px;
}
.description{
  margin-bottom:60px;
}
.description p{
  font-size:1.8rem;
  font-weight:400;
}

table{
  max-width:1035px;
  min-width:800px;
}
th{
  font-size:1.8rem;
  width:180px;
  padding:10px;
}
td{
  font-size:1.8rem;
  line-height:2.4rem;
  padding:20px;
}
  tr > th:first-child {
    width:100px;
  }
  .supplement{
    padding-right:150px;
  }
  
.supplement p{
  font-size:1.6rem;
  line-height:3.0rem;
}  
}

.conclusion{
  padding:100px 20px 80px;
  background-color:#fff;
}
.blueline{
  width:40px;
  border-bottom:solid 2px #45839a;
  margin-bottom:30px;
  margin:20px auto 30px;
}
.conclusion h3{
    color:#1b4453;
  font-size:2.0rem;
  line-height:3.2rem;
  font-weight:400;
}
  .c-flex{
    display:block;
  }
.conclusion img{
  max-width:500px;
  min-width:335px;
  width:100%;
  height:320px;
  object-fit:cover;
  border-radius:30px;
  margin-bottom:40px;
}
.c-description p{
  font-size:1.4rem;
  font-weight:300;
  text-align:left;
}
.pickup{
  color:#1b4453;
  font-size:1.8rem;
  font-weight:500;
  background: linear-gradient(transparent 60%, #f0ff00 60%);
}
  
@media(min-width:1024px){
.conclusion{
  padding:170px 50px 120px;
}
  .blueline{
  width:70px;
  border-bottom:solid 4px #45839a;
  margin:35px auto 80px;
}
.conclusion h3{
  font-size:3.0rem;
}
  .c-flex{
    display:flex;
    flex-flow:row-reverse;
  }
  .c-photo{
    flex:1;
    padding-right:150px;
  }
.conclusion img{
  max-width:400px;
  width:100%;
}
  .c-description{
    flex:1;
    padding:30px 0 0 200px;
  }
.c-description p{
  font-size:1.8rem;
  line-height:3.2rem;
}
  .pickup{
  font-size:3.0rem;
}
}