@charset "utf-8";
main{
  margin: 0 auto;
}
.pageTitle{
  padding-left: 0;
}
.telImage {
  position: absolute;
  top: 0;
  right: 0px;
  width: 80px;
  /* width: 150px; */
  height: 100%;
  /* display: none; */
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 50;
}

.telImage img {
  height: 100%;
}

/* safariのみ */
  _::-webkit-full-page-media, _:future, :root .telImage {
    height: 670px !important;
  }
  _::-webkit-full-page-media, _:future, :root .telImage img {
    height: 670px !important;
  }


.contactBox {
  position: relative;
  width: 100%; /* 100% - 130px - 75px */
  height: auto;
  margin: 0 130px 0 75px;
  color: #595757;
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contactBoxLeft {
  width: 17%;
  height: auto;
}

.contactBoxLeftTop {
  width: 100%;
  height: 60px;
}

.contactBoxLeftTop p {
  font-size:  1.4rem;
  line-height: 2.4rem;
}

.contactBoxLeftMain {
  width: 100%;
  height: auto;
}

.requiredText {
  position: absolute;
  top: 250px;
  left: 0;
  font-size: 1.4rem;
}

.requiredText p {
  padding: 0 0 0 33px;
}
.requiredText p::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("../img/contact/required-star.png");
  background-size: contain;
  display: inline-block;
}

.contactBoxRight {
  width: 83%;
  height: auto;
}

.contactBoxRightTop {
  width: 100%;
  height: auto;
  /* padding: 0 0 0 40px; */
  margin: 0 0 36px 0;
  box-sizing: border-box;
}

.contactBoxRightTop p {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.contactBoxRightTopSp {
  display: none;
}

.contactBoxRightMain {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.form {
  font-size: 1.2rem;
}

.form .formShown {
  display: block;
}
.form .formHidden {
  display: none;
}

.form .contactStep {
  width: 100%;
  height: auto;
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
  margin: 0 0 36px 0;
}

.form .contactStepBox {
  width: 30%;
  height: 60px;
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  color: #595757;
  box-shadow: 0 0 1px 1px #595757 inset;
}
.form .contactStepBox.contactStepCurrent {
  background-color: #595757;
  color: #fff;
}
.form form.sent .contactStepBox.contactStepCurrent {
  background-color: #fff;
  color: #595757;
}
.form form.sent .contactStepBox.contactStepLast {
  background-color: #595757;
  color: #fff;
}


.form .contactStepArrow {
  position: relative;
  width: 5%;
  height: 60px;
}
.form .contactStepArrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #595757;
  border-right: 1px solid #595757;
  -webkit-transform: rotate(45deg) translate(-10px, 0px);
  transform: rotate(45deg) translate(-10px, 0px);
}

.form .contactStepNumber {
  margin: 0 0 10px 0;
}

.form .formBlock {
  margin: 0 0 30px 0;
}
.form .formBlock.address,
.form .formBlock.address2,
.form .formBlock.resume,
.form .formBlock.resume2 {
  margin: 0 0 12px 0;
}

.form .formBlock .formBlockText {
  line-height: 2.5rem;
}
.form .formBlock.contactMeans .formBlockText {
  margin: -5px 0 0 0;
  line-height: 2rem;
}
.form .formBlock.file .formBlockText {
  line-height: 2rem;
}
.form .formBlock.where .formBlockText {
  margin: 18px 0 0 0;
  line-height: normal;
}

.form .formBlock > p:first-child,
.form .contactTimeDay > p:first-child,
.form .contactTimeHour > p:first-child,
.form .contactTimeOther > p:first-child {
  position: relative;
  font-size: 1.4rem;
  display: inline-block;
}
.form .formBlock.employment > p:first-child::after,
.form .formBlock.name > p:first-child::after,
.form .formBlock.nameRuby > p:first-child::after,
.form .formBlock.responsibleName > p:first-child::after,
.form .formBlock.email > p:first-child::after,
.form .formBlock.emailConfirm > p:first-child::after,
.form .formBlock.resume > p:first-child::after,
.form .formBlock.resume2 > p:first-child::after,
.form .formBlock.birth > p:first-child::after,
.form .formBlock.age > p:first-child::after,
.formRec .formBlock.where > p:first-child::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -25px;
  width: 15px;
  height: 15px;
  background-image: url("../img/required-star.png");
  background-size: contain;
  background-position: top 0 right 0;
  background-repeat: no-repeat;
  display: inline-block;
}
.formRec .formBlock.message > p:first-child::after {
  background-image: none;
}

