/*
Theme Name: Studio-and-art
Theme URI: http://studio-and-art.com
Description: Studio and Artのテーマです。
Version: 1.0
Author: Shu Morikawa
Author URI: https://studio-and-art.com
*/

@charset "UTF-8";


/*pc*/

/*mv*/
.service_mv-img {
  background-image: url(../images/mv_service.jpg);
  background-size: cover;
  width: 100%;
  height: 250px;
  background-position: 50% -10%;
  margin: 0 auto;
}


/*service*/
.service{
  margin-bottom: 120px;
}

.service_summary {
  padding-bottom: 55px;
}

.service_summary p {
  max-width: 640px;
  margin: 0 auto;
  padding-bottom: 8px;
  text-align: justify;
}

.plan, .plan_comment {
  width: 750px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.plan_comment {
  font-size: 14px;
}

table {
  border-collapse: collapse;
}

th,td {
  vertical-align: middle;
  border: solid 1.5px #373a36;
  background-color: #fff;
}

th {
  height: 40px;
  background-color: #fce300;
  font-weight: 600;
}

.plan-td1 {
  width: 200px;
  height: 100px;
  text-align: center;
}

.plan-td2 {
  width: 430px;
  padding-left: 15px;
}

.plan-td3 {
  width: 120px;
  text-align: center;
}

.plan-td2 .plan-time {
  margin-top: 7px;
  font-size: 14px;
}

.plan-td3-comment {
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.3;
}

.service_summary {
  padding-bottom: 25px;
}


/*sp_media*/
@media screen and (max-width: 840px) {

/*mv_sp*/
  .service_mv-img {
    background-position: 60% 0%;
  }

/*plan_sp*/
  .plan, .plan_comment {
    width: 100%;
    margin: 0 auto;
  }
  
  .plan_comment {
    line-height: 1.6;
    margin-top: 5px;
    width: auto;
  }
  
  .plan-td1, .plan-td2, .plan-td3 {
    display: block;
    padding: 12px 10px;
    text-align: left;
    width: calc(100% - 12px - 10px);
  }
  
  .plan-td1 {
    text-align: center;
    margin-top: 20px;
    padding: 15px auto;
    height: auto;
    vertical-align: middle;
    font-weight: 600;
    background-color: #fce300;
  }
  
  .plan_comment {
    width: auto;
  }

}