/*--------------------
contact.css
--------------------*/

.l-block01{
  padding:22.5rem 0 17.0rem;
  position: relative;
  z-index:1;
  background:#f2f2f2;
  margin-top:-16.5rem;
}
.l-block01-inner{
  max-width:calc(1200px + 6.0rem);
  width:100%;
  margin:0 auto;
  padding:0 3.0rem;
}
.l-block01-table{
  width:100%;
  display:table;
  margin:0 auto;
}
.l-block01-table.type02{
  margin:3.0rem auto 0;
}
.l-block01-table > div{
  display:table-cell;
  vertical-align: top;
  text-align: left;
}
.l-block01-table-left{
  width:35.0rem;
}
.l-block01-table-left h3{
  display:inline-block;
  border-bottom:1px solid #999999;
  padding-bottom:1.0rem;
  text-align: left;
  color:#000000;
  
  font-size:clamp(14px, 2.0rem, 20px);
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0.05em;
}
.l-block01-table-right{
  width:85.0rem;
}
.l-block01-table-right table{
  width:100%;
  display:block;
}
.l-block01-table-right table tbody{
  width:100%;
  display:block;
}
.l-block01-table-right table tbody tr{
  width:100%;
  display:block;
  padding-bottom: 4.0rem;
}
.l-block01-table-right table tr th{
  width:100%;
  display:block;
  text-align: left;
  color:#000000;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0.05em;
}
.l-block01-table-right table tr th span{
  margin-right:1.3rem;
  display:inline-block;
  vertical-align: middle;
  background:#808080;
  border-radius:1.5rem;
  padding:0.1rem 2.0rem;
  text-align: center;
  color:#FFFFFF;
  
  font-size:clamp(12px, 1.4rem, 14px);
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0.05em;
}
.l-block01-table-right table tr th span.hissu{
  background:#f146be;
}
.l-block01-table-right table tr td span.hissu{
  margin-right:1.3rem;
  display:inline-block;
  vertical-align: middle;
  background:#f146be;
  border-radius:1.5rem;
  padding:0.1rem 2.0rem;
  text-align: center;
  color:#FFFFFF;
  
  font-size:clamp(12px, 1.4rem, 14px);
  font-weight:700;
  line-height:1.75;
  letter-spacing: 0.05em;
}
.l-block01-table-right table tr td{
  width:100%;
  display:block;
  padding-top:1.2rem;
  text-align: left;
  color:#333333;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:400;
  line-height: 1.75;
  letter-spacing: 0em;
}
.l-block01-table-right-td-wrapper{
  width:56.0rem;
}
.l-block01-table-right table tr td input[type=text]{
  font-family: 'Noto Sans JP' ,sans-serif;
  margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  
  border-radius:0.8rem;
  width:100%;
  background:#FFFFFF;
  padding:1.2rem 1.5rem;
  text-align: left;
  color:#303838;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:400;
  line-height: 1.75;
  letter-spacing: 0em;
}
.l-block01-table-right table tr td input[type=checkbox]{
  vertical-align: middle;
  margin:0 0;
  margin-right:1.0rem;
  font-family: 'Noto Sans JP' ,sans-serif;
  text-align: left;
  color:#333333;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:400;
  line-height: 1.75;
  letter-spacing: 0em;
}

