﻿/** CSS Form Contact **/
table tr td.txt_center,table tr th.txt_center{
  text-align: center;
}
.error{
	/*color: #F38D97;*/	
	color:#F00;
	font-size: 12px;
}
.ttl_section{
  font-size: 22px;
  color: #D25977;
  font-weight: bold;
  padding: 14px 0 14px 24px;
  line-height: 1;
  position: relative;
  border-top: 1px solid #CCC;
  border-bottom: 2px solid #CCC;
/***** UPD v01 *****
  margin-bottom: 50px;
********************/
  margin-bottom: 40px;
/*******************/
}
.ttl_section:before{
  content:"";
  width: 7px;
  height: 15px;
  background-color: #8CCAE2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.gr_tabs_contact ,.gr_tabs_app {
  margin: 0 auto;
}

.gr_tabs_contact ul.tabs,.gr_tabs_app ul.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-bottom: 1px solid #F38D97;
  text-align: center;
  font-size: 0;
}

.gr_tabs_contact ul.tabs li,.gr_tabs_app ul.tabs li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  width: 15.0%;
  background-color: #fff;
  border-top: 1px solid #F38D97;
  border-right: 1px solid #F38D97;
  border-left: 1px solid #F38D97;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #FDEEF0;
}
.gr_tabs_contact ul.tabs li a,
.gr_tabs_app ul.tabs li a {
  display: block;
}
.gr_tabs_contact ul.tabs li span,.gr_tabs_app ul.tabs li span {
  position: relative;
  color: #D25977;
  font-size: 14px;
  font-weight: bold;
}

.gr_tabs_contact ul.tabs li.current,.gr_tabs_app ul.tabs li.current {
  background: #F18E98;
}

.gr_tabs_contact ul.tabs li.current span,.gr_tabs_app ul.tabs li.current span {
  color: #fff;
}

.gr_tabs_contact ul.tabs li.current span:before,.gr_tabs_app ul.tabs li.current span:before {
  background: url(../images/contact/icon_right_active.png) no-repeat;
}

.gr_tabs_contact .tab-content,.gr_tabs_app .tab-content {
  display: none;
}
.tab-content .link_list_bottom {
  margin-bottom: 5px;
}
.tab-content .link_evaluation {
  margin-bottom: 15px;
}
.gr_tabs_contact .tab-content.current,.gr_tabs_app .tab-content.current {
  display: inherit;
}

