@charset "UTF-8";

.relation-column .card::after {
  content:"";
  display: block;
  width: calc(100% / 3 - 20px);
}

body#K3_body {
  font-size: 16px;
}

@media (max-width: 768px) {
  body#K3_body {
    font-size: 14px;
  }
}

/* フォームタイトル */
#K3_body div.form-headline {
  margin: 0;
}

#K3_body div.form-headline h2 {
  background: #10069F;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 15px;
  line-height: 1.75;
  margin-block-start: 0;
  margin-block-end: 0;
}

@media (max-width: 768px) {
  #K3_body div.form-headline h2 {
    font-size: 16px;
    padding: 10px;
  }
}

#K3_body hr {
  display: none;
}

#K3_body .k3-customer-registration-form {
  background: #fff;
  padding: 40px 70px;
}

@media (max-width: 768px) {
  #K3_body .k3-customer-registration-form {
    padding: 0;
  }
}

/* 各項目とinputの親要素 */
#K3_body div.control-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 30px 0;
  border-bottom: 0;
}

@media (max-width: 768px) {
  #K3_body div.control-group {
    padding: 15px 0;
  }
}

#K3_body div.control-group:last-child {
  border-bottom: 0;
}

/* 項目と必須 */
#K3_body label.control-label {
  width: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}

@media (max-width: 768px) {
  #K3_body label.control-label {
    width: 100%;
  }
}

/* input */
#K3_body .controls {
  width: calc(100% - 300px - 60px);
}

@media (max-width: 768px) {
  #K3_body .controls {
    width: 100%;
  }
}

/* 必須 */
#K3_body .label-fit {
  display: inline-block;
  font-weight: 700;
  font-size: 11px;
  padding: 0 5px;
  background: red;
  color: #fff;
  border-radius: 20px;
  line-height: 1.75;
}

/* 任意 */
#K3_body .label-fit.label-warning {
  background: #ccc;
}

/* ラジオボタン */
#K3_body div.radio {
  width: 100%;
  padding-left: 360px;
}

@media (max-width: 768px) {
  #K3_body div.radio {
    padding-left: 0;
  }
}

/* チェックボックス */
#K3_body div.checkbox {
  width: 100%;
  padding-left: 360px;
}

@media (max-width: 768px) {
  #K3_body div.checkbox {
    padding-left: 0;
  }
}

/* ラジオボタン・チェックボックスの大きさ */
#K3_body input[type="radio"],
#K3_body input[type="checkbox"] {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: bottom;
}

@media (max-width: 768px) {
  #K3_body input[type="radio"],
  #K3_body input[type="checkbox"] {
    width: 15px;
    height: 15px;
  }
}

#K3_body div.radio:not(:last-child),
#K3_body div.checkbox:not(:last-child) {
  margin-bottom: 10px;
}

/* 送信ボタン */
#K3_body #K3_control_btn.control-group .controls {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* ボタンのpadding */
#K3_body .btn {
  padding: 20px;
  border-radius: 0;
  font-size: 16px;
  font-weight: bold;
}

@media (max-width: 768px) {
  #K3_body .btn {
    padding: 15px;
    font-size: 14px;
  }
}

/* ボタンの色 */
#K3_body .btn-primary {
  color: #ffffff;
  background: #00E0CD !important;
  border: 3px solid #00E0CD !important;
  transition: all .3s;
  width: 560px;
  box-shadow: none;
}

@media (max-width: 768px) {
  #K3_body .btn-primary {
    width: 85%;
  }
}

#K3_body .btn-primary:hover {
  color: #00E0CD;
  background: #fff !important;
}

#K3_body .form-control {
  border: 1px solid #000;
}

#K3_body textarea.form-control {
  height: 90px;
}


/*** サイドフォーム ***/

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {

}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {

}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {

}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {

}

.Sidebar #K3_body {
  
}

.Sidebar #K3_body {
  
}