.form .formBlock > p:last-child {
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form .formBlock.file > p:nth-child(2) {
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.form .birth > p:last-child,
.form .age > p:last-child {
  line-height: 60px;
  margin: 0 0 -20px 0;
}
.form .birth > p:last-child span.wpcf7-not-valid-tip,
.form .age > p:last-child span.wpcf7-not-valid-tip {
  line-height: 12px
}

.form label {
  height: auto;
  display: inline-block;
}

.form label span {
  position: static;
}

.form input {
  height: 34px;
  margin: 9px 0 0 0;
  padding: 0 11px 0 11px;
  background-color: #efefef;
  color: #595757;
  font-size: 1.6rem;
  border: none;
  border-radius: 6px;
  box-sizing: border-box;
  transform: scale(0.88);
  transform-origin: top left;
  display: block;
}
.form textarea {
  margin: 9px 0 0 0;
  padding: 11px 11px 11px 11px;
  background-color: #efefef;
  color: #595757;
  font-size: 1.6rem;
  font-family: "mplus-1c-regular", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  border: none;
  border-radius: 9px;
  box-sizing: border-box;
  transform: scale(0.88);
  transform-origin: top left;
  display: block;
}
.form select {
  height: 34px;
  margin: 9px 0 0 0;
  padding: 0 11px 0 11px;
  background-color: #efefef;
  color: #595757;
  font-size: 1.6rem;
  border: none;
  border-radius: 6px;
  box-sizing: border-box;
  transform: scale(0.88);
  transform-origin: top left;
  display: block;
}
.form input::placeholder,
.form textarea::placeholder {
  color: #999999;
}
.form input:-webkit-autofill,
.form select:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #efefef inset;
  -webkit-text-fill-color: #595757 !important;
}

.tel input,
.mobile input,
.contactTimeDayFirst select,
.contactTimeDaySecond select,
.contactTimeHourFirst select,
.contactTimeHourSecond select,
.companyName input,
.zipcode input,
.region select,
.address2 input,
.address3 input,
.where select,
.responsibleName input,
.position input {
  width: 341px;
}
.email input,
.emailConfirm input,
.address input,
.whereText input,
.occupations select,
.portfolioURL input {
  width: 682px;
}
.message textarea,
.contactTimeOther textarea,
.pr textarea {
  width: 682px;
  height: 102px;
  resize: none;
}
.name input,
.nameRuby input {
  width : 313px;
}
.last-name input, .last-name-ruby input {
  margin-right: 10px;
}
.birthmonth select, .birthday select {
  margin: 9px 0 0 10px;
}

.contactTimeDay,
.contactTimeHour,
.contactTimeOther {
  margin: 18px 0 0 0;
}

.file > p:nth-child(2) {
  width: 90%;
  margin: 0 0 4px 0;
}
.file label:first-child {
  width: 300px;
  margin: 0 41px 0 0;
  cursor: pointer;
}
.file p label#dummyFileButton,.file p label#dummyFileButton2 {
  width: 100px;
  height: 30px;
  margin: 8px 0 0 0;
  background-color: #efefef;
  border-radius: 3px;
  cursor: pointer;
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
  	-ms-flex-pack: center;
  justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
      margin-right: 10px;
}
.file input#dummyTextBox,.file input#dummyTextBox2 {
  width: 341px;
  pointer-events: none;
}
.file input#file,.file2 input#file2 {
  display: none;
}
span.file {
  margin: 8px 0 8px 0;
}

.acceptance {
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
}

.acceptance label {
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  justify-content: flex-start;
}

.acceptance input {
  width: 20px;
  height: 20px;
  margin: 3px 0 0 0;
}

