@charset "UTF-8";

/*-------------------------------------------------------------------
共通
-------------------------------------------------------------------*/

.tab__box{
  height: 49px;
  padding: 4px;
}

.txtArea-lon textarea,
.txtArea-lon input{
	min-width: 500px;
}

span.text-red{
	color: #cc0000;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 8px;
}


/* もっと見るボタン */
.news__btn--block{
  width: auto;
  height: auto;
  margin: 40px auto 45px;
}
.news__btn--block a {
  width: 214px;
  height: 35px;
  margin: 0 auto;
  line-height: 35px;
  border: 1px solid #59595F;
  color: #59595F;
  font-size: 16px;
  position: relative;
  text-align: center;
}
.news__btn--block a:after {
  content: "▶︎";
  color: #828282;
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
	height: 34px;
}
.news__btn--block a:hover,
.news__btn--block a:hover:after {
  text-decoration: none;
  background: #59595F;
  color: #fff;
}
/* ---------------- */

/* 戻る・確認ボタン */

.welding-contact .btn-set.clearfix {
  margin: 10px auto 30px;
  width: 74%;
}

.welding-contact .btn-set li{
	float: left;
	width: 44%;
  margin: 3%;
}
.primaryBtn.prev:after {
  content: none;
}
/*.primaryBtn.prev:before {
  content: "◀︎";
  color: #fff;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  position: absolute;
}*/
.primaryBtn.prev a {
/*  padding-left: 35px;*/
	background: #666666;
}

.primaryBtn:after {
  display: none;
}

/* ---------------- */

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


/*---------------------------------------
SP
---------------------------------------*/
@media (max-width: 767px) {
	.tab__box{
		font-size: 12px;
	}

.primaryBtn a, .primaryBtn input {
  padding: 0;
}

}

/*-------------------------------------------------------------------
welding.php
-------------------------------------------------------------------*/

.welding-contact table{
	width: 86%;
  margin: 0 auto;
}

.welding-contact table tbody tr{
	display: block;
	margin: 25px 0;
}

.welding-contact table tbody th{
	display: block;
	width: 25%;
  float: left;
}
.welding-contact table .postcode{
  width: 160px;
}
.welding-contact table input.tel,
.welding-contact table input.fax {
  width: 200px;
}

.welding-contact input{
  width: 100%;
  max-width: 280px;
  padding: 5px 7px;
}
.welding-contact textarea {
  padding: 5px 7px;
}
table td {
  width: 75%;
}
table td span {
  display: block;
  width: 100%;
}
table td textarea{
  width: 100%;
}

table td input[type="postal-code"] {
  width: 100px;
}

.welding-contact table tbody input,
.welding-contact table tbody td.inquiry textarea{
	border: 1px solid #dbdcdc;
}

.welding-contact .privacy_policy dl{
  float: none;
  background: #fff;
  color: #000;
  padding: 10px;
	width: 100%;
  height: 180px;
  overflow: auto;
  box-sizing: border-box;
}

.welding-contact .privacy-check td input{
	width: 20px;
}
.welding-contact .privacy-check td{
  display: block;
  margin: 0 auto;
	text-align: center;
}
.welding-contact .privacy-check span {
  display: inline;
  margin: 0;
}

