@charset "UTF-8";
/*-------------------------------
mail_common
-------------------------------*/
.mail{
margin: 0 auto 10%;
}
.mail .mailFormBlock {
font-size: 0.85rem;
margin: 0 auto;
width: 75%;
max-width: 1000px;
}
.mail .mailFormBlock h2 {
text-align: center;
font-size: 1.3rem;
margin: 0 0 5%;
}
.mail .leadText{
text-align: center;
margin: 0 0 3%;
font-size: 0.9rem;
line-height: 1.5rem;
}
.mail .formTable{
border-top: 1px solid #4d4d4d;
margin:1.5% auto 5%;
width: 75%;
}
.mail .formTable th{
padding: 6% 0 3%;
text-align: left;
width: 28%;
}
.mail .formTable td{
padding: 3% 0 0;
line-height: 1.5rem;
}

.mail .formTable tr:nth-child(1) span:nth-child(1){
margin: 0 1rem 0 0;
}
.mail .formTable tr .rubi{
color: #666666;
font-size: 0.7rem;
margin: 0;
}
.mail .formTable tr:nth-child(2) span:first-child:before{
/*content: "〒";*/
}
.mail .formBtn{
background: url(../../common/img/mail/send_off_pc.png) no-repeat center;
background-color: #fff;
background-size:61px auto;
border: 1px solid #c01a2b;
border-radius: 3px;
box-sizing: border-box;
display: block;
margin: 0 auto 5%;
max-width: 370px;
padding: 0;
width: 100%;
height: 50px;
transition: .2s;
}
.mail .formBtn:hover{
background: url(../../common/img/mail/send_on_pc.png) no-repeat center;
background-color: #c01a2b;
background-size:61px auto;
cursor: pointer;
}
.mail .backBtn{
font-size:0.8rem;
color:#000;
background: transparent;
border: none;
display: block;
text-decoration: underline;
transition: all 0.2s ease 0s;
margin: 0 auto;
}
.mail .backBtn:hover{
cursor: pointer;
opacity: 0.7;
}
/*mail_form*/
.conform h2{
max-width: 155px;
margin: 0 auto 2%;
}
.bgLayerBlock{
background: url(../../common/img/kodawari/kame/kame_bg_pc.jpg) left center repeat;
padding: 2% 0;
}
.conform .tableBlock,
.conform .discListBlock{
max-width: 1000px;
margin: 0 auto;
}
.conform .discListBlock{
margin: 0 auto 5%;
font-size: 0.9065rem;
line-height: 1.5;
}
.conform .discListBlock strong{
color: #c01b2c;
font-weight: 600;
}
.conform .tableBlock .icon-freephone{
color: #c01b2c;
font-size: 1.813rem;
vertical-align: middle;
margin: 0 10px 0 0;
}
.conform .tableBlock th{
width: 36%;
text-align: left;
vertical-align: middle;
padding: 1% 0 4%;
}
.conform .tableBlock td{
width: 64%;
padding: 1% 0 4%;
line-height: 1.5;
}
.conform .tableBlock p{
font-size: 0.9065rem;
line-height: 1.5;
}
.conform .tableBlock .fax{
font-size: 1.188rem;
}
.conform .tableBlock .fax i{
margin: 0 1%;
}
.conform .mailFormBlock{
max-width: 1000px;
}
.conform .tableBlock .spTelBlock{
vertical-align: middle;
display: inline-block;
line-height: 1.813;
}
.conform .tableBlock .spTelBlock a{
font-size: 1.813rem;
color: #c01b2c;
display: inline-block;
line-height: 1;
}
/*form*/
.conform .formTable {
margin: 0;
width: 100%;
}
.conform .formTable th{
font-size: 0.9065rem;
width: 41%;
}
.conform textarea{
height: 278px;
}
.conform .formTable tr:not(:nth-child(1)){
border-top: 1px solid #bebebe;
}
.conform .formTable th {
padding: 0;
vertical-align: middle;
}
.conform .formTable td {
padding: 20px 0;
}
.conform .formTable label {
margin: 0;
}

.conform .formTable .colItem1 {
margin: 0 2% 0 0;
}
/*send*/
.mail.conform {
margin: 0 auto;
}
.mail.conform .bgLayerBlock {
padding: 2.5% 0;
}
.mail.conform h2 {
margin: 0 auto 3%;
}
.mail.conform .leadText{
font-size: 1.063rem;
text-align: center;
}
.mail.conform .formTable{
margin: 0 0 5%;
}
.mail.conform .formTable{
border-top: 1px solid #bebebe;
}
@media screen and (max-width: 1000px) {
.conform .mailFormBlock,
.conform .tableBlock,
.conform .discListBlock{
max-width: 95%;
margin: 0 auto 10%;
}
.conform .tableBlock th {
padding: 1% 3% 6%;
}
}
/*-------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px){
.mail,
.mail.conform{
margin: 140px auto 8%;
}
.mail .mailFormBlock {
width: 80%;
}
.mail .formTable {
width: 100%;
}

.mail .formTable tr:nth-child(1) span:nth-child(1){
margin: 0;
display: block;
}
.mail .formTable tr:nth-child(1) span:nth-child(1):before {
margin: 0 0.5rem 0 1.5rem;
}
.mail .formTable th{
display: block;
font-weight: bold;
width: 100%;
}
.mail .formTable td{
display: block;
padding: 0 0 0 1rem;
width: 100%;
}
/*conform */
.conform .mailFormBlock {
width: 90%;
}
.conform .bgLayerBlock,
.mail.conform .bgLayerBlock{
padding: 10% 0;
}
.conform .tableBlock th {
padding: 1% 5% 6%;
font-size: 0.913rem;
}
.mail.conform .leadText {
font-size: 1rem;
text-align: center;
margin: 0 0 10%;
}
.conform .tableBlock .icon-freephone,
.conform .tableBlock .spTelBlock a {
font-size: 1.5rem;
}
.conform .tableBlock .spTelBlock {
line-height: 1.5;
}
.conform .formTable tr:nth-child(1) label, .formTable tr:nth-child(2) label,
.conform .formTable tr label.colItem1 {
margin: 0;
}
.conform .formTable th,
.conform .formTable td {
padding: 7.5% 0;
}
.conform .formTable td {
padding: 0 0 7.5%;
}
.conform .mailFormBlock form p.cb01{
font-size: 0.9065rem;
padding: 7.5% 0;
}
/*send*/
.conform.mail .formTable tr span,
.conform.mail .formTable tr .rubi {
  display: inline-block !important;
}
.conform .formTable tr .rubi{
padding: 0 0.5rem 0;
}
}

.tel_link span{
	background-color: #00B900 ;
}