@charset "UTF-8";
.form-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
}
.form-text::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #5D6575;
}
.form-text .label {
  color: #5D6575;
  font-size: 10px;
}
.form-text input[type=text] {
  margin-top: 10px;
  padding-bottom: 13px;
  line-height: 24px;
  border: none;
  border-bottom: solid 1px #5D6575;
  color: #5D6575;
  font-size: 16px;
  outline: none;
}
.form-text input[type=text]::-webkit-input-placeholder {
  opacity: 0.5;
}
.form-text input[type=text]::-moz-placeholder {
  opacity: 0.5;
}
.form-text input[type=text]:-ms-input-placeholder {
  opacity: 0.5;
}
.form-text input[type=text]::-ms-input-placeholder {
  opacity: 0.5;
}
.form-text input[type=text]::placeholder {
  opacity: 0.5;
}
.form-text .form-text-contents {
  margin-top: 10px;
  padding-bottom: 13px;
  line-height: 24px;
  border: none;
  border-bottom: solid 1px #5D6575;
  color: #5D6575;
  font-size: 16px;
  outline: none;
}

.form-text-other {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
  display: none;
}
.form-text-other::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 11px;
  height: 11px;
}
.form-text-other .label {
  color: #5D6575;
  font-size: 10px;
}
.form-text-other input[type=text] {
  margin-top: 10px;
  padding-bottom: 13px;
  line-height: 24px;
  border: none;
  border-bottom: solid 1px #5D6575;
  color: #5D6575;
  font-size: 16px;
  outline: none;
}
.form-text-other input[type=text]::-webkit-input-placeholder {
  opacity: 0.5;
}
.form-text-other input[type=text]::-moz-placeholder {
  opacity: 0.5;
}
.form-text-other input[type=text]:-ms-input-placeholder {
  opacity: 0.5;
}
.form-text-other input[type=text]::-ms-input-placeholder {
  opacity: 0.5;
}
.form-text-other input[type=text]::placeholder {
  opacity: 0.5;
}
.form-text-other .form-text-contents {
  margin-top: 10px;
  padding-bottom: 13px;
  line-height: 24px;
  border: none;
  border-bottom: solid 1px #5D6575;
  color: #5D6575;
  font-size: 16px;
  outline: none;
}

.form-textarea {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
}
.form-textarea.form-textarea--large .textarea {
  height: 130px;
}
.form-textarea::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #5D6575;
}
.form-textarea .label {
  color: #5D6575;
  font-size: 10px;
}
.form-textarea .textarea {
  height: 63px;
  margin-top: 10px;
  padding-bottom: 13px;
  line-height: 24px;
  border: none;
  border-bottom: solid 1px #5D6575;
  color: #5D6575;
  font-size: 16px;
  outline: none;
  resize: none;
}
.form-textarea .textarea::-webkit-input-placeholder {
  opacity: 0.5;
}
.form-textarea .textarea::-moz-placeholder {
  opacity: 0.5;
}
.form-textarea .textarea:-ms-input-placeholder {
  opacity: 0.5;
}
.form-textarea .textarea::-ms-input-placeholder {
  opacity: 0.5;
}
.form-textarea .textarea::placeholder {
  opacity: 0.5;
}

.form-select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
}
.form-select::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #5D6575;
}
.form-select .label {
  color: #5D6575;
  font-size: 10px;
}
.form-select select {
  margin-top: 10px;
  padding-bottom: 13px;
  line-height: 24px;
  border: none;
  border-bottom: solid 1px #5D6575;
  color: #5D6575;
  font-size: 16px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../img/arrow-down.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: right 6px top 10px;
}
.form-select select::-ms-expand {
  display: none; /* デフォルトの矢印を非表示(IE用) */
}