.l-block01-table-right table tr td select {
  font-family: 'Noto Sans JP' ,sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: transparent;
  
  border-radius:0.8rem;
  width:100%;
  background: url("../images/contact/block01-icon01_pc.png") right 1.5rem  center no-repeat #FFFFFF;
  background-size: 1.5rem auto;
  min-height:1.0rem;
  padding:1.2rem 4.5rem 1.2rem 1.5rem;
  text-align: left;
  color:#303838;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:400;
  line-height: 1.75;
  letter-spacing: 0em;
}
.l-block01-table-right table tr td select:hover {
  cursor: pointer;
}
.l-block01-table-right table tr td textarea{  
  font-family: 'Noto Sans JP' ,sans-serif;
  margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  
  border-radius:0.8rem;
  width:100%;
  background:#FFFFFF;
  padding:1.2rem 1.5rem;
  text-align: left;
  color:#303838;
  
  font-size:clamp(14px, 1.6rem, 16px);
  font-weight:400;
  line-height: 1.75;
  letter-spacing: 0em;
}
.l-block01-table-right table tr td .error{
  text-align: left;
  color:#cc0000;
  
  font-size:clamp(11px, 1.3rem, 13px);
  font-weight:400;
  line-height: 1.75;
  letter-spacing: 0em;
}
.l-block01-btn{
  padding-top:3.5rem;
  text-align: left;
}
.l-block01-btn input[type=submit],
.l-block01-btn a{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  background: transparent;
  
  min-width: 30.0rem;
  border-radius: 4.0rem;
  border: 1px solid #1a1a1a;
  padding: 1.5rem 4.8rem;
  text-align: left;
  display: inline-block;
  background: url(../images/common/common-icon01_pc.png) right 2.4rem center no-repeat #1a1a1a;
  background-size: 1.3rem;  
  transition: 0.3s;
  
  text-align: left;
  color: #FFFFFF;
  font-size: clamp(12px, 1.4rem, 14px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-style: normal;
}
.l-block01-btn input[type=submit]:hover,
.l-block01-btn a:hover{
  background: url(../images/common/common-icon01-2_pc.png) right 2.4rem center no-repeat #FFFFFF;
  background-size: 1.3rem auto;
  min-height: 1.7rem;
  color: #1a1a1a;
}
.mwform-checkbox-field{
  white-space: nowrap;
  min-width:15.0rem;
  display:inline-block;
  vertical-align: top;
  padding-right:2.5rem;
  padding-bottom: 1.0rem;
  margin-left:0 !important;
}
.mwform-checkbox-field label:hover{
  cursor: pointer;
}
.l-block01-table-right > p{
  text-align: left;
  color:#303838;
  
  font-size:clamp(13px, 1.5rem, 15px);
  font-weight:400;
  line-height: 1.75;
  letter-spacing: 0em;
}
.l-block01-table-right > p > a{
  text-align: left;
  color:#303838;
  
  font-size:clamp(13px, 1.5rem, 15px);
  font-weight:700;
  line-height: 1.75;
  letter-spacing: 0em;
}
.l-block01-agree{
  padding-top:3.5rem;
}
.l-block01-agree .mwform-checkbox-field{
  padding-bottom: 0;
}
.l-block01-agree label{
  font-weight:700;
}


@media screen and (max-width: 767.5px) {
  .l-block01{
    padding:25.5rem 0 0;
    position: relative;
    z-index:1;
    margin-top: -16.5rem;
  }
  .l-block01-inner{
    max-width:100%;
    width:100%;
    margin:0 auto;
    padding:0 3.0rem;
  }  
  .l-block01-table{
    width:100%;
    display:block;
    margin:0 auto;
  }
  .l-block01-table.type02{
    margin:3.0rem auto 0;
  }
  .l-block01-table > div{
    width:100%;
    display:block;
    vertical-align: top;
    text-align: left;
  }
  .l-block01-table-left{
    width:100%;
    display:block;
    padding-bottom:5.0rem;
  }
  .l-block01-table-left h3{
    display:inline-block;
    border-bottom:1px solid #999999;
    padding-bottom:1.0rem;
    text-align: left;
    color:#000000;

    font-size:3.2rem;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0.05em;
  }
  .l-block01-table-right{
    width:100%;
    display:block;
  }
  .l-block01-table-right table{
    width:100%;
    display:block;
  }
  .l-block01-table-right table tbody{
    width:100%;
    display:block;
  }
  .l-block01-table-right table tbody tr{
    width:100%;
    display:block;
    padding-bottom: 4.0rem;
  }
  .l-block01-table-right table tr th{
    width:100%;
    display:block;
    text-align: left;
    color:#000000;

    font-size:2.8rem;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0.05em;
  }
  .l-block01-table-right table tr th span{
    margin-right:1.3rem;
    display:inline-block;
    vertical-align: middle;
    background:#808080;
    border-radius:1.5rem;
    padding:0.1rem 2.0rem;
    text-align: center;
    color:#FFFFFF;

    font-size:2.6rem;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0.05em;
  }
  .l-block01-table-right table tr th span.hissu{
    background:#f146be;
  }
  .l-block01-table-right table tr td span.hissu{
    margin-right:1.3rem;
    display:inline-block;
    vertical-align: middle;
    background:#f146be;
    border-radius:1.5rem;
    padding:0.1rem 2.0rem;
    text-align: center;
    color:#FFFFFF;

    font-size:2.6rem;
    font-weight:700;
    line-height:1.75;
    letter-spacing: 0.05em;
  }
  .l-block01-table-right table tr td{
    width:100%;
    display:block;
    padding-top:1.2rem;
    text-align: left;
    color:#333333;

    font-size:2.6rem;
    font-weight:400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block01-table-right-td-wrapper{
    width:56.0rem;
  }
  .l-block01-table-right table tr td input[type=text]{
    font-family: 'Noto Sans JP' ,sans-serif;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border-radius:0.8rem;
    width:100%;
    background:#FFFFFF;
    padding:1.2rem 1.5rem;
    text-align: left;
    color:#303838;

    font-size:2.6rem;
    font-weight:400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block01-table-right table tr td input[type=checkbox]{
    vertical-align: middle;
    margin:0 0;
    margin-right:1.0rem;
    font-family: 'Noto Sans JP' ,sans-serif;
    text-align: left;
    color:#333333;

    font-size:2.6rem;
    font-weight:400;
    line-height: 1.75;
    letter-spacing: 0em;
  }

  .l-block01-table-right table tr td select {
    font-family: 'Noto Sans JP' ,sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;

    border-radius:0.8rem;
    width:100%;
    background: url("../images/contact/block01-icon01_pc.png") right 1.5rem  center no-repeat #FFFFFF;
    background-size: 1.5rem auto;
    min-height:1.0rem;
    padding:1.2rem 4.5rem 1.2rem 1.5rem;
    text-align: left;
    color:#303838;

    font-size:2.6rem;
    font-weight:400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block01-table-right table tr td select:hover {
    cursor: pointer;
  }
  .l-block01-table-right table tr td textarea{  
    font-family: 'Noto Sans JP' ,sans-serif;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border-radius:0.8rem;
    width:100%;
    background:#FFFFFF;
    padding:1.2rem 1.5rem;
    text-align: left;
    color:#303838;

    font-size:2.6rem;
    font-weight:400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block01-table-right table tr td .error{
    text-align: left;
    color:#cc0000;

    font-size:2.4rem;
    font-weight:400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block01-btn{
    padding-top:3.5rem;
    text-align: left;
  }
  .l-block01-btn input[type=submit],
  .l-block01-btn a{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    background: transparent;

    min-width: 30.0rem;
    border-radius: 4.0rem;
    border: 1px solid #1a1a1a;
    padding: 1.5rem 4.8rem;
    text-align: left;
    display: inline-block;
    background: url(../images/common/common-icon01_pc.png) right 2.4rem center no-repeat #1a1a1a;
    background-size: 1.3rem;  
    transition: 0.3s;

    text-align: left;
    color: #FFFFFF;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-style: normal;
  }
  .l-block01-btn input[type=submit]:hover,
  .l-block01-btn a:hover{
    background: url(../images/common/common-icon01-2_pc.png) right 2.4rem center no-repeat #FFFFFF;
    background-size: 1.3rem auto;
    min-height: 1.7rem;
    color: #1a1a1a;
  }
  .mwform-checkbox-field{
    white-space: nowrap;
    min-width:15.0rem;
    display:inline-block;
    vertical-align: top;
    padding-right:2.5rem;
    padding-bottom: 1.0rem;
    margin-left:0 !important;
  }
  .mwform-checkbox-field label:hover{
    cursor: pointer;
  }
  .l-block01-table-right > p{
    text-align: left;
    color:#303838;

    font-size:2.6rem;
    font-weight:400;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block01-table-right > p > a{
    text-align: left;
    color:#303838;

    font-size:2.6rem;
    font-weight:700;
    line-height: 1.75;
    letter-spacing: 0em;
  }
  .l-block01-agree{
    padding-top:3.5rem;
  }
  .l-block01-agree .mwform-checkbox-field{
    padding-bottom: 0;
  }
  .l-block01-agree label{
    font-weight:700;
  }
  
  
}


@media screen and (max-width: 767.5px) {
  
}


@media screen and (max-width: 767.5px) {
  
}