.acceptance label span {
  display:-webkit-box;
  display:-ms-flexbox;
display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acceptanceText {
  display: inline;
  margin: 0 0 0 10px;
}

.contactType {
  position: absolute;
  top: 60px;
  left: 0;
  width: 15%;
}
.contactMeans > p > span > span,
.businessFormat > p > span > span,
.service > p > span > span,
.resume > p > span > span,
.resume2 > p > span > span,
.portfolio > p > span > span {
  height: 30px;
  margin: 8px 0 0 0;
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
}
.contactMeans > p > span > span > span,
.businessFormat > p > span > span > span,
.service > p > span > span > span,
.resume > p > span > span > span,
.resume2 > p > span > span > span,
.portfolio > p > span > span > span,
.acceptance > span > span > span {
  margin: 0 0 0 60px;
}
.contactMeans > p > span > span > span:first-child,
.businessFormat > p > span > span > span:first-child,
.service > p > span > span > span:first-child,
.resume > p > span > span > span:first-child,
.resume2 > p > span > span > span:first-child,
.portfolio > p > span > span > span:first-child,
.acceptance > span > span > span:first-child {
  margin: 0 0 0 0;
}
.contactType > p > span > span > span {
  margin: 0 0 0 0;
}
.contactMeans > p > span > span > span,
.contactType > span > span > span,
.businessFormat > span > span > span,
.service > span > span > span,
.resume > span > span > span,
.resume2 > span > span > span,
.portfolio > span > span > span {
  width: auto;
}
.contactMeans .contact-means label,
.businessFormat label,
.service label,
.resume label,
.resume2 label,
.portfolio label {
  position: relative;
  margin: 0 0 0 0;
}
.contactType label {
  position: relative;
  margin: 0 0 20px 0;
}
.contactMeans .contact-means label,
.contactType label,
.businessFormat label,
.service label,
.resume label,
.resume2 label,
.portfolio label {
  width: auto;
  height: auto;
  cursor: pointer;
    display : -webkit-inline-box;
  	display : -ms-inline-flexbox;
  	display : -webkit-inline-flex;
  display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  justify-content: flex-start;
}
.contactMeans .contact-means label::before,
.contactType label::before,
.businessFormat label::before,
.service label::before,
.resume label::before,
.resume2 label::before,
.portfolio label::before,
.acceptance label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #727171;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  z-index: 1;
}
.contactMeans .contact-means label.selected::before,
.contactType label.selected::before,
.businessFormat label.selected::before,
.service label.selected::before,
.resume label.selected::before,
.resume2 label.selected::before,
.portfolio label.selected::before,
.acceptance label.selected::before {
  background-color: #727171;
  border: 1px solid #fff;
}
.contactMeans .contact-means label input,
.contactType label input,
.businessFormat label input,
.service label input,
.resume label input,
.resume2 label input,
.portfolio label input,
.acceptance label input {
  /* position: relative; */
  width: 11px;
  height: 11px;
  margin: 6px 6px 6px 6px!important;
  overflow: visible;
  opacity: 0;
}
.contactMeans .contact-means label span,
.contactType label span,
.businessFormat label span,
.service label span,
.resume label span,
.resume2 label span,
.portfolio label span {
  height: 20px;
  padding: 0 0 0 13px;
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
}

.contactMeans p:nth-child(2) {
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  justify-content: flex-start;
}

.businessFormat > p,
.service > p {
  position: relative;
}
.businessFormat > p > label,
.service > p > label {
  position: absolute;
  height: auto;
  cursor: default;
  display: inline-block;
}
.businessFormat > p > label {
  top: 0;
  left: 370px;
}
.service > p > label {
  top: 28px;
  left: 305px;
}
.businessFormat > p > label::before,
.service > p > label::before {
  display: none;
}
.businessFormat > p > label > span,
.service > p > label > span {
  position: static;
  height: auto;
  padding: 0 0 0 0;
  display: block;
}
.businessFormat > p > label > span > input,
.service > p > label > span > input {
  height: 34px;
  margin: 8px 0 0 0!important;
  padding: 0 11px 0 11px;
  background-color: #efefef;
  color: #595757;
  font-size: 1.6rem;
  border: none;
  border-radius: 6px;
  box-sizing: border-box;
  transform: scale(0.88);
  transform-origin: top left;
  opacity: 1;
  display: block;
}
.businessFormat > p > label > span > input {
  width: 260px;
}
.service > p > label > span > input {
  width: 330px;
}

.service > p > span > span {
  width: 90%;
  height: auto;
  display: block;
  margin: 0;
}
.service > p > span > span > span {
  width: 220px;
  margin: 8px 0 0 0;
}

