@charset "UTF-8";
/**
 * style_jp.scss
 */
/********親の読み込み********/
/* Foundation */
/*
* webform stepNav
*/
.webform-progress-tracker.progress-tracker {
  margin: 20px auto 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
}

@media screen and (min-width: 768px), print {
  .webform-progress-tracker.progress-tracker {
    width: 570px;
  }
}

.webform-progress-tracker.progress-tracker .progress-marker {
  background-color: #e6e6e6;
  border-radius: 50%;
  font-size: 24px;
  height: 40px;
  margin: 0 auto;
  padding-top: 2px;
  text-align: center;
  width: 40px;
  position: relative;
  color: #333333;
  z-index: 1;
}

.webform-progress-tracker.progress-tracker .progress-marker::before, .webform-progress-tracker.progress-tracker .progress-marker::after {
  display: none;
}

.webform-progress-tracker.progress-tracker .progress-step {
  width: 190px;
  position: relative;
  pointer-events: none;
}

.webform-progress-tracker.progress-tracker .progress-step:after {
  display: none;
}

.webform-progress-tracker.progress-tracker .progress-step:before {
  content: "";
  border-top: 2px solid #e6e6e6;
  position: absolute;
  width: 100%;
  top: 20px;
  left: -50%;
  cursor: default;
}

.webform-progress-tracker.progress-tracker .progress-step.is-active:before, .webform-progress-tracker.progress-tracker .progress-step.is-complete:before {
  border-top: 2px solid #6e6e6e;
}

.webform-progress-tracker.progress-tracker .progress-step:first-child::before {
  display: none;
}

.webform-progress-tracker.progress-tracker .progress-step:not(.is-active) .progress-marker {
  background-color: #e6e6e6;
}

.webform-progress-tracker.progress-tracker .progress-step.is-active:hover .progress-marker {
  background-color: #6e6e6e;
}

.webform-progress-tracker.progress-tracker .progress-step.is-active .progress-title,
.webform-progress-tracker.progress-tracker .progress-step.is-complete .progress-title {
  font-weight: normal;
  color: #333333;
}

.webform-progress-tracker.progress-tracker .progress-step.is-active .progress-marker,
.webform-progress-tracker.progress-tracker .progress-step.is-complete .progress-marker {
  background-color: #6e6e6e;
  color: #ffffff;
}

.webform-progress-tracker.progress-tracker .progress-title {
  color: #6e6e6e;
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 768px), print {
  .webform-progress-tracker.progress-tracker .progress-title {
    font-size: 18px;
  }
}

.webform-progress-tracker.progress-tracker .progress-text {
  display: block;
}

/*
* webform コンテンツラッパー
*/
.webform-submission-form,
.webform-elements {
  /* webform submitボタン */
  /*
  * form-actions : ボタン編集前
  * webform-actions : ボタン編集後
  */
  /* webform 各要素 */
  /*
   * ------------------------パスワード-------------------
   */
  /*
   * ------------------------リキャプチャ 必須マーク-------------------
   */
}

.webform-submission-form .form-item,
.webform-submission-form .form-actions,
.webform-elements .form-item,
.webform-elements .form-actions {
  margin: 0;
}

.webform-submission-form label.form-required,
.webform-elements label.form-required {
  font-size: 1.8rem;
}

.webform-submission-form .form-actions,
.webform-submission-form .webform-actions,
.webform-elements .form-actions,
.webform-elements .webform-actions {
  margin: 0;
  text-align: center;
}

.webform-submission-form .form-actions [class*="webform-button"],
.webform-submission-form .webform-actions [class*="webform-button"],
.webform-elements .form-actions [class*="webform-button"],
.webform-elements .webform-actions [class*="webform-button"] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border-radius: 30px;
  border: solid 1px #6e6e6e;
  color: #333333;
  display: inline-block;
  font-family: "NotoSans-Regular";
  font-size: 1.4rem;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  margin-top: 30px;
  min-height: 50px;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 295px;
}

.webform-submission-form .form-actions [class*="webform-button"]:hover, .webform-submission-form .form-actions [class*="webform-button"]:active,
.webform-submission-form .webform-actions [class*="webform-button"]:hover,
.webform-submission-form .webform-actions [class*="webform-button"]:active,
.webform-elements .form-actions [class*="webform-button"]:hover,
.webform-elements .form-actions [class*="webform-button"]:active,
.webform-elements .webform-actions [class*="webform-button"]:hover,
.webform-elements .webform-actions [class*="webform-button"]:active {
  border: solid 1px #6e6e6e;
  background-color: #6e6e6e;
  color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .webform-submission-form .form-actions [class*="webform-button"],
  .webform-submission-form .webform-actions [class*="webform-button"],
  .webform-elements .form-actions [class*="webform-button"],
  .webform-elements .webform-actions [class*="webform-button"] {
    padding: 5px 35px;
    margin-top: 40px;
    min-width: 230px;
    width: auto;
  }
}

.webform-submission-form .form-actions [class*="webform-button"][class*="--disable"],
.webform-submission-form .webform-actions [class*="webform-button"][class*="--disable"],
.webform-elements .form-actions [class*="webform-button"][class*="--disable"],
.webform-elements .webform-actions [class*="webform-button"][class*="--disable"] {
  color: #cccccc;
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
}

.webform-submission-form .form-actions [class*="webform-button"][class*="--disable"]:hover, .webform-submission-form .form-actions [class*="webform-button"][class*="--disable"]:active, .webform-submission-form .form-actions [class*="webform-button"][class*="--disable"].is-active,
.webform-submission-form .webform-actions [class*="webform-button"][class*="--disable"]:hover,
.webform-submission-form .webform-actions [class*="webform-button"][class*="--disable"]:active,
.webform-submission-form .webform-actions [class*="webform-button"][class*="--disable"].is-active,
.webform-elements .form-actions [class*="webform-button"][class*="--disable"]:hover,
.webform-elements .form-actions [class*="webform-button"][class*="--disable"]:active,
.webform-elements .form-actions [class*="webform-button"][class*="--disable"].is-active,
.webform-elements .webform-actions [class*="webform-button"][class*="--disable"]:hover,
.webform-elements .webform-actions [class*="webform-button"][class*="--disable"]:active,
.webform-elements .webform-actions [class*="webform-button"][class*="--disable"].is-active {
  color: #cccccc;
  background-color: #f5f5f5;
  border: solid 1px #cccccc;
  cursor: default;
}