.link_list_bottom {
  text-align: right;
  margin: 10px 0 15px;
}
.link_list_bottom a{
  font-size: 14px;
  position: relative;
  border-bottom: 1px solid #333;
}
.link_list_bottom a:before{
  content: "※";
  position: absolute;
  top: 0;
  left: -18px;
}
.link_evaluation{
  margin: 15px 0 5px;
  text-align: right;
}
.link_evaluation a{
  font-size: 14px;
}
.tbl{
  width: 100%;
  border-collapse: collapse;
}
/* .tbl-caption {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
} */
.tbl-caption {
  text-align: left;
  background: #8ccae2;
  padding: 5px 10px;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
.tbl tr{
  border-bottom: 1px solid #CCCCCC;
}
.tbl tr:first-child{
  border-top: 1px solid #CCCCCC;
}
.tbl tr td,.tbl tr th{
/***** UPD v01 *****
  padding: 13px;
********************/
  padding: 6px 12px;
/*******************/
  text-align: left;
  font-size: 14px;
}
.tbl tr th{
  width: 35%;
  background-color: #f3f3e0;
  font-weight: normal;
}
.tbl_cus_infor{
  margin-bottom: 40px;
}
.frm_contact .frm_radio {
  display: flex;
  flex-flow: row wrap;
}
/* 
.frm_contact .frm_radio li{
  width: 25%;
} */
/*.frm_contact .frm_radio li:nth-child(2){width: 20%;}*/
/* .frm_contact .frm_radio li:nth-child(3){width: 30%;}*/
.slt_template{
  height: 27px;
  border-radius: 5px; 
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
/***** UPD v01 *****
  width: 150px;
  padding: 0 5px;
********************/
  width: 230px;
/*******************/
  background:#F6F6F6 url(../images/icon_select.png) 95% 5px no-repeat;
  display: inline-block;
}
.list_btn{
  display: inline-block;
}
.list_btn li{
  display: inline-block;
}
.list_btn li a{
  font-size: 13px;
  color: #fff;
  background-color: #EF8F99;
  padding: 4px 7px 3px;
  border-radius: 5px;
}
.list_btn li a:hover{
  opacity: .7;
}
.frm_textarea{
  width: 600px;
  height: 160px;
  resize: none;
  background-color: #F6F6F6;
  padding: 10px;
  border: 1px solid #BBBBBB;
}

.btn_submit{
  font-size: 16px;
  padding: 10px 35px;
  display: inline-block;
  margin: 19px auto 22px;
  text-align: center;
  color: #fff;
  border: 0;
  border-radius: 5px;
/***** UPD v01 *****
  background-color: #ef8f99;
  -webkit-box-shadow: 1px 2px 1px 1px #c17179;
  box-shadow: 1px 2px 1px 1px #c17179;
********************/
  background-color: #EF8F99;
  -webkit-box-shadow: 2px 2px 1px 1px #c17179;
          box-shadow: 2px 2px 1px 1px #c17179;
  background: -moz-linear-gradient(bottom, #B99, #FF9999 50%, #DCC);
  background: -webkit-gradient(linear, left bottom, left top, from(#B99), color-stop(0.5, #FF9999), to(#DCC));
/*******************/
  cursor: pointer;
  width: 226px;
}
.frm_contact{
  margin-bottom: 50px;
}

.frm_contact input, .frm_contact textarea {
	font-size:16px;
}

.frm_control{
  width: 100px;
  height: 34px;
  padding: 0 10px;
  background-color: #F6F6F6;
  border: 1px solid #BBBBBB;
}
.tb_send_messages tr:last-child{
  border-bottom: none;
}
.tbl_messages caption{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.tbl_messages{
  border-collapse: collapse;
  margin-bottom: 50px;
}
.tbl_messages tr{
  border-bottom: 1px solid #CCCCCC;
}
.tbl_messages tr:first-child{
  border-top: 1px solid #CCCCCC;
}
.tbl_messages tr th{
  background-color: #f3f3e0;
  width: 40%;
}
.tbl_messages tr td{
  width: 40%;
}
.tbl_messages tr td,.tbl_messages tr th{
  padding: 13px;
  font-size: 14px; 
  text-align: left;
}
.tbl_messages tr th:nth-child(2){
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  width: 20%;
}
.tbl_messages tr td:nth-child(2){
  border-right: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  width: 20%;
}
.st_tuning_application .gr_tabs_app ul.tabs li{
  width: 30.13%;
}
.txt_acc{
  font-size: 14px;
  margin: 15px 0 48px;
}
.tbl_request{
  margin-bottom: 30px;
}
.tbl_request_infor caption{
  position: relative;
}
.tbl_request_infor{
  margin-bottom: 52px;
}
.tbl_request_infor caption span{
  color: #F28C97;
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 300px;
  font-weight: normal;
}
.txt_red{
  color: #F28C97;
  margin-left: 10px;
}
.txt_small{
  margin: 10px 0 0 7px;
}
.tbl_request_infor small{
  display: block;
  font-size: 11px;
}
.tbl_request_infor tr:last-child{
  border-bottom: 1px solid #CCCCCC;
}
.tbl_request_infor .frm_radio{
  display: block;
}
.tbl_request_infor .frm_radio li{
  width: 100% !important;
}
.tbl_questionnaire .frm_textarea,
.tbl_request_infor .frm_textarea{
  height: 120px;
}
.tbl_questionnaire caption p{
  font-size: 14px;
  font-weight: normal;
}
.tbl_questionnaire small{
  display: block;
  font-size: 11px;
}
.tbl_questionnaire .frm_radio li{
  width: 16%;
}
.tbl_questionnaire .frm_radio li:nth-child(2){
  width: 17%;
}
.tbl_questionnaire .frm_radio li:nth-child(3){
  width: 19%;
}
.tbl_questionnaire .frm_radio li:nth-child(4){
  width: 30%;
}
.tbl_questionnaire .frm_radio li:nth-child(8),
.tbl_questionnaire .frm_radio li:nth-child(9){
  width: 18%;
}
.tbl_questionnaire tr:last-child{
  border-bottom: none;
}
.tbl_questionnaire {
  margin-bottom: 80px;
}

.breadcrumb{margin-bottom: 30px;}
.breadcrumb li{ display: inline-block; margin-right: 20px;}
.breadcrumb li a{ position: relative; text-decoration: underline; }
.breadcrumb li a:after{ 
  content: ">";
  position: absolute;
  top: 0;
  right: -17px;
}

.gr_link{
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.gr_link .list_link li{
  display: inline-block;
  margin-right: 25px;
  position: relative;
}
.gr_link .list_link li:after{
  content: "|";
  position: absolute;
  top: 0;
  right: -15px;
}
.gr_link .list_link li:last-child:after{
  content: none;
}
.gr_link .list_link li a{
  color: #333;
}
.gr_link .list_link li a:hover{
  text-decoration: underline;
}
article{
/***** UPD v01 *****
  margin-top: 50px;
********************/
  margin-top: 20px;
/*******************/
}
article .bx_top_tt{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ttl_article{
  font-size: 18px;
  border-top: 0;
  padding: 7px 0 7px 23px;
  margin-bottom: 15px;
  color: #D25977;
  position: relative;
  font-weight: normal;  
}
.ttl_article:before {
  content: "";
  background-color: #8CCAE2;
  width: 6px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-top: -2px;
}
.about_infor{
  text-decoration: underline;
  padding-left: 25px;
  position: relative;
}
.about_infor:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/icon/icon-n_l.png) left top no-repeat;
  background-size: 100% auto;
}
.main_article .list_new li{
  width: 100%;
  margin-bottom: 10px;
}
.main_article .list_new li p{
  margin-left: 10px;
  text-decoration: underline;
  display: inline-block;
}
.tbl_infor {
  border-collapse: collapse;
}
.tbl_infor tr{
  border-bottom: 1px solid #ccc;
}
.tbl_infor tr:first-child{
  border-top: 1px solid #ccc;
}
.tbl_infor th{
  background-color: #f3f3e0;
}
.tbl_infor td,.tbl_infor th{
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 13px;
  text-align: center; 
  font-weight: normal;
}
.tbl_infor td:first-child,.tbl_infor th:first-child,.tbl_infor td:last-child,.tbl_infor th:last-child{
  border-left: none;
  border-right: none;
}
.tbl_infor td input[type="checkbox"]{
  cursor: pointer;
}
.tbl_infor td:last-child{
  padding: 0;
}
  
.btn-confirm{
  font-size: 16px;
  padding: 5px 12px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -webkit-appearance: none;
/***** UPD v01 *****
  background-color: #ef8f99;
  -webkit-box-shadow: 1px 2px 1px 1px #c17179;
  box-shadow: 1px 2px 1px 1px #c17179;
********************/
  background-color: #EF8F99;
  -webkit-box-shadow: 2px 2px 1px 1px #c17179;
          box-shadow: 2px 2px 1px 1px #c17179;
  background: -moz-linear-gradient(bottom, #B99, #FF9999 50%, #DCC);
  background: -webkit-gradient(linear, left bottom, left top, from(#B99), color-stop(0.5, #FF9999), to(#DCC));
/*******************/
}
.btn_center{
  text-align: center;
}
.btn_center{
  margin: 8px 0 63px;
}
.err_message {
  color: #ff0000;
  text-align: center;
  margin: 30px 0px;
}
.sys_message {
  color: #ff0000;
  text-align: center;
}
.err {
  color: #ff0000;
}

.nav-form {
  background: #F18C9B;
  padding: 10px 0px 0px;
}
.nav-form ul li {
  display: inline-block;
  padding: 0px 15px;
  margin-bottom: 10px;
  border-left: 1px solid #fff;
  line-height: 1;
}
.nav-form ul li:first-child {
  padding-left: 0px;
  border-left: none;
}
.nav-form ul li a {
  color: #fff;
/***** UPD v01 *****/
  text-decoration: underline;
/*******************/
}
.nav-form ul li a:hover {
/***** UPD v01 *****
  text-decoration: underline;
********************/
  text-decoration: none;
/*******************/
}

.user-name {
	text-align:right;
}

/* 調律師ホーム(追加CSS) */
.flex_row01 {
  display:flex;
  padding-bottom:0.2em;
  margin-bottom:0.5em;
/***** UPD v01 *****
  align-items: flex-start;
  margin-left:1em;
  border-bottom:solid 1px #ddd;
********************/
  align-items: center;
  margin-left:0em;
  border-bottom:solid 1px #999;
/*******************/
}

.flex_row01 ul.row_list {
  display: flex;
  flex-wrap: wrap;
/***** UPD v01 *****
  width:75%;
********************/
  align-items: center;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
/********************/
}

.flex_row01 ul.row_list li {
/***** UPD v01 *****
	margin-left:1em;
********************/
	margin-left:0.2em;
/*******************/
}
.row_cbox {
}
.row_dtime {
    font-size: smaller;
}
/***** UPD v01 *****
.row_label1 {
    font-size: 13px;
    color: #fff;
    background-color: #8ccae2;
    padding: 1px 3px 1px;
    border-radius: 0px;
}
********************/
.row_label_order_type1 .row_label_order_type2 {
    font-size: 13px;
    color: #fff;
    padding: 1px 3px 1px;
    border-radius: 0px;
	margin-left:0.2em;
}
.row_label_order_type1 {
    background-color: #8ccae2;
}
.row_label_order_type2 {
    background-color: #01DF74;
}
/*******************/
.row_label2 {
    font-size: 13px;
    color: #fff;
    background-color: #8ccae2;
    padding: 1px 3px 1px;
    border-radius: 0px;
}
.current_sts .current_sts_r .current_sts_g {
	margin-left:0.2em;
}
.current_sts {
	color:#000000;
}
.current_sts_r {
	color:#FF0000;
	font-weight:bold;
}
.current_sts_g {
	color:#060;
	font-weight:bold;
}
.row_title {
	font-weight:bold;
}
.row_name {
    background-color:#F1F1E2;
	padding:0px 4px;;
}
.row_cname {
    background-color:#F1F1E2;
	padding:0px 4px;;
	min-width:2em;
}
.supp_notes {
/***** UPD v01 *****
	font-size:80%;
	margin-left:1.5em;
********************/
	font-size:90%;
	margin-left: 0.2em;
/*******************/
	margin-bottom:1em;
	color:green;
}

.row_btn {
/***** UPD v01 *****
	margin-left:1em;
	margin-bottom:0.5em;
********************/
	margin-left:  3px;
	margin-right: 3px;
/*******************/
}
/***** UPD v01 *****
.row_btn .btn-confirm {
	padding: 2px 10px;
}
********************/
.row_btn02 {
	display: inline-block;
    margin-left: 0;
	margin-bottom: 0.5em;
}
.row_btn .btn-confirm, .row_btn02 .btn-confirm {
	padding: 2px 10px;
}
/***** UPD v01 *****/
.btn-confirm:hover {
  opacity: 0.7;
}
/*******************/

/* ↑調律師ホーム(追加CSS) */



/***** UPD v01 *****/
/* ↓お客様ホーム(追加CSS) */
.inline_row01 {
	display: inline-block;
	width: 100%;
  padding-bottom:0.2em;
  margin-bottom:0.5em;
	border-bottom:solid 1px #999;
}
.flex_row02 {
  display: inline-block;
  margin: 0;
}

.flex_row02 ul.row_list {
  display: flex;
  flex-wrap: wrap;
}
.flex_row02 ul.row_list li {
  margin-left: 5px;
}
/* ↑お客様ホーム(追加CSS) */
/*******************/





@media screen and (min-width: 768px) {
  .box-caption {
    display: block !important;
    height: auto !important;
  }  
}
@media screen and (max-width: 767px) {
  .st_contact_navi .ttl_section {
    margin-bottom: 30px;
  }
  .nav-form ul li {
    padding: 0px 10px;
  }
    .tbl {
        display: block;
    }
    .tbl tbody,
    .tbl tr {
        display: block;
    }
    .tbl tr th,
    .tbl tr td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
/***** UPD v01 *****/
    .tbl th.clo {
        background: #fafaf5;
	}
/*******************/
    .frm_textarea {
        width: 100%;
        box-sizing: border-box;
    }
    .tbl_messages tr th,
    .tbl_messages tr td {
      padding: 5px;
    }
    /*.tbl_messages {
        display: block;
    }*/
    /*.tbl_messages thead,
    .tbl_messages tbody,
    .tbl_messages tr,
    .tbl_messages th,
    .tbl_messages td {
        display: block;
    }
    .tbl_messages tr th,
    .tbl_messages tr td,
    .tbl_messages tr th:nth-child(2),
    .tbl_messages tr td:nth-child(2) {
        width: 100%;
        border: none;
        text-align: center;
        box-sizing: border-box;
    }*/
    .frm_contact .frm_radio {
        display: block;
    }
    .frm_contact .frm_radio li,
    .frm_contact .frm_radio li:nth-child(2),
    .frm_contact .frm_radio li:nth-child(3),
    .tbl_questionnaire .frm_radio li:nth-child(4),
    .tbl_questionnaire .frm_radio li:nth-child(8),
    .tbl_questionnaire .frm_radio li:nth-child(9) {
        width: 100%;
        margin-bottom: 10px;
    }
    .main_article {
      /*width: 800px;*/
      overflow-x: auto;
    }
    .main_article .tbl_infor {
      margin: auto;
      border-collapse: collapse;
      /*overflow-x: auto;
      display: block;*/
      width: 800px;
    }
    .main_article .list_new li {
        margin-bottom: 15px;
    }
    .main_article .list_new li time {
        display: block;
    }
    .main_article .list_new li p {
        display: block;
        margin-left: 0px;
    }
    .gr_link {
        display: block;
    }
    .gr_link .list_link li {
        display: block;
        margin: 0px 0px 15px 0px;
    }
    .gr_link .list_link li:after {
        content: '';
    }
    .gr_tabs_contact ul.tabs,
    .gr_tabs_app ul.tabs {
        display: flex;
        flex-flow: row wrap;
        border-bottom: 1px solid #F38D97;
		align-items: center;
		justify-content: center;
	}
/************************************* TEST */
    .gr_tabs_contact ul.tabs li {
        display: block;
        width: calc(20% - 6px);
        box-sizing: border-box;
        border-radius: 0;
        background: #FDEEF0;
        border: 1px solid #F38D97;
        border-bottom: none;
        margin-left: 4px;
/***** UPD v01 *****/



  border-top-left-radius: 6px;
  border-top-right-radius: 6px;




/*******************/
    }
    .gr_tabs_contact ul.tabs li.current {
      background: #F18E98;
    }
    .gr_tabs_contact ul.tabs li.current span {
      color: #fff;
    }
    .gr_tabs_contact ul.tabs li span {
      font-size: 13px;
/***** UPD v01 *****
      font-size: 3.2vw;
********************/
      font-size: 4.3vw;
/*******************/
      align-self: center;
      display: block;
      color: #D25977;
    }
    .gr_tabs_contact ul.tabs li:nth-child(even),
    .gr_tabs_app ul.tabs li:nth-child(even) {
        
    }
    .slt_template {
/***** UPD v01 *****
        width: 100%;
        margin-bottom: 15px;
/***** UPD v01 *****/
        width: 75%;
		font-size: 16px;
		margin: 0;
		padding: 0;
/*******************/
    }
    .st_tuning_application .gr_tabs_app ul.tabs li {
        width: 100%;
    }
    .gr_tabs_contact ul.tabs li {
      padding: 4px;
    }
    .gr_tabs_contact ul.tabs li:first-child {
      margin-left: 0px;
    }
    /*.st_tuning_application .gr_tabs_app ul.tabs li:nth-child(2) {
        border-left: 1px solid #F38D97;
    }*/
    /*.st_tuning_application .gr_tabs_app ul.tabs li:last-child {
        border-bottom: none;
        border-left: none;
    }*/
    .tbl_infor td:last-child {
        padding: 15px;
    }
    /*tbl_infor,
    .tbl_infor thead,
    .tbl_infor thead tr,
    .tbl_infor thead tr th,
    .tbl_infor tbody,
    .tbl_infor tbody tr,
    .tbl_infor tbody tr td {
        display: block;
    }
    .tbl_infor thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    .tbl_infor tr { border: 1px solid #ccc; }
    .tbl_infor tbody tr td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    .tbl_infor tbody tr td:before  {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    .tbl_infor01 tbody tr td:nth-of-type(1):before { content: ""; }
    .tbl_infor01 tbody tr td:nth-of-type(2):before { content: "申込日時"; }
    .tbl_infor01 tbody tr td:nth-of-type(3):before { content: "申込種別"; }
    .tbl_infor01 tbody tr td:nth-of-type(4):before { content: "お客様名"; }
    .tbl_infor01 tbody tr td:nth-of-type(5):before { content: "都道府県"; }
    .tbl_infor.tbl_infor01 tbody tr td:nth-of-type(6):before { content: "進行状況"; }
    .tbl_infor01 tbody tr td:nth-of-type(7):before { content: ""; }
    
    .tbl_infor tbody tr td:nth-of-type(1):before { content: ""; }
    .tbl_infor tbody tr td:nth-of-type(2):before { content: "メッセージ到着日時"; }
    .tbl_infor tbody tr td:nth-of-type(3):before { content: "タイトル"; }
    .tbl_infor tbody tr td:nth-of-type(4):before { content: "投稿者"; }
    .tbl_infor tbody tr td:nth-of-type(5):before { content: "ハンドル名"; }
    .tbl_infor tbody tr td:nth-of-type(6):before { content: ""; }

    .tbl_infor.tbl_infor02 tbody tr td:nth-of-type(1):before { content: ""; }
    .tbl_infor.tbl_infor02 tbody tr td:nth-of-type(2):before { content: "評価到着日時"; }
    .tbl_infor.tbl_infor02 tbody tr td:nth-of-type(3):before { content: "申込日時"; }
    .tbl_infor.tbl_infor02 tbody tr td:nth-of-type(4):before { content: "ピアノの種類"; }
    .tbl_infor.tbl_infor02 tbody tr td:nth-of-type(5):before { content: "投稿者"; }
    .tbl_infor.tbl_infor02 tbody tr td:nth-of-type(6):before { content: "ハンドル名"; }
    .tbl_infor.tbl_infor02 tbody tr td:nth-of-type(7):before { content: ""; }

    .tbl_infor.tbl_infor03 tbody tr td:nth-of-type(1):before { content: ""; }
    .tbl_infor.tbl_infor03 tbody tr td:nth-of-type(2):before { content: "再提出依頼日時"; }
    .tbl_infor.tbl_infor03 tbody tr td:nth-of-type(3):before { content: "申込日時"; }
    .tbl_infor.tbl_infor03 tbody tr td:nth-of-type(4):before { content: "お客様名"; }
    .tbl_infor.tbl_infor03 tbody tr td:nth-of-type(5):before { content: "都道府県"; }
    .tbl_infor.tbl_infor03 tbody tr td:nth-of-type(6):before { content: "調律実施日"; }
    .tbl_infor.tbl_infor03 tbody tr td:nth-of-type(7):before { content: ""; }

    .tbl_infor.tbl_infor04 tbody tr td:nth-of-type(1):before { content: ""; }
    .tbl_infor.tbl_infor04 tbody tr td:nth-of-type(2):before { content: "申込日時"; }
    .tbl_infor.tbl_infor04 tbody tr td:nth-of-type(3):before { content: "ピアノの種類"; }
    .tbl_infor.tbl_infor04 tbody tr td:nth-of-type(4):before { content: "お客様名"; }
    .tbl_infor.tbl_infor04 tbody tr td:nth-of-type(5):before { content: "都道府県"; }
    .tbl_infor.tbl_infor04 tbody tr td:nth-of-type(6):before { content: "調律実施日"; }
    .tbl_infor.tbl_infor04 tbody tr td:nth-of-type(7):before { content: ""; }*/

    .link_evaluation, 
    .link_list_bottom {
        margin: 15px 0px 35px;
    }
    .tbl-caption {
      text-align: left;
      background: #8ccae2;
      padding: 5px 20px 5px 10px;
      margin-bottom: 10px;
      color: #fff;
      position: relative;
    }
	/* ------------------
    .tbl-caption:after {
      position: absolute;
      right: 5px;
      top: 50%;
      width: 15px;
      height: 10px;
      content: '';
      background: url(../images/icon/arrow-up02.png) left top no-repeat;
      transform: translateY(-50%) rotate(-90deg);
    }
    .tbl-caption.active:after {
      transform: translateY(-50%) rotate(0deg);
    }
    .box-caption {
      display: none;
    }
	-------------------- */
    .btn-confirm {
      /* width: 100px; */
    }
	.supp_notes {
		font-size:90%;
	}
}




/***** UPD v01 *****/
/*
.tbl_general_infor caption{
  position: relative;
}
*/
.tbl_general_infor {
  margin-bottom: 20px;
}
/*
.tbl_general_infor caption {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}
*/
/*
.tbl_general_infor caption span {
  color: #F28C97;
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 300px;
  font-weight: normal;
}
*/





.input_readonly, .input_readonly_nam4 {
  padding: 0 10px;
  font-size: 16px;
  color: #444444;
  border: #888888 1px solid;
  background-color: white;
}
.input_readonly {
  width: 200px;
}
.input_readonly_nam4 {
  width: 100px;
  height: 28px;
}

.input_select {
/*
  background-color: #FFFFCC;
*/
  background-color: #F6F6F6;
  border: 1px solid #BBBBBB;
  height: 34px;
  padding: 0 10px;
  font-size: 16px;
}
.input_textarea {
  width: 400px;
  height: 160px;
  padding: 10px;
}
.input_item {
  height: 34px;
  padding: 0 10px;
}
.input_normal {
  width: 600px;
  padding: 10px;
}
.input_variable {
  width: 100%;
  right: 10px;
}



.input_text1, .input_text2, .input_text3, .input_text4,
.input_num1, .input_num2, .input_num3, .input_num3, .input_num4, .input_date1,
.input_textarea, .input_item, .input_normal, .input_variable {
/*
  background-color: #FFFFCC;
*/
  background-color: #F6F6F6;
  border: 1px solid #BBBBBB;
  font-size: 16px;
  resize: none;
}
.input_text1, .input_text2, .input_text3, .input_text4,
.input_num1, .input_num2, .input_num3, .input_num4, .input_date1 {
  height: 34px;
  padding: 0 10px;
}



.input_text1 {
  width: 80px;
}
.input_text2 {
  width: 150px;
}
.input_text3 {
  width: 200px;
}
.input_text4 {
  width: 400px;
}
.input_num1 {
  width: 30px;
}
.input_num2 {
  width: 40px;
}
.input_num3 {
  width: 80px;
}
.input_num4 {
  width: 100px;
}
.input_date1 {
  width: 100px;
}
/*
.input_wide {
  width: 490px;
}
.input_wide2 {
  width: 640px;
}
.input_wide3 {
  width: 540px;
}
.input_normal2 {
  width: 400px;
}
.input_middle {
  width: 250px;
}
*/


.rule_out div {
	border: 1px solid #969696;
	text-align: left;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 200px;
	margin: 0 auto;
}
.rule_in div {
	line-height: 1.5em;
}


.padding_checkbox input[type="checkbox"] {
	margin-top:    10px;
	margin-bottom: 10px;
}
.padding_label label {
    display: inline-block;
	margin-top:    10px;
	margin-bottom: 10px;
}



.pc_width20 th:nth-child(1) {
  width: 20px;
}
.pc_width70 th:nth-child(1) {
  width: 70px;
}


.sub-title-caption {
  text-align: left;
  position: relative;
  background: #8ccae2;
  padding: 5px 10px;
  color: #fff;
  font-size: 16px;
  margin: 0;
  font-weight: normal;
}



@media screen and (max-width: 767px) {
  .pc_width20 th:nth-child(1), .pc_width70 th:nth-child(1) {
    width: 100%;
  }
  .input_readonly, .input_text3, .input_text4, .input_normal {
    width: 100%;
    box-sizing: border-box;
  }
  .tab-content table th {
    border-bottom: 1px solid #DDDDDD;
  }
  .tab-content table th.clo {
    background: #fafaf5;
  }
  .sub-title-caption {
    text-align: left;
    background: #8ccae2;
    padding: 5px 20px 5px 10px;
    color: #fff;
    position: relative;
  }
}

/*******************/