.form .confirm {
  margin: 20px 0 0 0;
}

.form .confirm input {
  width: 160px;
  background-color: #efefef;
}

.form .backButton {
  width: 160px;
  background-color: #efefef;
}

.form .submitButton input {
  width: 260px;
  margin: 0 0 0 30px;
  background-color: #595757;
  color: #fff;
}

.form .confirm input,
.form .backButton,
.form .submitButton input {
  cursor: pointer;
  height: 40px;
}

.form .submitButton .ajax-loader {
  display: none;
}

.wpcf7 .wpcf7-response-output {
  border: none;
  padding: 0 0 0 0;
  margin: 0 0 16px 0;
}
.wpcf7 .wpcf7-validation-errors {
  color: #ff0000;
}

.form input.wpcf7-not-valid,
.form textarea.wpcf7-not-valid,
.form select.wpcf7-not-valid {
  background-color: #ffeeee;
}

.confirmMessage {
  margin: 0 0 36px 0;
  font-size: 1.4rem;
  line-height: 2rem;
}

.form input[type="text"].wpcf7c-conf,
.form input[type="email"].wpcf7c-conf,
.form input[type="tel"].wpcf7c-conf,
.form input[type="number"].wpcf7c-conf,
.form input[type="url"].wpcf7c-conf,
.form select.wpcf7c-conf,
.form textarea.wpcf7c-conf {
  background-color: #fff;
  border: 1px solid #595757;
  outline: 0;
  cursor: default;
}
select.wpcf7c-conf {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::-ms-expand.wpcf7c-conf {
  display: none;
}
.form input.wpcf7c-conf:-webkit-autofill,
.form select.wpcf7c-conf:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: #595757 !important;
}
#dummyTextBox.wpcf7c-conf ~ #dummyFileButton {
  display: none;
}
#dummyTextBox2.wpcf7c-conf ~ #dummyFileButton2 {
  display: none;
}

.form .thanks {
  display: none;
}
.form form.sent .thanks {
  display: block;
}
.form form.sent .thanks.telTextBox {
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
}

form.sent .contactBoxRightTop,
form.sent .formBlock,
form.sent .contactText,
form.sent .acceptance,
form.sent .confirm {
  display: none;
}

.wpcf7-mail-sent-ok {
  font-size: 1.6rem;
  line-height: 2rem;
}

.thanksText {
  font-size: 1.4rem;
  line-height: 2rem;
}

.telTextBox {
  width: 100%;
  height: 130px;
  box-shadow: 0 0 1px 1px #595757 inset;
    display:-webkit-box;
    display:-ms-flexbox;
  display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  align-items: center;
}

.telTextBox p {
  font-size: 1.2rem;
  line-height: 2rem;
}

.telTextBox .telText {
  margin: 8px 0 8px 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: normal;
}

.telText a {
  color: #595757;
  text-decoration: none;
  pointer-events: none;
}

.contactBoxBottom {
  width: 100%;
  height: auto;
  margin: 65px 130px 0 75px;
}

.contactText {
  width: 100%;
  height: auto;
  margin: 0 0 18px 0;
}

.contactText p {
  color: #595757;
  font-size: 1.2rem;
  line-height: 2rem;
}
.contactText p a {
  color: #595757;
  cursor: pointer;
}
.contactText .red {
  color: #ff0000;
}

.confirmButton {
  width: 100%;
  height: 50px;
  color: #595757;
  background-color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 50px;
  box-shadow: 0 0 1px 1px #595757 inset;
  display: none;
}

.confirmButton p {
  font-size: 1.2rem;
}