.webform-submission-form .webform-element--title-inline,
.webform-submission-form .webform-element,
.webform-submission-form .p-form__item,
.webform-elements .webform-element--title-inline,
.webform-elements .webform-element,
.webform-elements .p-form__item {
  /*
    * ------------------------共通-------------------
    */
  /*
    * ------------------------チェックボックス-------------------
    * form-type-checkbox : 単数チェックボックス
    * webform-type-checkboxes : 複数チェックボックス
    * webform-type-webform-checkboxes-other : 複数チェックボックス(other)
    * ※sectionタグ内のクラス(p-form__itemと同タグ)
    *
    * form-checkbox : inputタグ(共通)
    *
    * ・構造(使用していない属性・クラスは省略)
    * [単数]
    * <section class="webform-element--title-inline p-form__item form-type-checkbox">
    *   <div class="p-form__item--flex">
    *     <input type="checkbox" class="form-checkbox required form-required" required="required">
    *       <label class="option">
    *         <p>チェックボックス単数_必須_インライン</p>
    *       </label>
    *   </div>
    * </section>
    *
    * [複数]
    * <section class="webform-element--title-inline webform-type-checkboxes p-form__item required">
    *   <div class="p-form__nameArea">
    *     <label class="form-required">チェックボックス_複数_必須_デフォルト</label>
    *   </div>
    *   <div class="p-form__inputArea">
    *     <div class="form-checkboxes">
    *       <div class="webform-element--title-inline form-item form-type-checkbox">
    *         <div class="p-form__item--flex">
    *           <input type="checkbox" class="form-checkbox" required="required">
    *           <label class="option">
    *             <p>option1</p>
    *           </label>
    *         </div>
    *       </div>
    *       <div class="webform-element--title-inline form-item form-type-checkbox">
    *         <div class="p-form__item--flex">
    *           <input type="checkbox" class="form-checkbox">
    *           <label class="option">
    *             <p>option2</p>
    *           </label>
    *         </div>
    *       </div>
    *     </div>
    *   </div>
    * </section>
    */
  /*
    * ------------------------ラジオボタン-------------------
    * webform-type-radios : ラジオボタン
    * ※sectionタグ内のクラス(p-form__itemと同タグ)
    *
    * form-type-radio : ラジオボタンラッパー
    * form-radio : inputタグ
    *
    * ・構造(使用していない属性・クラスは省略)
    * </section>
    * <section class="required webform-type-radios p-form__item">
    *   <div class="p-form__nameArea">
    *     <label class="js-form-required form-required">ラジオボタン_必須_デフォルト</label>
    *   </div>
    *   <div class="p-form__inputArea">
    *     <div class="form-radios">
    *       <div class="form-item form-type-radio">
    *         <input type="radio" class="form-radio" required="required">
    *         <label class="option">Aa</label>
    *       </div>
    *       <div class="js-form-item form-item form-type-radio">
    *         <input type="radio" class="form-radio" required="required">
    *         <label class="option">bb</label>
    *       </div>
    *     </div>
    *   </div>
    * </section>
    */
}

.webform-submission-form .webform-element--title-inline#edit-inquiry-details,
.webform-submission-form .webform-element#edit-inquiry-details,
.webform-submission-form .p-form__item#edit-inquiry-details,
.webform-elements .webform-element--title-inline#edit-inquiry-details,
.webform-elements .webform-element#edit-inquiry-details,
.webform-elements .p-form__item#edit-inquiry-details {
  margin-bottom: 0;
}

.webform-submission-form .webform-element--title-inline .form-text,
.webform-submission-form .webform-element--title-inline .form-tel,
.webform-submission-form .webform-element--title-inline .form-email,
.webform-submission-form .webform-element--title-inline .form-number,
.webform-submission-form .webform-element .form-text,
.webform-submission-form .webform-element .form-tel,
.webform-submission-form .webform-element .form-email,
.webform-submission-form .webform-element .form-number,
.webform-submission-form .p-form__item .form-text,
.webform-submission-form .p-form__item .form-tel,
.webform-submission-form .p-form__item .form-email,
.webform-submission-form .p-form__item .form-number,
.webform-elements .webform-element--title-inline .form-text,
.webform-elements .webform-element--title-inline .form-tel,
.webform-elements .webform-element--title-inline .form-email,
.webform-elements .webform-element--title-inline .form-number,
.webform-elements .webform-element .form-text,
.webform-elements .webform-element .form-tel,
.webform-elements .webform-element .form-email,
.webform-elements .webform-element .form-number,
.webform-elements .p-form__item .form-text,
.webform-elements .p-form__item .form-tel,
.webform-elements .p-form__item .form-email,
.webform-elements .p-form__item .form-number {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .webform-submission-form .webform-element--title-inline .form-text,
  .webform-submission-form .webform-element--title-inline .form-tel,
  .webform-submission-form .webform-element--title-inline .form-email,
  .webform-submission-form .webform-element--title-inline .form-number,
  .webform-submission-form .webform-element .form-text,
  .webform-submission-form .webform-element .form-tel,
  .webform-submission-form .webform-element .form-email,
  .webform-submission-form .webform-element .form-number,
  .webform-submission-form .p-form__item .form-text,
  .webform-submission-form .p-form__item .form-tel,
  .webform-submission-form .p-form__item .form-email,
  .webform-submission-form .p-form__item .form-number,
  .webform-elements .webform-element--title-inline .form-text,
  .webform-elements .webform-element--title-inline .form-tel,
  .webform-elements .webform-element--title-inline .form-email,
  .webform-elements .webform-element--title-inline .form-number,
  .webform-elements .webform-element .form-text,
  .webform-elements .webform-element .form-tel,
  .webform-elements .webform-element .form-email,
  .webform-elements .webform-element .form-number,
  .webform-elements .p-form__item .form-text,
  .webform-elements .p-form__item .form-tel,
  .webform-elements .p-form__item .form-email,
  .webform-elements .p-form__item .form-number {
    width: 360px;
  }
}

.webform-submission-form .webform-element--title-inline .p-form__nameArea label,
.webform-submission-form .webform-element .p-form__nameArea label,
.webform-submission-form .p-form__item .p-form__nameArea label,
.webform-elements .webform-element--title-inline .p-form__nameArea label,
.webform-elements .webform-element .p-form__nameArea label,
.webform-elements .p-form__item .p-form__nameArea label {
  padding: 10px 0;
  display: block;
}