.form-select-normal {
  width: 280px;
  height: 40px;
  padding: 0 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  background-image: url(../img/arrow-down.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: right 12px top 15px;
}

.form-search-wrap {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.form-search-wrap .form-search-suggestion {
  width: 100%;
  position: absolute;
  background-color: #FFFFFF;
  border: solid 1px #707070;
}
.form-search-wrap .form-search-suggestion .suggestion-item {
  padding: 14px 20px;
  cursor: pointer;
}
.form-search-wrap .form-search-suggestion .suggestion-item:not(:last-child) {
  border-bottom: solid 1px #707070;
}
.form-search-wrap .form-search-suggestion .suggestion-text {
  color: #6A6464;
  font-size: 12px;
}

.form-search {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  height: 37px;
  padding-left: 46px;
  background-color: #FFFFFF;
  border-radius: 8px;
  outline: 0;
  border: none;
  background-image: url(../img/search.svg);
  background-size: 19px;
  background-position: 14px 9px;
  background-repeat: no-repeat;
  color: #706969;
  font-size: 12px;
}
.form-search::-webkit-input-placeholder {
  color: #322F2F;
}
.form-search::-moz-placeholder {
  color: #322F2F;
}
.form-search:-ms-input-placeholder {
  color: #322F2F;
}
.form-search::-ms-input-placeholder {
  color: #322F2F;
}
.form-search::placeholder {
  color: #322F2F;
}
.form-search::before {
  content: "";
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked + label:before {
  background-color: #B32528;
  border: solid 1px #B32528;
}
input[type=checkbox]:checked + label::after {
  opacity: 1;
}

.form-checkbox label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: auto;
  height: 20px;
  padding-left: 34px;
  margin-top: 3px;
  line-height: 20px;
  color: rgb(34, 34, 34);
  font-size: 12px;
}
.form-checkbox label::before {
  background-color: #fff;
  border: solid 1px #B32528;
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  left: 0;
  top: -3px;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-checkbox label::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  left: 8px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 39%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.container-form {
  font-family: NotoSansCJKjp-Regular;
  padding: 0 10px;
}

.form-conf {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
}
.form-conf::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #5D6575;
}
.form-conf .label {
  color: #5D6575;
  font-size: 10px;
}
.form-conf .value {
  margin-top: 10px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 13px;
  border: none;
  line-height: 24px;
  border-bottom: solid 1px #5D6575;
  color: #5D6575;
  font-size: 16px;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.form-img-add {
  position: relative;
  padding-left: 24px;
}
.form-img-add.form-img-add--large .img-add-area {
  height: 230px;
}
.form-img-add.form-img-add--large .img-add-area .img {
  width: 235px;
  height: 210px;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-img-add::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #5D6575;
}
.form-img-add .label {
  color: #5D6575;
  font-size: 10px;
}
.form-img-add .img-add-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 146px;
  margin-top: 10px;
  border-bottom: solid 1px #5D6575;
}
.form-img-add .img-add-area .img {
  width: 130px;
  height: 130px;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-img-add .img-add-explanation-text {
  top: -5px;
  left: 0;
  line-height: 1.5;
  font-size: 16px;
  color: #5D6575;
  opacity: 0.5;
}

.form-img-add-slider {
  position: relative;
  padding-left: 24px;
}
.form-img-add-slider::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #5D6575;
}
.form-img-add-slider .label {
  color: #5D6575;
  font-size: 10px;
}
.form-img-add-slider .img-add-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #5D6575;
}
.form-img-add-slider .img-add-area .slider {
  width: 94%;
  margin: 0 auto;
  /*ドットナビゲーションの設定*/
}
.form-img-add-slider .img-add-area .slider .slider-img {
  width: 100%; /*スライダー内の画像を横幅100%に*/
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-img-add-slider .img-add-area .slider .slider .slick-slide {
  margin: 0 10px;
}
.form-img-add-slider .img-add-area .slider .slick-prev,
.form-img-add-slider .img-add-area .slider .slick-next {
  position: absolute; /*絶対配置にする*/
  top: 42%;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #666; /*矢印の色*/
  border-right: 2px solid #666; /*矢印の色*/
  height: 15px;
  width: 15px;
}
.form-img-add-slider .img-add-area .slider .slick-prev { /*戻る矢印の位置と形状*/
  left: -1.5%;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.form-img-add-slider .img-add-area .slider .slick-next { /*次へ矢印の位置と形状*/
  right: -1.5%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.form-img-add-slider .img-add-area .slider .slick-dots {
  text-align: center;
  margin: 20px 0 0 0;
}
.form-img-add-slider .img-add-area .slider .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.form-img-add-slider .img-add-area .slider .slick-dots button {
  color: transparent;
  outline: none;
  width: 8px; /*ドットボタンのサイズ*/
  height: 8px; /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ccc; /*ドットボタンの色*/
}
.form-img-add-slider .img-add-area .slider .slick-dots .slick-active button {
  background: #333; /*ドットボタンの現在地表示の色*/
}
.form-img-add-slider .img-add-explanation-text {
  position: absolute;
  top: -5px;
  left: 0;
  line-height: 1.5;
  font-size: 16px;
  color: #5D6575;
  opacity: 0.5;
}

@media screen and (min-width: 900px) {
  .form-search {
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
    width: 600px;
  }
  .form-search-wrap {
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
    width: 600px;
  }
  .form-img-add-slider .img-add-area {
    padding-bottom: 20px;
  }
}