@media screen and (max-width: 896px) {
  .contactBox {
    margin: 0 0 0 0;
  }

  .contactBoxLeft {
    display: none;
  }

  .contactBoxRight {
    width: 100%;
  }

  .contactBoxRightTop {
    height: auto;
    padding: 0 15px 0 15px;
    margin: 0 0 15px 0;
  }

  .contactBoxRightTopSp {
    width: 100%;
    height: 130px;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    display: block;
  }

  .contactBoxRightTopSp p {
    font-size: 1.2rem;
  }

  .requiredText {
    top: 110px;
  }

  .contactBoxRightMain {
    padding: 25px 15px 0 15px;
    border-left: none;
    border-top: 1px dotted #595757;
  }

  .name input,
  .nameRuby input,
  .tel input,
  .companyName input,
  .zipcode input,
  .email input,
  .emailConfirm input,
  .address input,
  .message textarea,
  .responsibleName input,
  .position input,
  .portfolioURL input,
  .occupations select,
  .pr textarea {
    width: 341px;
  }

  .contactMeans > p > span,
  .businessFormat > p > span,
  .service > p > span,
  .portfolio > p > span {
    width: 100%;
    display: block;
  }
  .contactMeans > p > span > span,
  .businessFormat > p > span > span,
  .service > p > span > span,
  .portfolio > p > span > span {
    width: 100%;
    height: auto;
    display: block;
  }
  .service > p > span > span {
    margin: 8px 0 0 0;
  }
  .contactMeans > p > span > span > span,
  .businessFormat > p > span > span > span,
  .service > p > span > span > span,
  .portfolio > p > span > span > span {
    width: 100%;
    margin: 0 0 0 0;
    display: inline-block;
  }
  .contactMeans > p > span > span > span:first-child,
  .businessFormat > p > span > span > span:first-child,
  .service > p > span > span > span:first-child,
  .portfolio > p > span > span > span:first-child {
    margin: 0 0 0 0;
  }
  .businessFormat label,
  .service label,
  .portfolio label {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .contactMeans > p > span > span > span:last-child label,
  .businessFormat > p > span > span > span:last-child label,
  .service > p > span > span > span:last-child label,
  .portfolio > p > span > span > span:last-child label {
    margin: 0 0 0 0px;
  }
  .contactMeans label span,
  .businessFormat label span,
  .service label span,
  .portfolio label span {
    white-space: nowrap;
  }

  .contactMeans p:nth-child(2) span:nth-child(2) {
      display:-webkit-box;
      display:-ms-flexbox;
    display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
    align-items: center;
  }

  .contactMeans p:nth-child(2) > span > span > span label {
    margin: 0 0 10px 0;
  }
  .contactMeans p:nth-child(2) > span > span > span:last-child label {
    margin: 0 0 0 0;
  }

  .contactType {
    width: 100%;
    top: 40px;
  }

  .contactType > span > span > span {
    width: 30%;
    margin: 0 0 0 25px;
  }

  .contactType label {
    margin: 0 0 10px 0;
  }

  .businessFormat > p > label,
  .service > p > label {
    position: static;
  }

  .form .submitButton input {
    margin: 10px 0 0 0;
  }

  .contactBoxBottom {
    padding: 0 15px 0 15px;
    margin: 20px 0 0 0;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 480px) {
  .telImage {
    display: none;
  }

  .form label {
    width: auto;
  }
  .birth label,
  .age label {
    width: auto;
  }

  /* .name label,
  .nameRuby label,
  .tel label,
  .companyName label,
  .zipcode label,
  .email label,
  .address label,
  .message label {
    padding: 0 15px 0 15px;
    box-sizing: border-box;
  } */

  .name input,
  .nameRuby input,
  .tel input,
  .mobile input,
  .companyName input,
  .zipcode input,
  .email input,
  .emailConfirm input,
  .contactTimeOther textarea,
  .address input,
  .address2 input,
  .address3 input,
  .region select,
  .where select,
  .whereText input,
  .message textarea,
  .responsibleName input,
  .position input,
  .businessFormat .business-format-other input,
  .service .service-other input,
  .file input#dummyTextBox,
  .file input#dummyTextBox2,
  .portfolioURL input,
  .occupations select,
  .pr textarea {
    width: 114%;
  }
  .contactTimeDayFirst select,
  .contactTimeDaySecond select,
  .contactTimeHourFirst select,
  .contactTimeHourSecond select {
    width: 146%;
  }
  .region select {
    width: 142%;
  }
  .where select {
    width: 160%;
  }

  .last-name input, .last-name-ruby input {
    margin-right: 0;
  }

  .telTextBox {
    box-sizing: border-box;
  }

  .telText a {
    pointer-events: auto;
  }

  .file label:first-child {
    width: 100%;
    margin: 0;
  }
}
.channel-text{
  margin-top: 10px;
}
.channel-textbox textarea{
  width: 313px;
  height: 50px;
}
@media screen and (max-width: 480px) {
  .channel-textbox textarea{
    width: 114%;
    height: 50px;
  }
}