/*-------------------------------------------------------------------
  /contact/recruit/ form.php
-------------------------------------------------------------------*/
.saiyouTable {
  width: 100%;
}
.saiyouTable .heading {
  width: 100%;
  padding: 12px 3%;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: #640000;
}
.saiyouTable tr{
  padding-left: 3%;
  padding-right: 3%;
}
.welding-contact .saiyouTable tr th {
  width: 29%;
}
.saiyouTable tr td {
  width: 65%;
}
.saiyouTable .privacy_policy {
  padding-left: 0;
  padding-right: 0;
  margin-top: 56px;
}
.saiyouTable select{
  height: 32px;
  min-width: 120px;
}
.saiyouTable input[type="radio"] + span{
  display: inline;
  vertical-align: middle;
}
.saiyouTable .radiobtn > span{
  display: inline-block;
  margin-left: 32px;
  width: auto;
}
.saiyouTable .radiobtn > span:first-child {
  margin-left: 0;
}
.saiyouTable .radiobtn > span span {
  display: inline;
}
.saiyouTable tr:after {
  content: "";
  display: block;
  clear: both;
}
.saiyouTable .notice {
  font-size: 12px;
  text-align: right;
}
.saiyouTable .graduationdate td span{
  display: inline-block;
  width: 40px;
  margin-left: 24px;
  margin-right: 4px;
}
.saiyouTable .graduationdate td span:first-child{
  width: 80px;
  margin-left: 0;
}
.saiyouTable .item{
  margin-bottom: 1em;
}
.saiyouTable .item:last-child{
  margin-bottom: 0;
}
.saiyouTable .item span {
  display: inline;
}
.saiyouTable .item .skills{
  display: inline-block;
}
.saiyouTable .item .skills textarea{
  height: 100px;
}
.saiyouTable .item > span {
  margin-right: 8px;
}
.saiyouTable .item .notice {
  display: block;
}
.saiyouTable .shortInput span{
  display: inline-block;
  width: 60px;
  margin: 0 8px;
}
.saiyouTable .item .shortInput{
  margin-left: 24px;
}
.saiyouTable .item .shortInput:first-child{
  margin-left: 0;
}
.saiyouTable td span.wpcf7-custom-item-error {
  display: block;
  width: 100%;
  margin: 0;
}
.saiyouTable td .wpcf7-custom-item-error span.wpcf7-not-valid-tip {
  width: 100%;
}
.saiyouTable .wpcf7-custom-item-error.graduationmonth{
  display: none;
}

input[type="radio"] {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  appearance: button;
  -moz-appearance: button;
  -webkit-appearance: button;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #999999;
  border-radius: 50%;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  outline: none;
}

input[type="radio"]:checked:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 5px;
  background: #17bcdf;
  border-radius: 50%;
}
input.wpcf7c-conf[type="radio"]:checked:after {
  background: #999;
  cursor: default;
}

input:-internal-autofill-selected {
  box-shadow: 0 0 0px 1000px #dedede inset;
}


/*-------------------------------------------------------------------
thanks.php
-------------------------------------------------------------------*/

.welding-contact.thanks .container--sub {
    padding: 80px;
}

.welding-contact.thanks .container--sub > div{
	text-align: center;
}


input[type="button" i], input[type="submit" i],
input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  border: none;
}

.primaryBtn,.primaryBtn input {
  height: 60px;
}

/*---------------------------------------
SP
---------------------------------------*/
@media (max-width: 980px) {

  .welding-contact table tbody th { 
    width: 100%;
    float: none;
  }
  .welding-contact .saiyouTable tr th{
    width: 100%;
  }
  table td {
    display: block;
    width: 100%;
  }
  .welding-contact input {
    max-width: 100%;
  }
}


@media (max-width: 767px) {
	.welding-contact table {
    width: 90%;
  }
  .saiyouTable tr td{
    width: 100%;
  }
  .saiyouTable select {
    width: 100%;
  }
  .saiyouTable .graduationdate td span {
    width: 80px;
  }
  .saiyouTable .item {
    margin-bottom: 10px;
  }
  .saiyouTable .item .shortInput {
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
  }
	.welding-contact table tbody th {
    width: 100%;
	  margin-bottom: 10px;
  }
  .welding-contact input {
    max-width: 100%;
  }
  .txtArea-lon textarea,
  .txtArea-lon input {
    width: 100%;
    min-width: 0;
    max-width: 100%;
	}
	.welding-contact .privacy-check td input {
    width: 25px;
  }

  .welding-contact.thanks .container--sub {
    padding: 45px 3.9vw 5px;
  }
}