/* ===================================================================
content
====================================================================== */
.sp_mainvisual_area {
background-color: #fff;
position: absolute;
top: 10px;
left: 10px;
padding: 0px 10px;
font-size: 1.5rem;
font-weight: bold;
}
.sp_mainvisual_area .sp_place_output {
    color: #009845;
}
.indexCV {
  background: #f3f3f3 url(../img/index_txt_mv01_02.jpg) 0 0 no-repeat;
  background-size: 100%;
  padding: 5px 0 1px;
  margin: 0 0 10px 0;
}
.indexCV01 {
    margin: 3px 10px 13px;
}
.pricelist_box{
  position: relative;
}
.pricelist_box .plan_detail{
  position: absolute;
  height: 8%;
  width: 77%;
  bottom:4%;
  right:0;
  display: flex;
}
.pricelist_box .plan_detail a{
  flex-basis: 35%;
}
.pricelist_box .note{
  text-align: right;
}
@media screen and (max-width:320px){
  .pricelist_box .plan_detail{
    bottom:9%;
  }
  .pricelist_box .note{
    text-align: left;
  }
}

.price_introduce_ttl {
  margin: 0 0;
}

.price_introduce_staff {
  margin: 0 0;
  background: url(../img/price_bg.jpg);
  background-size: 21px;
  padding: 15px 0 5px 0;
}

.price_introduce {
  margin: 0 0;
  background: url(../img/price_bg.jpg);
  background-size: 21px;
  padding: 13px 11px;
}

.price_introduce_box {
  margin: 0 0 19px;
}

.price_introduce_box_content {
  background: #fff;
  border: solid #988c85 1px;
  padding: 10px 10px 15px;
}

.price_introduce_box_ttl {
  position: relative;
}

.price_introduce_box_ttl span {
  position: absolute;
  right: 0;
  top: -10px;
  width: 15%;
}