.webform-submission-form .webform-element--title-inline .p-form__nameArea label.form-required,
.webform-submission-form .webform-element .p-form__nameArea label.form-required,
.webform-submission-form .p-form__item .p-form__nameArea label.form-required,
.webform-elements .webform-element--title-inline .p-form__nameArea label.form-required,
.webform-elements .webform-element .p-form__nameArea label.form-required,
.webform-elements .p-form__item .p-form__nameArea label.form-required {
  font-size: 1.8rem;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox {
  display: none;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox label.option, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes label.option, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other label.option,
.webform-submission-form .webform-element.form-type-checkbox label.option,
.webform-submission-form .webform-element.webform-type-checkboxes label.option,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other label.option,
.webform-submission-form .p-form__item.form-type-checkbox label.option,
.webform-submission-form .p-form__item.webform-type-checkboxes label.option,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other label.option,
.webform-elements .webform-element--title-inline.form-type-checkbox label.option,
.webform-elements .webform-element--title-inline.webform-type-checkboxes label.option,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other label.option,
.webform-elements .webform-element.form-type-checkbox label.option,
.webform-elements .webform-element.webform-type-checkboxes label.option,
.webform-elements .webform-element.webform-type-webform-checkboxes-other label.option,
.webform-elements .p-form__item.form-type-checkbox label.option,
.webform-elements .p-form__item.webform-type-checkboxes label.option,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other label.option {
  position: relative;
  padding-left: 30px;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox label.option::before, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes label.option::before, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other label.option::before,
.webform-submission-form .webform-element.form-type-checkbox label.option::before,
.webform-submission-form .webform-element.webform-type-checkboxes label.option::before,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other label.option::before,
.webform-submission-form .p-form__item.form-type-checkbox label.option::before,
.webform-submission-form .p-form__item.webform-type-checkboxes label.option::before,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other label.option::before,
.webform-elements .webform-element--title-inline.form-type-checkbox label.option::before,
.webform-elements .webform-element--title-inline.webform-type-checkboxes label.option::before,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other label.option::before,
.webform-elements .webform-element.form-type-checkbox label.option::before,
.webform-elements .webform-element.webform-type-checkboxes label.option::before,
.webform-elements .webform-element.webform-type-webform-checkboxes-other label.option::before,
.webform-elements .p-form__item.form-type-checkbox label.option::before,
.webform-elements .p-form__item.webform-type-checkboxes label.option::before,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other label.option::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #6e6e6e;
  background-color: #ffffff;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox label.option > p, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes label.option > p, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other label.option > p,
.webform-submission-form .webform-element.form-type-checkbox label.option > p,
.webform-submission-form .webform-element.webform-type-checkboxes label.option > p,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other label.option > p,
.webform-submission-form .p-form__item.form-type-checkbox label.option > p,
.webform-submission-form .p-form__item.webform-type-checkboxes label.option > p,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other label.option > p,
.webform-elements .webform-element--title-inline.form-type-checkbox label.option > p,
.webform-elements .webform-element--title-inline.webform-type-checkboxes label.option > p,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other label.option > p,
.webform-elements .webform-element.form-type-checkbox label.option > p,
.webform-elements .webform-element.webform-type-checkboxes label.option > p,
.webform-elements .webform-element.webform-type-webform-checkboxes-other label.option > p,
.webform-elements .p-form__item.form-type-checkbox label.option > p,
.webform-elements .p-form__item.webform-type-checkboxes label.option > p,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other label.option > p {
  color: #333333;
  font-family: "NotoSans-Light";
  margin-left: 5px;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox:checked + label.option::before, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox:checked + label.option::before, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox:checked + label.option::before,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox:checked + label.option::before,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::before {
  background-color: #6e6e6e;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox:checked + label.option::after, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox:checked + label.option::after, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox:checked + label.option::after,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox:checked + label.option::after,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox:checked + label.option::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 6px;
  height: 11px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required,
.webform-submission-form .webform-element--title-inline.form-type-checkbox.required input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required,
.webform-submission-form .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox.form-required,
.webform-submission-form .webform-element.form-type-checkbox.required input.form-checkbox,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox.form-required,
.webform-submission-form .webform-element.webform-type-checkboxes.required input.form-checkbox,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox.form-required,
.webform-submission-form .p-form__item.form-type-checkbox.required input.form-checkbox,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox.form-required,
.webform-submission-form .p-form__item.webform-type-checkboxes.required input.form-checkbox,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required,
.webform-elements .webform-element--title-inline.form-type-checkbox.required input.form-checkbox,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required,
.webform-elements .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox.form-required,
.webform-elements .webform-element.form-type-checkbox.required input.form-checkbox,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox.form-required,
.webform-elements .webform-element.webform-type-checkboxes.required input.form-checkbox,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-elements .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox.form-required,
.webform-elements .p-form__item.form-type-checkbox.required input.form-checkbox,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox.form-required,
.webform-elements .p-form__item.webform-type-checkboxes.required input.form-checkbox,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox {
  display: block;
  position: relative;
  left: 10px;
  top: 21px;
  width: 1px;
  height: 1px;
}

@-moz-document url-prefix() {
  .webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required,
  .webform-submission-form .webform-element--title-inline.form-type-checkbox.required input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-submission-form .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-submission-form .webform-element.form-type-checkbox input.form-checkbox.form-required,
  .webform-submission-form .webform-element.form-type-checkbox.required input.form-checkbox,
  .webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-submission-form .webform-element.webform-type-checkboxes.required input.form-checkbox,
  .webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-submission-form .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox.form-required,
  .webform-submission-form .p-form__item.form-type-checkbox.required input.form-checkbox,
  .webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-submission-form .p-form__item.webform-type-checkboxes.required input.form-checkbox,
  .webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-submission-form .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required,
  .webform-elements .webform-element--title-inline.form-type-checkbox.required input.form-checkbox,
  .webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-elements .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox,
  .webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-elements .webform-element.form-type-checkbox input.form-checkbox.form-required,
  .webform-elements .webform-element.form-type-checkbox.required input.form-checkbox,
  .webform-elements .webform-element.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-elements .webform-element.webform-type-checkboxes.required input.form-checkbox,
  .webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-elements .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox,
  .webform-elements .p-form__item.form-type-checkbox input.form-checkbox.form-required,
  .webform-elements .p-form__item.form-type-checkbox.required input.form-checkbox,
  .webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox.form-required,
  .webform-elements .p-form__item.webform-type-checkboxes.required input.form-checkbox,
  .webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required,
  .webform-elements .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox {
    -moz-appearance: none;
         appearance: none;
  }
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required:after,
.webform-submission-form .webform-element--title-inline.form-type-checkbox.required input.form-checkbox:after, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-submission-form .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox:after, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-submission-form .webform-element.form-type-checkbox input.form-checkbox.form-required:after,
.webform-submission-form .webform-element.form-type-checkbox.required input.form-checkbox:after,
.webform-submission-form .webform-element.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-submission-form .webform-element.webform-type-checkboxes.required input.form-checkbox:after,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-submission-form .p-form__item.form-type-checkbox input.form-checkbox.form-required:after,
.webform-submission-form .p-form__item.form-type-checkbox.required input.form-checkbox:after,
.webform-submission-form .p-form__item.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-submission-form .p-form__item.webform-type-checkboxes.required input.form-checkbox:after,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-elements .webform-element--title-inline.form-type-checkbox input.form-checkbox.form-required:after,
.webform-elements .webform-element--title-inline.form-type-checkbox.required input.form-checkbox:after,
.webform-elements .webform-element--title-inline.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-elements .webform-element--title-inline.webform-type-checkboxes.required input.form-checkbox:after,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-elements .webform-element.form-type-checkbox input.form-checkbox.form-required:after,
.webform-elements .webform-element.form-type-checkbox.required input.form-checkbox:after,
.webform-elements .webform-element.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-elements .webform-element.webform-type-checkboxes.required input.form-checkbox:after,
.webform-elements .webform-element.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-elements .webform-element.webform-type-webform-checkboxes-other.required input.form-checkbox:after,
.webform-elements .p-form__item.form-type-checkbox input.form-checkbox.form-required:after,
.webform-elements .p-form__item.form-type-checkbox.required input.form-checkbox:after,
.webform-elements .p-form__item.webform-type-checkboxes input.form-checkbox.form-required:after,
.webform-elements .p-form__item.webform-type-checkboxes.required input.form-checkbox:after,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other input.form-checkbox.form-required:after,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other.required input.form-checkbox:after {
  left: 10px;
  top: -19px;
  position: absolute;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox.form-item-i-agree.p-form__agree, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes.form-item-i-agree.p-form__agree, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-submission-form .webform-element.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-submission-form .webform-element.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-submission-form .p-form__item.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-submission-form .p-form__item.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-elements .webform-element--title-inline.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-elements .webform-element--title-inline.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-elements .webform-element.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-elements .webform-element.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-elements .webform-element.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree,
.webform-elements .p-form__item.form-type-checkbox.form-item-i-agree.p-form__agree,
.webform-elements .p-form__item.webform-type-checkboxes.form-item-i-agree.p-form__agree,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other.form-item-i-agree.p-form__agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-left: 0;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox .form-checkboxes label.option > p, .webform-submission-form .webform-element--title-inline.webform-type-checkboxes .form-checkboxes label.option > p, .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-submission-form .webform-element.form-type-checkbox .form-checkboxes label.option > p,
.webform-submission-form .webform-element.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-submission-form .p-form__item.form-type-checkbox .form-checkboxes label.option > p,
.webform-submission-form .p-form__item.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-elements .webform-element--title-inline.form-type-checkbox .form-checkboxes label.option > p,
.webform-elements .webform-element--title-inline.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-elements .webform-element.form-type-checkbox .form-checkboxes label.option > p,
.webform-elements .webform-element.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-elements .webform-element.webform-type-webform-checkboxes-other .form-checkboxes label.option > p,
.webform-elements .p-form__item.form-type-checkbox .form-checkboxes label.option > p,
.webform-elements .p-form__item.webform-type-checkboxes .form-checkboxes label.option > p,
.webform-elements .p-form__item.webform-type-webform-checkboxes-other .form-checkboxes label.option > p {
  margin-left: 0;
}

.webform-submission-form .webform-element--title-inline.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child), .webform-submission-form .webform-element--title-inline.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child), .webform-submission-form .webform-element--title-inline.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .webform-element.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .webform-element.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .webform-element.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .p-form__item.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .p-form__item.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-submission-form .p-form__item.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element--title-inline.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element--title-inline.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element--title-inline.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .webform-element.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .p-form__item.form-type-checkbox .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .p-form__item.webform-type-checkboxes .form-checkboxes .form-type-checkbox:not(:last-child),
.webform-elements .p-form__item.webform-type-webform-checkboxes-other .form-checkboxes .form-type-checkbox:not(:last-child) {
  margin-right: 5px;
}

@media screen and (min-width: 768px), print {
  .webform-submission-form .webform-element--title-inline.webform-type-radios .p-form__inputArea,
  .webform-submission-form .webform-element.webform-type-radios .p-form__inputArea,
  .webform-submission-form .p-form__item.webform-type-radios .p-form__inputArea,
  .webform-elements .webform-element--title-inline.webform-type-radios .p-form__inputArea,
  .webform-elements .webform-element.webform-type-radios .p-form__inputArea,
  .webform-elements .p-form__item.webform-type-radios .p-form__inputArea {
    margin: auto 0;
    margin-left: 5%;
  }
}

.webform-submission-form .webform-element--title-inline.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-submission-form .webform-element.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-submission-form .p-form__item.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-elements .webform-element--title-inline.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-elements .webform-element.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child),
.webform-elements .p-form__item.webform-type-radios .p-form__inputArea .form-type-radio:not(:last-child) {
  margin-right: 5px;
}

.webform-submission-form .webform-element--title-inline.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-submission-form .webform-element.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-submission-form .p-form__item.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-elements .webform-element--title-inline.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-elements .webform-element.webform-type-radios .p-form__inputArea .form-type-radio .form-radio,
.webform-elements .p-form__item.webform-type-radios .p-form__inputArea .form-type-radio .form-radio {
  vertical-align: middle;
}

.webform-submission-form .webform-wrapper .p-form__item input[type="password"],
.webform-elements .webform-wrapper .p-form__item input[type="password"] {
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .webform-submission-form .webform-wrapper .p-form__item input[type="password"],
  .webform-elements .webform-wrapper .p-form__item input[type="password"] {
    width: 100%;
  }
}

.webform-submission-form .webform-wrapper .p-form__item .icon-sh-quick-view,
.webform-submission-form .webform-wrapper .p-form__item .icon-sh-hide-password,
.webform-elements .webform-wrapper .p-form__item .icon-sh-quick-view,
.webform-elements .webform-wrapper .p-form__item .icon-sh-hide-password {
  top: 13px;
}

.webform-submission-form .g-recaptcha > div > div,
.webform-elements .g-recaptcha > div > div {
  position: absolute;
}

.webform-submission-form .g-recaptcha > div > div::before,
.webform-elements .g-recaptcha > div > div::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  background-image: url(../../../../core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  top: -30px;
  left: 317px;
  position: relative;
}

#edit-inquiry-details {
  margin-bottom: 0;
}

.g-recaptcha > div > div {
  position: absolute;
}

.g-recaptcha > div > div::before {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  background-image: url(../../../../core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  top: -30px;
  left: 317px;
  position: relative;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox label.option {
  padding-left: 30px;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .p-form__inputArea {
  width: auto;
  margin-left: 0;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .p-form__inputArea .p-form__text {
  padding: 0;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox {
  width: 1px;
  height: 1px;
  position: relative;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox::before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #6e6e6e;
  background-color: #ffffff;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox {
    width: 20px;
    height: 20px;
  }
}

@-moz-document url-prefix() {
  .webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox {
    width: 20px;
    height: 20px;
  }
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox:checked::before {
  background-color: #6e6e6e;
}

.webform-elements .webform-type-checkboxes .form-type-checkbox .form-checkbox:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 7px;
  width: 6px;
  height: 11px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

/*
 * ------------------------リッカート-------------------
 */
.form-type-webform-likert {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.form-type-webform-likert .p-form__nameArea {
  width: 100%;
}

.form-type-webform-likert .p-form__nameArea label {
  font-size: 1.8rem;
}

.form-type-webform-likert .p-form__inputArea {
  margin-left: 0;
  margin-top: 5px;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .form-type-webform-likert .p-form__inputArea {
    margin-top: 20px;
  }
}

.form-type-webform-likert .p-form__inputArea th {
  padding: 10px 5px 10px;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #e6e6e6;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
}

.form-type-webform-likert .p-form__inputArea td {
  padding: 10px;
  color: #333333;
  line-height: 1.2;
  font-weight: bold;
  vertical-align: middle;
}

@media screen and (min-width: 768px), print {
  .form-type-webform-likert .p-form__inputArea td {
    padding: 0;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
}

.form-type-webform-likert .p-form__inputArea td:has(.p-form__nameArea) {
  padding: 0;
  margin-bottom: 5px;
}

@media screen and (min-width: 768px), print {
  .form-type-webform-likert .p-form__inputArea td:has(.p-form__nameArea) {
    margin-bottom: 0;
  }
}

.form-type-webform-likert .p-form__inputArea .p-form__item {
  padding: 10px 0 10px 10px;
  margin: 0;
  background-color: #f5f5f5;
}

.form-type-webform-likert .p-form__inputArea .webform-likert-table {
  width: 100%;
  font-size: 1.4rem;
  overflow-wrap: break-word;
  border: 1px solid #e6e6e6;
}

@media screen and (min-width: 768px), print {
  .form-type-webform-likert .p-form__inputArea .webform-likert-table {
    border-bottom: none;
  }
}

.form-type-webform-likert .p-form__item .p-form__inputArea {
  margin: 0;
  width: 0;
}

.p-form {
  /**
  * 全てに共通して使用している
  */
  /**
  * form個別
  */
}

.p-form__title {
  border-bottom: 2px solid #cccccc;
  padding-bottom: 10.5px;
  margin-bottom: 60px;
}

.p-form__item {
  display: block;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px), print {
  .p-form__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
  }
}

.p-form__item--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-form__item--confirm {
  display: block;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px), print {
  .p-form__item--confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
  }
}

.p-form__item .icon-sh-quick-view,
.p-form__item .icon-sh-hide-password {
  color: #6e6e6e;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
}

.p-form__item input {
  border-radius: 3px;
}

.p-form__item input::-ms-clear {
  visibility: hidden;
}

.p-form__item input::-ms-reveal {
  visibility: hidden;
}

.p-form__item [class$="--mr100"] {
  margin-right: 100px;
}

.p-form__nameArea {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-form__nameArea {
    width: 15%;
  }
}

.p-form__name {
  padding: 10px 0;
  font-family: "NotoSans-Bold";
  color: #333333;
  text-align: left;
  font-size: 1.4rem;
}

.p-form__text, .p-form__text--mr100 {
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
  text-align: left;
  color: #333333;
  padding: 10px 0;
}

.p-form__inputArea {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-form__inputArea {
    width: 80%;
    margin-left: 5%;
  }
}

.p-form__inputArea--wrap {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-form__inputArea--wrap {
    width: 80%;
    margin-left: 5%;
  }
}

.p-form__inputArea--pcFlex {
  display: block;
}

@media screen and (min-width: 768px), print {
  .p-form__inputArea--pcFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-form__inputArea--pcFlex .p-form__checkbox {
    width: 320px;
  }
}

.p-form__inputArea--textArea {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-form__inputArea--textArea {
    width: 80%;
    margin-left: 5%;
  }
}

.p-form__contentsWrapCenter {
  display: block;
  margin: auto;
}

@media screen and (min-width: 768px), print {
  .p-form__contentsWrapCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-form__contentsWrapCenter > .p-form__nameArea {
  width: 230px;
}

@media screen and (min-width: 768px), print {
  .p-form__contentsWrapCenter .p-form__inputArea {
    width: 390px;
  }
}

.p-form__textArea {
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  height: 240px;
  width: 100%;
  resize: none;
}

@media screen and (min-width: 768px), print {
  .p-form__textArea {
    width: 80%;
  }
}

.p-form__inputText {
  width: 100%;
  margin-right: 30px;
}

@media screen and (min-width: 768px), print {
  .p-form__inputText {
    width: 360px;
  }
}

.p-form__checkbox {
  min-width: 300px;
  margin-top: 20px;
  padding-left: 5px;
}

@media screen and (min-width: 768px), print {
  .p-form__checkbox {
    margin-top: 12px;
  }
}

.p-form__checkbox label::before {
  border: 1px solid #999999;
}

.p-form__radio {
  padding-left: 5px;
  margin-top: 8px;
}

@media screen and (min-width: 768px), print {
  .p-form__radio {
    margin-top: 12px;
  }
}

.p-form__radio:not(:last-child) {
  margin-right: 35px;
}

.p-form__radio input[type="checkbox"] {
  display: none;
}

.p-form__radio input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

.p-form__radio label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}

.p-form__radio label::before, .p-form__radio label::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}

.p-form__radio label::before {
  top: -3px;
  left: -6px;
  width: 20px;
  height: 20px;
  border: 1px solid #999999;
  background-color: #ffffff;
  margin-top: 2px;
}

.p-form__radio label::after {
  top: 2px;
  left: -1px;
  width: 10px;
  height: 10px;
  border: 1px solid #999999;
  background-color: #6e6e6e;
  margin-top: 2px;
  opacity: 0;
}

.p-form__password {
  width: 100%;
  position: relative;
}

.p-form__password:not(:first-child) {
  margin: 20px 0;
}

@media screen and (min-width: 768px), print {
  .p-form__password {
    width: 260px;
  }
  .p-form__password:not(:first-child) {
    margin: 0 30px;
  }
}

.p-form__password input {
  width: inherit;
  height: 48px;
  border: 1px solid #ccc;
  padding-left: 20px;
}

.p-form__password i {
  top: 30%;
  right: 5%;
}

.p-form__password .icon-sh-quick-view,
.p-form__password .icon-sh-hide-password {
  top: 13px;
}

.p-form__link {
  padding: 7px 0;
}

.p-form__agree {
  margin-top: 50px;
  padding-left: 7px;
}

.p-form__borderBottom {
  width: 100%;
  border-bottom: 1px solid #ccc;
}

.p-form__limitMessage {
  font-family: "NotoSans-Light";
  margin-top: 5px;
}

.p-form__zipcodeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.p-form__zipcodeWrap > button {
  word-break: keep-all;
  margin-left: 10px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-form__zipcodeWrap > button {
    word-break: normal;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__zipcodeWrap > button {
    margin-left: 15px;
  }
}

.p-form__datepickerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (min-width: 768px), print {
  .p-form__datepickerWrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroupWrap {
    margin-top: 5px;
  }
}

.p-form__checkboxGroupWrap .p-form__item {
  margin-bottom: 0;
}

.p-form__checkboxGroupWrap .p-form__item:last-of-type {
  margin-bottom: 30px;
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap .p-form__item:last-of-type {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroupWrap .p-form__item:last-of-type .p-form__checkboxGroup {
    border-bottom: 1px solid #e6e6e6;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap .p-form__item:nth-child(n + 2) .p-form__checkboxHeader {
    display: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap > .p-form__item:last-of-type .p-form__checkboxDetail--item {
    border-bottom: 1px solid #e6e6e6;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupWrap > .p-form__item:last-of-type .p-form__checkboxGroupTitle {
    border-bottom: 1px solid #e6e6e6;
  }
}

.p-form__checkboxGroupQuestion {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: NotoSans-Regular;
}

.p-form__checkboxGroupTitle {
  vertical-align: middle;
  padding: 20px 0 20px 10px;
  background-color: #f5f5f5;
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "NotoSans-Regular";
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroupTitle {
    width: 100%;
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxGroupTitle {
    width: 40%;
    display: table-cell;
    border-right: 1px solid #e6e6e6;
  }
}

.p-form__checkboxGroup, .p-form__checkboxDetailWrap {
  margin-left: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroup, .p-form__checkboxDetailWrap {
    display: table;
  }
}

@media screen and (max-width: 767px) {
  .p-form__checkboxGroup {
    padding-bottom: 1rem;
    border-right: 1px solid #e6e6e6;
  }
}

.p-form__checkboxHeader, .p-form__checkboxDetail {
  display: table-row;
}

@media screen and (max-width: 767px) {
  .p-form__checkboxHeader, .p-form__checkboxDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .p-form__checkboxHeader {
    display: none;
  }
}

.p-form__checkboxDetail--item {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-top: none;
}

@media screen and (max-width: 767px) {
  .p-form__checkboxDetail--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxDetail--item {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #e6e6e6;
  }
}

.p-form__checkboxDetail--item input[type="checkbox"] + label {
  font-weight: normal;
  font-family: "NotoSans-Regular";
  color: #333333;
}

.p-form__checkboxDetail--input {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .p-form__checkboxDetail--input {
    margin: 0 10px 0 0;
  }
}

.p-form__checkboxHeader--item {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 10px 5px 10px;
  border-right: 1px solid #e6e6e6;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1.2;
  font-weight: bold;
}

@media screen and (min-width: 768px), print {
  .p-form__checkboxHeader--item:first-of-type {
    width: 40%;
  }
}

.p-form__visuallyHidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

@media screen and (max-width: 767px) {
  .p-form__visuallyHidden {
    display: inline;
    position: inherit !important;
    overflow: inherit;
    clip: inherit;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__visuallyHidden {
    overflow: hidden;
  }
}

.p-formvisuallyHidden.focusable:active, .p-formvisuallyHidden.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

/********themeの読み込み********/
/* Foundation */
/*日本語分析サイトのみ、labelの太字が太すぎるのをfont-familとfont-weightを変更して対応*/
label {
  font-family: "NotoSans-Regular";
  font-weight: 500;
}

@media screen and (min-width: 768px), print {
  p {
    font-size: 1.6rem;
  }
}

@font-face {
  font-family: "NotoSans-Light";
  src: url("../fonts/NotoSansCJKjp-Light.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp-Light.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSans-Regular";
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSans-Bold";
  src: url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype");
}

@media screen and (min-width: 768px), print {
  .l-header.is-scroll .l-header__preBlock,
  .l-header.is-scroll .l-header__afterBlock {
    width: calc((100vw - 1480px) / 2);
  }
  .l-header.is-scroll .l-header__navigationMenu {
    max-width: 1015px;
  }
}

@media screen and (min-width: 1280px), print {
  .c-partsSearch__checkBoxList > li label {
    margin-right: 10px;
  }
}

.c-tags--date .c-tags__date, .c-tags--dateFront .c-tags__date {
  font-size: 1.6rem;
}

[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag"],
[class*="c-tags"] .c-tags__tagsArea [class*="c-tags__tag--white"] {
  line-height: 1.2;
  font-size: 1.6rem;
}

/* Project */
.p-deviceManagementCard {
  border: 1px solid #e6e6e6;
  height: 100%;
}

.p-deviceManagementCard__description--bold {
  color: #333333;
}

.p-deviceManagementCard__description--bold {
  font-family: "NotoSans-Bold";
  font-size: 1.2rem;
  margin-top: 10px;
}

.p-deviceManagementCard a.p-casesCard__title {
  text-decoration: none;
}

.p-deviceManagementCard a.p-casesCard__title:hover, .p-deviceManagementCard a.p-casesCard__title:active {
  text-decoration: underline;
}

.p-deviceManagementCard__textArea {
  padding: 0 20px 20px;
}

@media screen and (min-width: 768px), print {
  .p-deviceManagementCard__textArea {
    padding: 0 25px 25px;
  }
}

.p-deviceManagementCard__titleArea {
  padding: 20px 20px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (min-width: 768px), print {
  .p-deviceManagementCard__titleArea {
    padding: 25px 25px 0;
  }
}

.p-deviceManagementCard__titleArea > a {
  text-decoration: none;
}

.p-deviceManagementCard__titleArea:hover > a, .p-deviceManagementCard__titleArea:active > a {
  text-decoration: none;
}

@media screen and (min-width: 768px), print {
  .p-deviceManagementCard__titleArea:hover > a, .p-deviceManagementCard__titleArea:active > a {
    text-decoration: underline;
  }
}

.p-deviceManagementCard__categoryLink, .p-deviceManagementCard__categoryLink--child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 12px;
}

@media screen and (min-width: 768px), print {
  .p-deviceManagementCard__categoryLink, .p-deviceManagementCard__categoryLink--child {
    -webkit-box-pack: normal;
        -ms-flex-pack: normal;
            justify-content: normal;
    border: none;
    padding: 0;
    margin-top: 12px;
  }
}

.p-deviceManagementCard__categoryLink > [class*="__categoryLinkText"], .p-deviceManagementCard__categoryLink--child > [class*="__categoryLinkText"] {
  padding: 0;
  color: #333333;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px), print {
  .p-deviceManagementCard__categoryLink > [class*="__categoryLinkText"], .p-deviceManagementCard__categoryLink--child > [class*="__categoryLinkText"] {
    font-family: "NotoSans-Regular";
    font-size: 1.4rem;
    line-height: 1;
    padding: 0;
  }
}

.p-deviceManagementCard__categoryLink > [class*="__categoryLinkText"][class*="--lineheight"], .p-deviceManagementCard__categoryLink--child > [class*="__categoryLinkText"][class*="--lineheight"] {
  line-height: 1.3;
}

.p-deviceManagementCard__categoryLink i.icon-sh-arrowRight, .p-deviceManagementCard__categoryLink--child i.icon-sh-arrowRight {
  display: inline-block;
  color: #dd0000;
  padding-top: 5px;
}

.p-deviceManagementCard__categoryLink i.icon-sh-arrowRight-small, .p-deviceManagementCard__categoryLink--child i.icon-sh-arrowRight-small {
  display: block;
  color: #dd0000;
  font-size: 1.6rem;
  height: 1.6rem;
  line-height: 1;
  margin-right: 3px;
  vertical-align: top;
}

@media screen and (min-width: 768px), print {
  .p-deviceManagementCard__categoryLink i.icon-sh-arrowRight-small, .p-deviceManagementCard__categoryLink--child i.icon-sh-arrowRight-small {
    font-size: 1.6rem;
    height: 1.6rem;
  }
}

.p-deviceManagementCard__categoryLink:hover > a, .p-deviceManagementCard__categoryLink:active > a, .p-deviceManagementCard__categoryLink--child:hover > a, .p-deviceManagementCard__categoryLink--child:active > a {
  text-decoration: none;
}

@media screen and (min-width: 768px), print {
  .p-deviceManagementCard__categoryLink:hover > a, .p-deviceManagementCard__categoryLink:active > a, .p-deviceManagementCard__categoryLink--child:hover > a, .p-deviceManagementCard__categoryLink--child:active > a {
    text-decoration: underline;
  }
}

.p-deviceManagementCard .p-deviceManagementCard__categoryLink--child {
  margin-top: 10px;
  margin-left: 40px;
}

@media screen and (min-width: 768px), print {
  .p-deviceManagementCard .p-deviceManagementCard__categoryLink--child {
    margin-top: 10px;
    margin-left: 40px;
    color: #333333;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% - 40px);
    -webkit-box-align: top;
        -ms-flex-align: top;
            align-items: top;
    font-family: "NotoSans-Regular";
    font-size: 1.4rem;
    line-height: 1.9;
    padding: 0;
  }
}

.p-deviceManagementCard__categoryText {
  margin: 0 20px 0;
  color: #333333;
  text-decoration: none;
}

@media screen and (min-width: 768px), print {
  .p-deviceManagementCard__categoryText {
    font-family: "NotoSans-Regular";
    font-size: 1.4rem;
    line-height: 1.1;
    margin: 0 20px 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-featuresCard__description {
    font-size: 1.6rem;
  }
}

.p-technicalMagazineCard {
  position: relative;
}

.p-technicalMagazineCard__content {
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 768px), print {
  .p-technicalMagazineCard__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-technicalMagazineCard__content .p-technicalMagazineCard__imageArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .p-technicalMagazineCard__content .p-technicalMagazineCard__imageArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: center;
        align-self: center;
  }
}

@media screen and (min-width: 768px), print {
  .p-technicalMagazineCard__content .p-technicalMagazineCard__imageArea {
    max-width: calc(140 / 1230 * 100%);
    width: 100%;
    height: auto;
  }
}

.p-technicalMagazineCard__content .p-technicalMagazineCard__textArea {
  -ms-flex-negative: unset;
      flex-shrink: unset;
}

@media screen and (max-width: 767px) {
  .p-technicalMagazineCard__content .p-technicalMagazineCard__textArea {
    padding: 20px 0 0;
  }
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-technicalMagazineCard__content .p-technicalMagazineCard__textArea {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

.p-technicalMagazineCard__textArea {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media screen and (min-width: 768px), print {
  .p-technicalMagazineCard__textArea {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
}

.p-technicalMagazineCard__summary {
  margin: 0;
}

.p-softwareDownloadCard {
  counter-reset: num;
}

.p-softwareDownloadCard__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.p-softwareDownloadCard__contnts {
  margin-top: 40px;
}

.p-softwareDownloadCard__contnts:first-of-type {
  margin-top: 20px;
}

.p-softwareDownloadCard__detailArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px), print {
  .p-softwareDownloadCard__detailArea {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 1.6rem;
  }
}

.p-softwareDownloadCard__detailArea--item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  font-size: 1.4rem;
}

@media screen and (min-width: 768px), print {
  .p-softwareDownloadCard__detailArea--item {
    width: calc(50% - 20px);
    margin-right: 10px;
  }
}

.p-softwareDownloadCard__listTItle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
  font-size: 1.8rem;
}

.p-softwareDownloadCard__listTItle::before {
  content: counter(num);
  counter-increment: num;
  padding-right: 8px;
}

.p-softwareDownloadCard__textArea {
  font-size: 1.6rem;
}

.p-contactShimadzu__inquiryWrap, .p-contactShimadzu__inquiryWrap--3column {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__inquiryItem {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px), print {
  .p-contactShimadzu__inquiryButton {
    padding: 5px 60px;
  }
}

.p-contactShimadzu__inquiryButton:hover i.icon-sh-external-link {
  color: #ffffff;
}

.p-contactShimadzu__inquiryButton > i.icon-sh-external-link {
  display: block;
  color: #dd0000;
}

.p-form__zipcodeWrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 768px), print {
  .p-form__zipcodeWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.p-form__zipcodeWrap > button {
  height: 30px;
  min-height: auto;
}

.p-form__zipcodeWrap .form-text {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-form__zipcodeWrap .form-text {
    max-width: calc(360 / 1230 * 100%);
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1280px), print {
  .p-form__zipcodeWrap .form-text {
    width: 360px;
  }
}

.p-form__zipcodeWrap .webform-component {
  margin-top: 10px;
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .p-form__zipcodeWrap .webform-component {
    margin-top: 0px;
    margin-left: 2%;
  }
}

@media screen and (min-width: 768px), print {
  .p-form__zipcodeWrap .webform-component .form-text {
    max-width: 360px;
    width: 100%;
  }
}

.p-form__zipcodeWrap .webform-component select {
  width: 100%;
}

.p-globalNav {
  background-color: #ffffff;
}

.p-globalNav > nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-globalNav {
    width: 100%;
  }
}

@media screen and (min-width: 768px), print {
  .p-globalNav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    height: 58px;
  }
  .p-globalNav > nav {
    width: 1230px;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-globalNav {
    max-width: 100vw;
  }
  .p-globalNav > nav {
    max-width: 1230px;
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

@media screen and (min-width: 768px), print {
  .p-globalNav.is-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1040px;
    border-top: none;
    height: 70px;
  }
  .p-globalNav.is-scroll > nav {
    margin: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__unit {
    padding: 23px 8px;
    margin: 0 3px;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__searchBox {
    margin-right: 20px;
    margin-top: 17px;
    width: 130px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1440px) and (min-width: 768px) {
  .p-globalNav.is-scroll {
    max-width: 1040px;
    width: calc(1030px - (1030 - 380) * (1440px - 100vw) / (1440 - 768));
  }
  .p-globalNav.is-scroll > nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__wrap {
    width: 100%;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__wrap .p-globalNav__unit {
    padding: 13px 3px 14px;
    margin: 0 5px;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__wrap .p-globalNav__unit [class*="p-globalNav__categoryName"] {
    font-size: calc(14px - (14 - 10) * (1440px - 100vw) / (1440 - 768));
    white-space: normal;
    word-break: break-all;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__categoryName--iconText {
    display: none;
  }
  .p-globalNav.is-scroll > nav .c-basicButton--XXSmallFullWidth {
    padding: 3px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1504px) and (min-width: 768px) {
  .p-globalNav.is-scroll .p-globalNav__searchArea {
    display: none;
  }
}

@media screen and (min-width: 1440px), print {
  .p-globalNav.is-scroll .p-globalNav__categoryName--iconText {
    display: none;
  }
  .p-globalNav.is-scroll .p-globalNav__unit--iconButton .c-basicButton--XXSmallFullWidth {
    padding: 3px;
  }
  .p-globalNav.is-scroll > nav .p-globalNav__unit--iconButton {
    padding: 13px 3px 14px;
    margin: 0 5px;
  }
}

.p-globalNav__wrap {
  display: block;
}

@media screen and (max-width: 767px) {
  .p-globalNav__wrap {
    width: 100%;
    position: fixed;
    background-color: #ffffff;
    z-index: 100;
    -webkit-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
  }
  .p-globalNav__wrap.is-active {
    right: 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-globalNav__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    position: static;
    right: 0;
    padding-bottom: 2px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-globalNav [class*="p-globalNav__unit"] {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .p-globalNav [class*="p-globalNav__unit"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 14px 20px;
    border-top: solid 1px #e6e6e6;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="u-mobileDisplay--hide"] {
    display: none;
  }
  .p-globalNav [class*="p-globalNav__unit"]:last-child {
    border-bottom: solid 1px #e6e6e6;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"] a {
    width: 100%;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"] a i.icon--show {
    font-size: 21px;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--mobileLink"] i[class*="icon-sh-arrowRight"] {
    display: inline-block;
    color: #6e6e6e;
    font-size: 1.4rem;
    padding-top: 4px;
  }
  .p-globalNav [class*="p-globalNav__unit"]:first-child {
    padding: 9px 20px;
    cursor: default;
    border: none;
  }
  .p-globalNav [class*="p-globalNav__unit"] .p-headerLogo__siteType {
    display: block;
    margin-left: 0;
  }
}

@media screen and (min-width: 768px), print {
  .p-globalNav [class*="p-globalNav__unit"] {
    padding: 15px 0.3em;
    margin: 0 1.1em;
    border-bottom: solid 2px transparent;
  }
  .p-globalNav [class*="p-globalNav__unit"]:first-of-type {
    margin-left: 0;
    letter-spacing: 0.4em;
  }
  .p-globalNav [class*="p-globalNav__unit"]:hover, .p-globalNav [class*="p-globalNav__unit"].is-current {
    border-bottom: solid 2px #dd0000;
  }
  .p-globalNav [class*="p-globalNav__unit"] i {
    display: none;
  }
  .p-globalNav [class*="p-globalNav__unit"] i.icon--show {
    display: block;
    font-size: 21px;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--mobileLink"] {
    display: none;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"] {
    padding: 12px 0.4em 10px;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"] .p-fillButton:hover .p-globalNav__categoryName--iconText {
    color: #dd0000;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"]:hover {
    border-bottom: solid 2px transparent;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-globalNav [class*="p-globalNav__unit"] {
    margin-left: calc(12px - (12 - 1) * (1280px - 100vw) / (1280 - 768));
    margin-right: calc(12px - (12 - 1) * (1280px - 100vw) / (1280 - 768));
  }
}

@media screen and (max-width: 980px) and (min-width: 768px) {
  .p-globalNav [class*="p-globalNav__unit"] {
    padding: 15px 0.1em;
  }
  .p-globalNav [class*="p-globalNav__unit"][class*="--iconButton"] {
    padding: 12px 0.1em 10px;
  }
}

.p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"] {
  color: #333333;
  white-space: nowrap;
  font-family: "NotoSans-Light";
  font-size: 1.6rem;
}

.p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"][class*="--mobile"] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"][class*="--iconText"] {
  color: #ffffff;
}

@media screen and (min-width: 768px), print {
  .p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"] {
    font-family: "NotoSans-Regular";
    font-size: 1.4rem;
  }
  .p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"][class*="--mobile"] {
    display: none;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"] {
    font-size: calc(13px - (13 - 10) * (1280px - 100vw) / (1280 - 768));
  }
  .p-globalNav [class*="p-globalNav__unit"] [class*="p-globalNav__categoryName"]--iconText {
    font-size: calc(13px - (13 - 10) * (1280px - 100vw) / (1280 - 768));
  }
}

.p-globalNav [class*="p-globalNav__unit"] > a {
  text-decoration: none;
}

.p-globalNav__searchArea {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-globalNav__searchArea {
    display: block;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox {
    border: solid 1px #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    margin: 10px 0;
    padding: 0 0.5em;
    border-radius: 3px;
    background-color: #f5f5f5;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox * {
    background-color: #f5f5f5;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox .p-globalNav__searchText {
    color: #999999;
    border: none;
    width: calc(110px - (110 - 80) * (1440px - 100vw) / (1440 - 768));
    max-width: 190px;
    min-width: 80px;
    padding: 0 20px 0 0;
    height: auto;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox .p-globalNav__searchButton {
    padding-top: 5px;
    position: relative;
    border: none;
    cursor: pointer;
  }
  .p-globalNav__searchArea .p-globalNav__searchBox .p-globalNav__searchButton i {
    position: absolute;
    font-size: 24px;
    height: 30px;
    bottom: -1px;
    right: -4px;
    background-color: transparent;
  }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
  .p-globalNav__searchArea .p-globalNav__searchBox .p-globalNav__searchText {
    width: calc(130px - (130 - 80) * (1280px - 100vw) / (1280 - 768));
    font-size: calc(14px - (14 - 10) * (1280px - 100vw) / (1280 - 768));
    min-width: 80px;
  }
}

@media screen and (max-width: 767px) {
  [class*="p-headerIconMenu__unit"] {
    width: 20px;
    text-align: center;
    margin-right: 17px;
  }
  [class*="p-headerIconMenu__unit"] a {
    color: #6e6e6e;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class*="p-headerIconMenu__unit"] i {
    font-size: 21px;
    margin-top: 7px;
    cursor: pointer;
  }
  [class*="p-headerIconMenu__unit"] i:not([class*="mobile"]) {
    display: none;
  }
  [class*="p-headerIconMenu__unit"]#vue_register_menber i[class="icon-sh-my-page"] + span + [class="icon-sh-my-page-mobile"] {
    color: #dd0000;
  }
}

@media screen and (min-width: 768px), print {
  [class*="p-headerIconMenu__unit"] {
    padding: 0 25px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class*="p-headerIconMenu__unit"] a {
    color: #6e6e6e;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [class*="p-headerIconMenu__unit"] i {
    font-size: 25px;
    cursor: pointer;
  }
  [class*="p-headerIconMenu__unit"] i[class*="mobile"] {
    display: none;
  }
  [class*="p-headerIconMenu__unit"] i[class="icon-sh-shimadzu-logo"], [class*="p-headerIconMenu__unit"] i[class="icon-sh-earth"] {
    font-size: 17px;
    padding: 4px 3px 0 0;
  }
  [class*="p-headerIconMenu__unit"] i[class="icon-sh-member-registration"], [class*="p-headerIconMenu__unit"] i[class="icon-sh-my-page"] {
    color: #dd0000;
  }
  [class*="p-headerIconMenu__unit"] i[class="icon-sh-member-registration"] + span, [class*="p-headerIconMenu__unit"] i[class="icon-sh-my-page"] + span {
    color: #dd0000;
  }
  [class*="p-headerIconMenu__unit"] i[class="icon-sh-cart"] {
    font-size: 19px;
    vertical-align: text-bottom;
  }
}

.p-headerIconMenu {
  background-color: #ffffff;
}

@media screen and (max-width: 767px) {
  .p-headerIconMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: calc(100% - 157px);
    padding-top: 16px;
  }
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 965px;
    background-color: transparent;
  }
}

@media screen and (max-width: 1242px) and (min-width: 768px) {
  .p-headerIconMenu {
    max-width: calc(100vw - 270px);
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media screen and (max-width: 1540px) and (min-width: 1242px) {
  .p-headerIconMenu {
    max-width: calc(100vw - 550px);
    width: 100%;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media screen and (max-width: 1540px) and (min-width: 1242px) and (max-width: 1049px) {
  .p-headerIconMenu {
    max-width: calc(100vw - 250px);
  }
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu.is-scroll {
    min-width: 260px;
    max-width: 260px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    height: 70px;
    background-color: #f5f5f5;
    border-bottom: solid 1px #e6e6e6;
  }
  .p-headerIconMenu.is-scroll * {
    background-color: #f5f5f5;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap {
    margin: 22px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__unit {
    display: none;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__unit--follow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) and (max-width: 1505px) and (min-width: 768px) {
  .p-headerIconMenu.is-scroll {
    min-width: auto;
    max-width: none;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    background-color: #ffffff;
  }
  .p-headerIconMenu.is-scroll * {
    background-color: #ffffff;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap {
    padding-left: 4px;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap [class*="p-headerIconMenu__unit"] {
    padding: 0 28px 0 0;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__wrap [class*="p-headerIconMenu__unit"]:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
  }
  .p-headerIconMenu.is-scroll .p-headerIconMenu__text {
    display: none;
  }
}

.p-headerIconMenu__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-headerIconMenu__wrap {
    margin-right: 0vw;
    height: 20px;
  }
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu__wrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 27px 0;
  }
}

.p-headerIconMenu__text {
  display: none;
  cursor: pointer;
}

@media screen and (min-width: 930px), print {
  .p-headerIconMenu__text {
    font-family: "NotoSans-Bold";
    font-size: 1.2rem;
    display: block;
    font-weight: bold;
    padding: 4px 0 0 2px;
  }
}

.p-headerIconMenu__mobileHamburger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-headerIconMenu__mobileHamburger::before {
  content: "";
  width: 2px;
  color: #cccccc;
  background-color: #cccccc;
  height: 30px;
  margin-top: 3px;
}

.p-headerIconMenu__mobileHamburgerLine {
  cursor: pointer;
  margin: 6px 15px 0 15px;
}

.p-headerIconMenu__mobileHamburgerLine > * {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  height: 2px;
  width: 26px;
  background-color: #6e6e6e;
}

.p-headerIconMenu__mobileHamburgerLine > *:first-child {
  margin-bottom: 9px;
}

.p-headerIconMenu__mobileHamburgerLine > *:last-child {
  margin-top: 9px;
}

.p-headerIconMenu__mobileHamburger.is-active .p-headerIconMenu__mobileHamburgerLine > *:nth-child(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
          transform: translateY(11px) rotate(-45deg);
}

.p-headerIconMenu__mobileHamburger.is-active .p-headerIconMenu__mobileHamburgerLine > *:nth-child(2) {
  opacity: 0;
}

.p-headerIconMenu__mobileHamburger.is-active .p-headerIconMenu__mobileHamburgerLine > *:nth-child(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
          transform: translateY(-11px) rotate(45deg);
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu__mobileHamburger {
    display: none;
  }
}

.p-headerIconMenu__pulldown {
  display: none;
}

@media screen and (min-width: 768px), print {
  .p-headerIconMenu__pulldown {
    display: block;
    padding: 3px 0 0 7px;
  }
  .p-headerIconMenu__pulldown i {
    font-size: 16px;
  }
}

@media screen and (max-width: 1241px) {
  .p-headerLogo__siteType {
    display: none;
  }
}

@media screen and (min-width: 768px), print {
  .p-headerLogo.is-scroll .p-headerLogo__logoImage--pcSmall {
    width: 205px;
  }
}

.p-contentsIntroduction__wrapContents.blue:hover {
  background-color: #49a7d9;
}

.p-contentsIntroduction__wrapContents.blue:hover > div.p-contentsIntroduction__wrapImg {
  background-image: url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/images/mainImage/Analysis_Routine.gif");
}

.p-contentsIntroduction__wrapContents.orange:hover {
  background-color: #ff9532;
  max-height: 77.86px;
}

.p-contentsIntroduction__wrapContents.orange:hover div.p-contentsIntroduction__wrapImg {
  background-image: url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/images/mainImage/Learning_Portal.gif");
}

.p-contentsIntroduction__wrapContents.green:hover div.p-contentsIntroduction__wrapImg {
  background-image: url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/images/mainImage/Product_of_the_Month.gif");
}

.p-datepicker__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-datepicker__wrap input {
  cursor: pointer;
  font-family: "NotoSans-Light";
  color: #6e6e6e;
  padding: 5px 0 5px 10px;
  border: solid 1px #cccccc;
  height: 48px;
  font-size: 1.4rem;
  border-radius: 3px;
}

@media screen and (min-width: 768px), print {
  [class*="u-mobileDisplay--show"] {
    display: none;
  }
}

[class*="u-mobileDisplay--hide"] {
  display: none;
}

@media screen and (max-width: 767px) {
  .u-mobileDisplay--show {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .u-mobileDisplay--showFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px), print {
  .u-mobileDisplay--hide {
    display: block;
  }
}

@media screen and (min-width: 768px), print {
  .u-mobileDisplay--hideFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/*# sourceMappingURL=../maps/style_jp.css.map */