/*料金表*/
.ser_price .inner_price {
  padding: 0 10px 8px;
}
.ser_price .block_table {
  border-bottom: 1px solid #c8c1bd;
}
.ser_price .block_table:last-child {
  border-bottom: none;
}
.ser_price table {
  width: 100%;
  table-layout: fixed;
}
.ser_price table th, .ser_price table td {
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
  background: #ada39e;
  border: 2px solid #f1eae2;
  padding: 5px 2px;
  line-height: 1.2;
}
.ser_price table th.verti span {
  display: inline-block;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
.ser_price table th:first-child {
  border-left: none;
}
.ser_price table th:last-child, .ser_price table td:last-child {
  border-right: none;
}
.ser_price table td {
  background: #fff;
  color: #333;
}
.ser_price table td.red {
  font-size: 16px;
  text-align: center;
  color: #ff5952;
}
.ser_price table td.red .priceBox {
	display: flex;
	justify-content: center;
	align-items: center;
}
.ser_price table td.red .priceBox .unit {
	font-size: 1.9vw;
}
.ser_price table td.red .priceBox .tax {
	font-size: 3vw;
    writing-mode: vertical-lr;
    margin-right: 0.5vw;
}
.ser_price table td.red .priceBox .yen {
	font-size: 3.5vw;
	display: block;
}
.ser_price table td.pd01 {
  padding-left: 7px;
}
.ser_price table th span {
  display: block;
  font-size: 10px;
  line-height: 1;
}
.ser_price table .w01 {
  width: 40px;
}
.ser_price table .w02 {
  width: 30%;
}
.ser_price table .w03 {
  width: 24%;
}

.price_yen {
  padding: 0 0 10px;
}

.price_txt {
  font-size: 14px;
    line-height: 1.7;
  color: #333333;
}

.price_introduce_box_content table {
  width: 100%;
  margin: 7px 0 10px;
}

.price_introduce_box_content tr {
  border-bottom: solid 1px #fff;
}

.price_introduce_box_content th {
  font-size: 14px;
  color: #fff;
  background: #bc9e8f;
  width: 24%;
  border-right: solid 1px #fff;
  padding: 4px 0px;
}

.price_introduce_box_content td {
  background: #f5f0ed;
  font-size: 14px;
  padding: 0 9px;
}

.price_plan_note {
  text-align: right;
}

.service {
  background:  #f1eae2;
}
.price_annotation{
  text-align: left;
  margin-bottom: 20px;
  margin-left: 20px;
}
.service .service_inner {padding: 0 11px 14px;}
.service h2 {
  margin: 0 0% 8px;
}

.price_contain {
  border: solid #cccccc 1px;
  margin: 0 10px 10px;
}

.price_contain_txt {
  background: #fff;
  padding: 7px 11px;
}


.flow h2 {
  margin: 0 0;
}

.flow_inner {
  margin: 0 0;
  padding: 11px 13px 1px;
  background: url(../img/price_flow_bg.jpg);
  background-size: 21px;
}

.flow_block {
  margin: 0 0 15px;
}

.flow_block h3 {
  margin: 0 0 10px;
}

.flow_box {
  background: #fff;
  /* padding: 6px 13px; */
  border: solid #ecc0be 1px;
  display: flex;
  padding: 10px;
}

.flow_box_ttl {
  font-size: 1.75rem;
  background: url(../img/price_border.jpg) no-repeat bottom;
  background-size: 100%;
  margin: 0 0 6px;
}


.flow_block_ttl_ico {
  position: relative;
}

.flow_block_ttl_ico span {
  position: absolute;
  right: 0;
  top: -17px;
  width: 17%;
}

.flow_arrow {
  width: 16%;
  margin: 0 auto;
}

/* 2018.06.14 add */
.flow_box_text{
  width: 77%;
  line-height: 1.4;
  padding-left: 10px;
}
.flow_box_img{
  width: 30%;
}
.sp_reason {
    margin: 0 0% 19px;
    background: url(../img/index_reason_bg.jpg);
    background-size: 100%;
}
.sp_reason_inner {
  background: url(../img/index_reason_bg.jpg);
  background-size: 100%;
  padding: 0 3% 20px;
}
@media screen and (max-width:480px){
  .flow_box_ttl {
    font-size: 1.75rem;
  }
  .flow_box_txt{
    font-size: 1.4rem;
  }
}
@media screen and (max-width:375px){
  .flow_box_ttl {
    font-size: 1.65rem;
  }
  .flow_box_txt{
    font-size: 1.3rem;
  }
}
@media screen and (max-width:320px){
  .flow_box_ttl {
    font-size: 1.55rem;
  }
  .flow_box_txt{
    font-size: 1.2rem;
  }
}
.car_service_area{
    margin-top: 15px;
    display: block;
    background-color: #ffffff;
    border: solid 1px #CAA4C9;
  }
.car_service_box{
  display: flex;
  margin: 15px;
}
.car_service_box>figure{
  width: 38%;
}
.car_service_text{
      margin-top: -3px;
      margin-left: 10px;
      line-height: 1.4;
      width: 60%;
}
.price_introduce{
  padding: 13px 11px 1px;
}
@media screen and (max-width:480px){
  .car_service_text {
    font-size: 14.5px;
  }
}
@media screen and (max-width:375px){
  .car_service_text {
    font-size: 13px;
  }
}
@media screen and (max-width:320px){
  .car_service_text {
    font-size: 11px;
  }
}
.car_service_area .car_service_content {
  padding: 4vw;
}
.car_service_area .car_service_title{
  width:100%;
  background:#978C86;
  text-align:center;
  margin-bottom:3vw;
  padding:1vw;
  font-weight:bold;
  color:#fff;
  font-size:4.8vw;
  border-radius:5vw;
}
.car_service_area .car_service_imgbox{
  width:100%;
  margin-bottom:3vw;
}
.car_service_area .car_service_featurebox{
  width:100%;
}
.car_service_area .car_service_feature{
  width:100%;
  margin-bottom:3vw;
  background:#F4F0ED;
  padding:2vw 3vw;
}
.car_service_area .car_service_featurettl img{
  width:20vw;
}
.car_service_area .car_service_featurettl{
  font-size:4.5vw;
  line-height:2em;
  font-weight:bold;
  margin-bottom:2vw;
}
.sp_reason h2 {
  padding: 0 0 10px;
}
.sp_reason_place {
    padding-top: 0.5%;
    position: absolute;
    color: #fff;
    font-size: 20px;
    text-align: center;
    width: 100%;
    left: 0;
    display: inline-block;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: 600;
}
.sp_reason_block {
    margin: 0 0 10px;
}
.sp_reason_block:nth-child(4) {
    margin: 0 0 0px;
}
.sp_reason_block_inner .left_box {
  width: 100%;
}
.rightImg {
    float: right;
    width: 30%;
    padding: 0 0 0 10px;
}
.sp_reason_block_inner .left_box_txt {
    font-size: 14px;
    line-height: 1.7;
}
.note {
    font-size: 1.0rem;
    color: #999999;
    margin-top: 5px;
}
.sp_reason_block_inner {
    background: #fff;
    padding: 12px;
}
@media screen and (max-width: 414px){
.sp_reason_place {
    padding-top: 1.4%;
}
    }

.sp_flow h2 {
        margin: 0 0 12px;
    }
    .sp_flow_block {
    border: solid #ebbbb9 3px;
    padding: 0;
    }
    .sp_flow_block_inner {
        padding: 10px;
    }
    .sp_flow_block_inner .right_img {
        float: right;
        width: 40%;
        padding: 0 0 0 10px;
    }
    .sp_flow_block_inner .sp_flow_block_inner_txt {
        font-size: 14px;
        line-height: 1.7;
        margin-top: 5px;
    }
    .sp_flow_block_inner .sp_flow_block_inner_ttl {
        font-weight: bold;
        font-size: 16px;
        line-height: 1.7;
    }
.support_block {
    padding: 0 0 13px;
    border-bottom: dotted #908357 2px;
    margin: 0 0 14px;
}
.support_block ul li {
    width: 32.3%;
}
.link_block ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.link_block li {
    width: 48.5%;
    margin-bottom: 10px;
}
.support_block ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*TOP反映分*/
.sp_no_religion {
  /*margin: 0 0%;  20190214 lazyload対応 */
  background: url(../img/index_no_religion_bg.jpg);
  background-size: 5%;
}

.sp_no_religion_inner {
  padding: 10px 10px 0;
}

.sp_no_religion_txt {
  font-size: 1.4rem;
  padding: 0 0 0px;
}

.sp_no_religion_box {
  padding: 0 0 10px;
}
.sp_no_religion_box_ttl {position: relative;}
.sp_no_religion_box_ttl span {position:  absolute;top: -11px;right:  0;width: 17%;}
.sp_no_religion_box_inner {
  border: solid 1px #988c85;
  background: #fff;
}
.sp_no_religion_box_inner_txt {
  font-size: 1.4rem;
  margin: 5px 0 3px;
}
.sp_no_religion_box_inner .note {
    margin-bottom: 7px;
}
.sp_no_religion_place{
  margin-top: 0.5%;
  padding: 0 0.5%;
  position: absolute;
  color: #444444;
  font-size: 15px;
  left: 36.8%;
  display: inline-block;
  border: 1px solid #847268;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: 600;
  line-height: 1.5em;
}
.sp_no_religion_box{
　　padding: 0 0 10px;
}
.sp_no_religion_box {
  margin-top: 10px;
  position: relative;
}
.religion_coment {
  position: absolute;
  top: -1%;
}
.sp_no_religion_box_inner{
  padding: 60px 12px 12px 12px;
}
.sp_no_religion_box_ttl {
  position: initial;
}

.price_flowlist{
  text-align: center;
}
.flowlist_01{
   color: #4a4542;
   position: relative;
   background:#d4d0cd;
   height: 36px;
   font-size: 130%;
   z-index: 1;
   font-weight: bold;
   padding-top: 3px;
   border-radius: 3px;
}

.flowlist_01_01 {
    position: absolute;
    background-color: #f0efee;
    width: 28px;
    height: 28px;
    z-index: 3;
    left: 2.5%;
    bottom: 11%;
    border-radius: 50%;
}

.flowlist_01_01 img {
 width: 65%;
}
.flowlist_02_01 img {
 width: 65%;
}
.under_triangle {
  color: #988c85;
  font-size: 230%;
  margin: -15px;
}

.flowlist_minute{
    position: absolute;
    z-index: 3;
    font-size: 1.2rem;
    right: 3%;
    bottom: 19%;
    width: 23%;
    font-weight: bold;
    height: 59%;
    border-radius: 20px;
    background: #ffffff;
}

.flowlist_02{
   color: #4a4542;
   position: relative;
   background:#f9cdcd;
   height: 36px;
   font-size: 130%;
   z-index: 1;
   font-weight: bold;
   padding-top: 3px;
   border-radius: 3px;
}

.flowlist_02_01 {
    position: absolute;
    background-color: #fdeeee;
    width: 28px;
    height: 28px;
    z-index: 3;
    left: 2.5%;
    bottom: 11%;
    border-radius: 50%;
}
@media screen and (max-width: 375px) {
   .flowlist_01{
   color: #4a4542;
   position: relative;
   background:#d4d0cd;
   height: 36px;
   font-size: 107%;
   z-index: 1;
   font-weight: bold;
   padding-top: 3px;
   border-radius: 3px;
}
.flowlist_02{
   color: #4a4542;
   position: relative;
   background:#f9cdcd;
   height: 36px;
   font-size: 107%;
   z-index: 1;
   font-weight: bold;
   padding-top: 3px;
   border-radius: 3px;
}
.flowlist_minute{
    position: absolute;
    z-index: 3;
    font-size: 0.8rem;
    letter-spacing: -0.8px;
    right: 3%;
    bottom: 19%;
    width: 22%;
    font-weight: bold;
    height: 59%;
    border-radius: 20px;
    background: #ffffff;
}
}
/*@ sourceMappingURL=style.css.map */