@charset "UTF-8";
/*------------- .l-footer -------------*/
.l-footer {
  background: #202258;
  box-sizing: border-box;
}

.l-footer__inner {
  max-width: 75rem;
  margin: 0 auto;
  padding: 2.2rem 2.2rem 1.8rem 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: stretch;
  box-sizing: border-box;
}

.l-footer__inner .f-logo {
  width: 14.8rem;
}

.l-footer__inner .f-nav {
  /* width: calc(100% - 14.8rem); */
  padding-left: 4.8rem;
  box-sizing: border-box;
}

.l-footer__inner .f-nav .f-links li a {
  font-size: 1.4rem;
  line-height: 2.1428571429;
  letter-spacing: 0.075em;
  font-weight: 400;
  color: #fff;
  text-decoration: underline;
  margin-right: 1em;
  display: inline;
}

.l-footer__inner .f-nav .f-links li a:hover {
  text-decoration: none;
}

.copyright {
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  padding: 1em;
  border-top: 1px solid #37385b;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .l-footer__inner .f-logo {
    width: 7.4rem;
  }
}
@media screen and (max-width: 767px) {
  .main img,
  .l-footer img {
    width: 100%;
    max-width: inherit;
  }
}
/*------------------------------------
* PC,SP共通部分
*-------------------------------------*/
/* リセット */
body { margin: 0;}

#lp-form h1,
#lp-form h2,
#lp-form h3,
#lp-form h4,
#lp-form h5,
#lp-form h6,
#lp-form p,
#lp-form ul,
#lp-form ol,
#lp-form li,
#lp-form dl,
#lp-form dt,
#lp-form dd,
#lp-form blockquote {
  margin: 0;
}

#lp-form ul,
#lp-form ol {
  ist-style: none inside;
}

#lp-form img,
#lp-form a img {
  border: 0;
  vertical-align: middle;
}

#lp-form .clearfix {
  zoom: 1;
}

#lp-form .clearfix:after {
  clear: both;
  content: '';
  display: block;
}

#lp-form {
  font-size: 12px;
  line-height: 1.42857143;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
}

#lp-form table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Form 項目と入力ボックス間の空白調節*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 {
  float: left;
  position: relative;
  min-height: 1px;
}
.col-24 {width: 100%;}
.col-23 {width: 95.83333333%;}
.col-22 {width: 91.66666667%;}
.col-21 {width: 87.5%;}
.col-20 {width: 83.33333333%;}
.col-19 {width: 79.16666667%;}
.col-18 {width: 75%;}
.col-17 {width: 70.83333333%;}
.col-16 {width: 66.66666667%;}
.col-15 {width: 62.5%;}
.col-14 {width: 58.33333333%;}
.col-13 {width: 54.16666667%;}
.col-12 {width: 50%;}
.col-11 {width: 45.83333333%;}
.col-10 {width: 41.66666667%;}
.col-9 {width: 37.5%;}
.col-8 {width: 33.33333333%;}
.col-7 {width: 29.16666667%;}
.col-6 {width: 25%;}
.col-5 {width: 20.83333333%;}
.col-4 {width: 16.66666667%;}
.col-3 {width: 12.5%;}
.col-2 {width: 8.33333333%;}
.col-1 {width: 4.16666667%;}

/*------------------------------------
* PC部分
*-------------------------------------*/
/* 本フォーム全体  */
.form_container_ec {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
}
.form_main_container_ec {
  font-size:12px;
  width: 100%;
  border-radius:3px
}
.landing_form_label_ec {
  padding: 15px;
}
/* フォームの項目名ラベル */
.form_box_label {
  background: #cadefc;
  border-bottom: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
  padding: 2%;
  vertical-align: middle;
  text-align: left;
  color: #333;
  margin-bottom: 2%;
}
span.form_required_ec{
  padding: 2px 4px;
  margin-left: 5px;
  display: inline-block;
  float: right !important;
}
/* フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  width: 852px;
  margin: 0 auto;
}
/* フォーム一項目　項目名ラベルと入力ボックス */
.landing_form_ec tr {
  line-height: 18px;
  font-size: 14px;
}
/* フォーム左側　項目名ラベル */
.landing_form_ec th {
  text-align: left;
  vertical-align: top;
  padding: 13px 11px;
}
/* フォーム右側　入力ボックス */
.landing_form_ec td {
  width: 584px;
  padding: 13px 5px;
}
/* フォームトップメッセージ */
.login_message_ec,
.purchase_message_ec {
  font-weight: normal;
  font-size: 14px;
  padding:20px 0px;
  margin-left: 4%;
  margin-right: 4%;
}
/* エラーメッセージ背景 */
.alert-danger_ec {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-success_ec {
  background-color: #DFF0D8;
  border-color: #d6e9c6;
  color: #468847;
}

.form_main_container_sp_ec .formError {
  width: 200px;
}

.form_main_container_ec .formError {
  width: 470px;
}

.formError .formErrorContent {
  width: 60%;
  font-size: 100%;
}

.alert_ec {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
p.caution_ec {
  padding-top:10px;
  font-size: 14px;
}
.optin_view_ec,
.agreement_view_ec,
.order_checklist_view_ec {
  margin-left: 4%;
  padding-top: 20px;
  position: relative;
}

.submit_ec {
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
}

#option_types {
  margin-top: 10px;
}

#option_types:empty {
  display: none;
}

.option_type{
  margin: 5px 0;
}

.option_type label {
  display: inline-block;
  width: 80px;
}

.form_group_ec {
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
}
.form_main_container_ec div.form_group_ec input{
  padding: 10px 10px;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form_main_container_ec div.form_group_ec input[type=checkbox]{
  margin-left: 3px;
  margin-right: 3px;
}
.form_main_container_ec div.form_group_ec select{
  padding: 10px 10px;
  height: 40px;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form_main_container_ec div.form_group_ec .disabled-input-ec {
  pointer-events: none;
  background-color: #ccc !important;
  opacity: 0.7;
}
input.input_box_ec { width:70%; }
select.input_box_product_ec { min-width:50%; }
p.input_product_ec { display:inline-block; }
input.input_box_name_ec { width:70%; }
input.input_box_name1_ec { width:70%; }
input.input_box_name2_ec { width:70%; }
input.input_box_kana_ec { width:70%; }
input.input_box_kana1_ec { width:70%; }
input.input_box_kana2_ec { width:70%; }
select.input_box_sex_ec { width: 25%; }
select.input_box_job_ec { width: 70%; }
select.input_box_birth_year_ec { width: 25%; }
select.input_box_birth_month_ec { width: 15%; }
select.input_box_birth_day_ec { width: 15%; }
input.input_box_zip1_ec { width: 50px; }
input.input_box_zip2_ec { width: 60px; }
select.input_box_pref_ec { width: 150px; }
input.input_box_addr1_ec { width: 70%; }
input.input_box_addr2_ec { width: 70%; }
input.input_box_addr3_ec { width: 70%; }
input.input_box_tel_ec { width: 70%; }
input.input_box_tel1_ec { width: 45px; }
input.input_box_tel2_ec { width: 45px; }
input.input_box_tel3_ec { width: 45px; }
input.input_box_fax_ec { width: 70%; }
input.input_box_fax1_ec { width: 45px; }
input.input_box_fax2_ec { width: 45px; }
input.input_box_fax3_ec { width: 45px; }
input.input_box_email_ec { width: 70%; }
input.input_box_email_confirm_ec { width: 70%; }
input.input_box_customer_number_ec { width: 70%; }
select.input_box_card_method_ec { width: 50%; }
select.input_box_card_times_ec { width: 15%; }
input.input_box_card_number_ec { width: 70%; }
select.input_box_card_month_ec { width: 15%; }
select.input_box_card_year_ec { width: 15%; }
input.input_box_card_name_ec { width: 70%; }
input.input_box_password_ec { width: 70%; }
input.input_box_password_confirm_ec { width: 70%; }

p.form_box_label_ec strong { font-weight: bold; }
p.form_box_label_ec label { font-weight: bold; }
div.form_group_ec p {}
div.form_group_ec span { font-weight: bold; }
div.scheduled_delivery_date_text_ec {
  font-size: 14px;
  line-height: 20px;
}

div.pre_ordered_delivery_description_text_ec {
  font-size: 14px;
  line-height: 20px;
}

.preview_container_ec > table th,
.preview_container_ec > table td {
  border: 1px solid #d0dcec;
}

.table_bordered_ec {
  border: 0px !important;
}

.table_ec {
  width: 100%;
  max-width: 100%;
}

.table_ec tr > .pull_right_ec {
  text-align: right;
}

.table_ec tr > th.product_name_ec {
  width: 60%;
}

.table_ec tr > th.product_price_ec {
  width: 15%;
}

.table_ec tr > th.product_quantity_ec {
  width: 10%;
}

.table_ec tr > th.product_pickup_available_date_ec {
  width: 15%;
}

.table_ec tr > th.product_sub_total_ec {
  width: 15%;
}

.total_color_ec {
  color: #ff0000;
  font-weight: bold;
}

.without_border_ec {
  border: none !important;
}

/* Paypal */
#paypal-button-container {
  width: 50%;
}

/* Amazon Pay */
.amazon_pay_box_ec {
  border: solid 1px #C3C3C3;
  margin: 10px;
  padding: 20px 0;
  text-align: center;
}

.amazon_pay_title_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 25px;
  color: #df1800;
  font-weight: bold;
}

.amazon_pay_subtitle_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 20px;
  color: #e6a300;
}

.amazon_pay_message_ec {
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
}

.amazon_pay_not_use_message_ec {
  height: 32px;
  margin: 0 auto !important;
  padding: 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  color: #e6a300;
}

.amazon_pay_button_all_ec {
  margin: 20px auto 20px;
  width: 300px;
}

.amazon_pay_button_wallet_ec {
  padding-top: 15px;
  margin-left: -25px;
}

.amazon_pay_button_wallet_ec input.billing_agreement_ec {
  visibility: hidden;
  font-size: 0px !important;
}

.address_book_widget_wrapper_ec {
  height: 228px;
}

.wallet_widget_wrapper_ec {
  height: 228px;
  width:417px;
  float:left;
  margin-right:6px;
}

.consent_widget_wrapper_ec {
  height:193px;
  width:417px;
  float:left;
  margin-top: 5px;
}

.consent_wrapper_ec {
  height: 30px;
  width: 405px;
  color: white;
  background: red;
  vertical-align: middle;
  display: table-cell;
  padding: 0 10px;
  border-radius: 5px;
  position: relative;
}

.consent_wrapper_ec > span.consent_message_ec {
  padding: 0 0 0 10px;
}

.consent_wrapper_ec > span.consent_mandatory_ec {
  float: right;
  background: white;
  color: red;
  padding: 0 4px;
}

.consent_wrapper_ec > input.consent_checkbox_ec {
  visibility: hidden;
}

/* AmazonPay popup >> */
.amazon_pay_popup_box_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.amazon_pay_popup_content_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 30%;
  max-height: 250px;
  padding: 20px;
  background: #ffffff;
}

.amazon_pay_popup_title_ec {
  font-size: 20px;
}

.amazon_pay_popup_close_ec {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border-style: none;
  cursor: pointer;
}

.amazon_pay_popup_subtitle_ec {
  margin: 40px 0 30px;
  font-size: 18px;
}

.amazon_pay_popup_body_ec {
  margin: 20px auto 20px;
  width: 300px;
}
/* << AmazonPay popup */

.login_message_box_ec {
  width: 852px;
  margin: 20px auto 0px auto;
  border: solid 1px #C3C3C3;
}

p.login_message_wrapper_ec {
  font-size: 14px;
  margin: 20px 0 !important;
  text-align: center;
}

/* Socialplus */
.socialplus_ec {
  margin: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  justify-content: center;
}

.socialplus_ec .button-container {
  width: calc(33.3% - 10px);
  margin: 5px;
}

.socialplus_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 40px;
  padding-left: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.socialplus_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-size: 100%;
}

.socialplus_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 40px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.socialplus_ec .button-container .btn-facebook {
  background-color: #4267b2;
}

.socialplus_ec .button-container .btn-facebook:before {
  background-image: url("/assets/login-facebook-3e1626e3d5c7df61a277513295e7acb6cf9112c4df07db1b867c7641a7005492.png");
}

.socialplus_ec .button-container .btn-facebook:after {
  border-color: #8298cc;
}

.socialplus_ec .button-container .btn-twitter {
  background-color: #438dc4;
}

.socialplus_ec .button-container .btn-twitter:before {
  background-image: url("/assets/login-twitter-944a487f4746a5ce6557d56ae65421e8b71eaa7fda7a0f74a1bed6b86d345567.png");
}

.socialplus_ec .button-container .btn-twitter:after {
  border-color: #88BEEF;
}

.socialplus_ec .button-container .btn-google {
  background-color: #0056c7;
}

.socialplus_ec .button-container .btn-google:before {
  background-image: url("/assets/login-google-0119f2ac53e7fc66fe39b1e40fc4757c35ceab4bf28021ce0a81d45eee5d2360.png");
}

.socialplus_ec .button-container .btn-google:after {
  border-color: #4285f4;
}

.socialplus_ec .button-container .btn-gplus {
  background-color: #d04d40;
}

.socialplus_ec .button-container .btn-gplus:before {
  background-image: url("/assets/login-gplus-f2319e7179a28ad715384eb95ff7490c6ff1efa46a13c944022702b87ab4be07.png");
}

.socialplus_ec .button-container .btn-gplus:after {
  border-color: #cf837a;
}

.socialplus_ec .button-container .btn-mixi {
  background-color: #cba958;
}

.socialplus_ec .button-container .btn-mixi:before {
  background-image: url("/assets/login-mixi-99e3d6436ac6491642b1ed205a8f6ea2fbc7a349aea04474f1ae3477c27373f5.png");
}

.socialplus_ec .button-container .btn-mixi:after {
  border-color: #e6bc5c;
}

.socialplus_ec .button-container .btn-yahoo {
  background-color: #fe0032;
  border: 0.5px solid #f00;
}

.socialplus_ec .button-container .btn-yahoo:before {
  background-image: url("/assets/login-yahoo-ecc9e51a9724b036b6fd228bdef4855731ad44ae44b75fe1f4af7eb0f59684de.png");
}

.socialplus_ec .button-container .btn-yahoo:after {
  border-color: #fe0032;
}

.socialplus_ec .button-container .btn-rakuten {
  background-color: #b21d23;
}

.socialplus_ec .button-container .btn-rakuten:before {
  background-image: url("/assets/login-rakuten-8e21ab472f9e803e6d89857d15dd46768e21dc685f03156cfd96205df6773a66.png");
}

.socialplus_ec .button-container .btn-rakuten:after {
  border-color: #ae6164;
}

.socialplus_ec .button-container .btn-line {
  background-color: #31ae36;
}

.socialplus_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.socialplus_ec .button-container .btn-line:after {
  border-color: #70C053;
}

/* ecforce-payment */
.ecforce-payment-card-number,
.ecforce-payment-card-expiry,
.ecforce-payment-card-cvv {
  cursor: text !important;
  font-size: 12px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 3px !important;
  width: 70% !important;
}
.ecforce-payment-card-number #card-number,
.ecforce-payment-card-expiry #card-expiry,
.ecforce-payment-card-cvv #card-cvv {
  padding: 10px 10px !important;
}

/* payjp */
.payjp-card-number,
.payjp-card-expiry,
.payjp-card-cvv {
  cursor: text !important;
  font-size: 12px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 3px !important;
  width: 70% !important;
}
.payjp-card-number #card-number,
.payjp-card-expiry #card-expiry,
.payjp-card-cvv #card-cvv {
  padding: 10px 10px !important;
}

/* fincode */
.fincode-card-number,
.fincode-card-expiry,
.fincode-card-cvv {
  cursor: text !important;
  font-size: 12px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 3px !important;
  width: 70% !important;
}
.fincode-card-number #card-number,
.fincode-card-expiry #card-expiry,
.fincode-card-cvv #card-cvv {
  padding: 10px 10px !important;
}

.toggle_text {
  display: none;
}

/* カスタム項目 */
.free_columns-section_ec input {
  width: 70%;
}
.free_columns-section_ec input[type=checkbox], .free_columns-section_ec input[type=radio] {
  width: auto;
  top: -2px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.free_columns-section_ec .checkbox-wrapper, .free_columns-section_ec .radio-wrapper {
  margin-top:5px
}
.free_columns-section_ec .checkbox-wrapper>label, .free_columns-section_ec .radio-wrapper>label {
  display: inline-block;
  margin-left: 2px;
  width: 93%;
}
.free_columns-section_ec .form_group_ec label {
  font-weight: normal;
}
.free_columns-section_ec textarea {
  width: 100%;
}
.free_columns-section_ec select {
  width: 70%;
}
.free_columns-section_ec select[multiple]{
  height: 100% !important;
}
.free_columns-section_ec .category-caption-wrapper {
  margin: 1.5em 0 0.8em 3em;
  padding: 1em 0em 1em 1em;
  font-size: 14px;
  font-weight: bold;
  border-left: 5px solid #203594;
  width: 852px;
}
.free_columns-section_ec .category-caption-text {
  display: inline-block;
  width: 90%;
}
.free_columns-section_ec tr.free_column_category-footer td{
  border-left: none;
  border-right: none;
}
.free_columns-section_ec .category-btn-wrapper {
  cursor:pointer ;
  font-size: 14px;
  display:inline-block;
  font-weight: bold;
  color: #010FEE;
  letter-spacing: 0.2em;
}
.free_columns-section_ec .category-btn-wrapper .category-btn:before {
  display:inline-block;
  margin-right: 0.4rem;
  width: 1.9rem;
  height: 1.9rem;
  background-color: #010FEE;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.free_columns-section_ec .category-btn-wrapper.category-minus .category-btn:before {
  content:'ー';
  letter-spacing: 0;
  line-height: 1.95rem;
}
.free_columns-section_ec .category-btn-wrapper.category-plus {
  margin: 0.7em 0 0.8em 2em;
  padding: 1em;
}
.free_columns-section_ec .category-btn-wrapper.category-plus .category-btn:before {
  content:'＋';
  letter-spacing: 0;
  line-height: 1.95rem;
  font-weight: bold;
}

/* 受注自由項目 */
.order_free_columns-section_ec input {
  width: 70%;
}
.order_free_columns-section_ec .form_group_ec label {
  font-weight: normal;
}

/* セット商品 */
.table_ec td.set_item_selected{
  padding-left: 28px;
}

/*------------------------------------
* スマートフォン部分
*-------------------------------------*/
.form_container_sp_ec {
  padding: 0;
  background-size: 100%;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}
.landing_form_label_sp_ec {
  padding: 15px;
}
/* フォーム入力ボックスの基本 */
.form_main_container_sp_ec div.form_group_sp_ec input{
  padding: 8px 4px;
  line-height: 2.4;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
}
.form_main_container_sp_ec div.form_group_sp_ec input[type=checkbox]{
  margin-left: 3px;
  margin-right: 3px;
}
.form_main_container_sp_ec div.form_group_sp_ec select{
  height: 50px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
}
.form_group_sp_ec {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-top: 15px;
  position: relative;
}
.form_main_container_sp_ec div.form_group_sp_ec .disabled-input-ec {
  pointer-events: none;
  color: #555;
  background-color: #ccc !important;
  border: 1px solid #cccccc;
  opacity: 0.7;
}
/* フォームトップメッセージ */
.login_message_sp_ec,
.purchase_message_sp_ec {
  font-weight: normal;
  font-size: 14px;
  padding:20px 0px;
  margin-left: 4%;
  margin-right: 4%;
}
/* エラーメッセージ背景 */
.alert-danger_sp_ec {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-success_sp_ec {
  background-color: #DFF0D8;
  border-color: #d6e9c6;
  color: #468847;
}

.alert_sp_ec {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.form_main_container_sp_ec {
  width: 100%;
  border-radius:3px
}
span.form_required_sp_ec{
  padding: 2px 4px;
  margin-left: 5px;
  display: inline-block;
}
/* フォームの項目名ラベル */
.form_box_label_sp_ec {
  padding: 2%;
  vertical-align: middle;
  text-align: left;
  margin-bottom: 2%;
}
select.input_box_sp_ec {
  padding: 10px;
  font-size: 14px;
  width: 100%;
  height: 50px;
}
input.input_box_sp_ec { width:98%; }
select.input_box_product_sp_ec { width:98%; }
select.input_box_quantity_sp_ec { width:98%; }
input.input_box_name_sp_ec { width:98%; }
input.input_box_name1_sp_ec { width:45%; }
input.input_box_name2_sp_ec { width:45%; }
input.input_box_kana_sp_ec { width:98%; }
input.input_box_kana1_sp_ec { width:45%; }
input.input_box_kana2_sp_ec { width:45%; }
select.input_box_sex_sp_ec { width:98%; }
select.input_box_job_sp_ec { width:98%; }
select.input_box_birth_year_sp_ec { width: 40%; }
select.input_box_birth_month_sp_ec { width: 25%; }
select.input_box_birth_day_sp_ec { width: 25%; }
input.input_box_zip1_sp_ec { width: 80px; }
input.input_box_zip2_sp_ec { width: 100px; }
select.input_box_pref_sp_ec { width:98%; }
input.input_box_addr1_sp_ec { width:98%; }
input.input_box_addr2_sp_ec { width:98%; }
input.input_box_addr3_sp_ec { width:98%; }
input.input_box_tel_sp_ec { width: 98%; }
input.input_box_tel1_sp_ec { width: 24%; }
input.input_box_tel2_sp_ec { width: 24%; }
input.input_box_tel3_sp_ec { width: 24%; }
input.input_box_fax_sp_ec { width: 98%; }
input.input_box_fax1_sp_ec { width: 24%; }
input.input_box_fax2_sp_ec { width: 24%; }
input.input_box_fax3_sp_ec { width: 24%; }
input.input_box_company_sp_ec { width: 98%; }
input.input_box_email_sp_ec { width:98%; }
input.input_box_email_confirm_sp_ec { width:98%; }
input.input_box_customer_number_sp_ec { width:98%; }
select.input_box_shipping_address_sp_ec { width:98%; }
select.input_box_wrapping_sp_ec { width:98%; }
select.input_box_card_method_sp_ec { width:98%; }
select.input_box_card_times_sp_ec { width:98%; }
input.input_box_card_number_sp_ec { width:98%; }
select.input_box_card_month_sp_ec { width: 25%; }
select.input_box_card_year_sp_ec { width: 25%; }
input.input_box_card_name_sp_ec { width:98%; }
select.input_box_container_payment_schedule_sp_ec { width:98%; }
input.input_box_password_sp_ec { width:98%; }
input.input_box_password_confirm_sp_ec { width:98%; }

p.form_box_label_sp_ec strong { font-weight: bold; }
p.form_box_label_sp_ec label { font-weight: bold; }
div.form_group_sp_ec p {}
div.form_group_sp_ec span { font-weight: bold; }
p.caution_sp_ec {
  padding-top:10px;
  font-size: 14px;
}
p.product_name_sp_ec {
  padding: 0 15px 0 15px;
  font-size: 16px;
}
div.scheduled_delivery_date_text_sp_ec {
  font-size: 14px;
  line-height: 20px;
  padding-left:15px;
  padding-right:15px;
}
.optin_view_sp_ec,
.agreement_view_sp_ec,
.order_checklist_view_sp_ec {
  margin-left: 4%;
  padding-top: 15px;
  position: relative;
}
.submit_sp_ec {
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%
  margin-left: auto;
  margin-right: auto;
}

.pre_ordered_delivery_description_text_sp_ec {
  font-size: 14px;
  line-height: 20px;
  padding-left:15px;
  padding-right:15px;
}

/* カスタム項目 */
.free_columns-section_sp_ec input {
  width: 98%;
}
.free_columns-section_sp_ec input[type=checkbox], .free_columns-section_sp_ec input[type=radio] {
  width: auto;
  top: -1px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.free_columns-section_sp_ec .checkbox-wrapper, .free_columns-section_sp_ec .radio-wrapper {
  margin-top:5px
}
.free_columns-section_sp_ec .checkbox-wrapper>label, .free_columns-section_sp_ec .radio-wrapper>label {
  display: inline-block;
  margin-left: 6px;
  width: 90%;
}
.free_columns-section_sp_ec .form_group_ec label {
  font-weight: normal;
}
.free_columns-section_sp_ec textarea {
  width: 100%;
}
.free_columns-section_sp_ec select {
  width: 98%;
}
.free_columns-section_sp_ec select[multiple]{
  height: 100% !important;
}
.free_columns-section_sp_ec .category-caption-wrapper {
  margin: 1em 0;
  padding: 1em 0em 1em 1em;
  font-size: 13px;
  font-weight: bold;
  border-left: 5px solid #203594;
}
.free_columns-section_sp_ec .category-caption-text {
  display: inline-block;
  width: 78%;
}
.free_columns-section_sp_ec tr.free_column_category-footer td{
  border-left: none;
  border-right: none;
}
.free_columns-section_sp_ec .category-btn-wrapper {
  cursor:pointer ;
  font-size: 14px;
  display:inline-block;
  font-weight: bold;
  color: #010FEE;
  letter-spacing: 0.2em;
}
.free_columns-section_sp_ec .category-btn-wrapper .category-btn:before {
  display:inline-block;
  margin-right: 0.4rem;
  width: 1.3rem;
  height: 1.3rem;
  background-color: #010FEE;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.free_columns-section_sp_ec .category-btn-wrapper.category-minus .category-btn:before {
  content:'ー';
  letter-spacing: 0;
  line-height: 1.35rem;
}
.free_columns-section_sp_ec .category-btn-wrapper.category-plus {
  padding: 1em;
}
.free_columns-section_sp_ec .category-btn-wrapper.category-plus .category-btn:before {
  content:'＋';
  letter-spacing: 0;
  line-height: 1.35rem;
  font-weight: bold;
}

/* 受注自由項目 */
.order_free_columns-section_sp_ec input {
  width: 98%;
}
.order_free_columns-section_sp_ec .form_group_sp_ec label {
  font-weight: normal;
}

/* セット商品 */
.table_sp_ec td.set_item_selected{
  padding-left: 28px;
}

/*------------------------------------
* PCデザイン可変部分
*-------------------------------------*/
/* 【PC】フォームの項目名ラベル内必須アイコン */
span.form_required_ec{
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}
/* 【PC】フォームのセクションラベル */
.landing_form_label_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}
/* 【PC】フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  border-top: 1px solid #d0dcec;
  border-right: 1px solid #d0dcec;
  background: #FFF;
  border-bottom: 1px solid #999;
}
/* 【PC】フォーム左側　項目名ラベル */
.landing_form_ec th {
  background-color: #e1edfd;
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #e1edfd;
}
/* 【PC】フォーム右側　入力ボックス */
.landing_form_ec td {
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #ffffff;
}
/* 【PC】購入ボタンのデザイン */
.login_button_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background: url("/assets/default_login_btn-3545ead6f7c1f581390be8bada934a229cd580f4f4830b21c14803de789ad249.png") center;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* 【PC】購入ボタンのデザイン */
.submit_bottom_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background: url("/assets/default_btn-f6c2a9bc1ad7a90718756cd965847d700d3750ab3c837bf74bcf30dd3d083ea0.png") center;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* 【PC】購入ボタンのデザイン */
.submit_button_complete_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background: url("/assets/default_order_comp-6baf1ae5951cb6ca295e07a256d9d8ce2e646d315125a11207f4d833c9cca5d3.png") center;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/*------------------------------------
* スマートフォンデザイン可変部分
*-------------------------------------*/
/* 【SP】フォームの項目名ラベル内必須アイコン */
span.form_required_sp_ec{
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}

/* 【SP】フォームのセクションラベル */
.landing_form_label_sp_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}

/* 【SP】フォームの項目名ラベル */
.form_box_label_sp_ec {
  background: #cadefc;
  border-bottom: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
}

/* 【SP】ログインボタンのデザイン */
.login_button_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background: url("/assets/default_login_btn-3545ead6f7c1f581390be8bada934a229cd580f4f4830b21c14803de789ad249.png") center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* 【SP】購入ボタンのデザイン */
.submit_bottom_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background: url("/assets/default_btn-f6c2a9bc1ad7a90718756cd965847d700d3750ab3c837bf74bcf30dd3d083ea0.png") center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.submit_button_complete_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background: url("/assets/default_order_comp-6baf1ae5951cb6ca295e07a256d9d8ce2e646d315125a11207f4d833c9cca5d3.png") center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.preview_container_sp_ec > table {
  width: 100%;
}

.preview_container_sp_ec > table th {
  background: #cadefc;
}

.preview_container_sp_ec > table,
.preview_container_sp_ec > table tr,
.preview_container_sp_ec > table th,
.preview_container_sp_ec > table td {
  border: 1px solid #C3C3C3;
}

.table_bordered_sp_ec {
  border: 0px !important;
}

.table_sp_ec {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table_sp_ec > thead > tr > th,
.table_sp_ec > tbody > tr > th,
.table_sp_ec > tfoot > tr > th,
.table_sp_ec > thead > tr > td,
.table_sp_ec > tbody > tr > td,
.table_sp_ec > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table_bordered_sp_ec > thead > tr > th,
.table_bordered_sp_ec > tbody > tr > th,
.table_bordered_sp_ec > tfoot > tr > th,
.table_bordered_sp_ec > thead > tr > td,
.table_bordered_sp_ec > tbody > tr > td,
.table_bordered_sp_ec > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table_sp_ec tr > th {
  border-top: 0px;
  background: #F0F0F0;
  font-size: 10px;
}

.table_sp_ec tr > th,
.table_sp_ec tr > td {
  font-size: 12px;
}

.table_bordered_sp_ec tr > th,
.table_bordered_sp_ec tr > td {
  border: 1px solid #e5e5e5 !important;
}

.table_sp_ec th,
.table_sp_ec td {
  vertical-align: middle !important;
  line-height: 20px !important;
  border-top: 1px solid #e5e5e5 !important;
}

.total_color_sp_ec {
  color: #ff0000;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}

/* Amazon Pay */
.amazon_pay_box_sp_ec {
  border: solid 3px #C3C3C3;
  margin: 10px auto;
  padding: 20px 0;
  text-align: center;
}

.amazon_pay_title_sp_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  color: #df1800;
  font-weight: bold;
}

.amazon_pay_subtitle_sp_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  color: #e6a300;
}

.amazon_pay_message_sp_ec {
  margin: 0 10px;
  font-weight: bold;
  text-align: center;
}

.amazon_pay_not_use_message_sp_ec {
  margin: 0 10px !important;
  padding: 0 0 10px 0;
  text-align: center;
  font-size: 12px;
  color: #e6a300;
}

.amazon_pay_button_all_sp_ec {
  margin: 20px auto 20px;
  width: 300px;
}

.amazon_pay_button_wallet_sp_ec {
  padding-top: 15px;
  margin-left: -15px;
}

.amazon_pay_button_wallet_sp_ec input.billing_agreement_sp_ec {
  visibility: hidden;
  font-size: 0px !important;
}

.address_book_widget_wrapper_sp_ec,
.wallet_widget_wrapper_sp_ec,
.consent_widget_wrapper_sp_ec {
}

.address_book_widget_wrapper_sp_ec,
.wallet_widget_wrapper_sp_ec,
.consent_widget_wrapper_sp_ec {
}

.consent_wrapper_sp_ec {
  height: 30px;
  color: white;
  background: red;
  padding-top: 5px;
  margin: 10px 0;
}

.consent_wrapper_sp_ec > span.consent_message_sp_ec {
  padding: 0 0 0 10px;
}

.consent_wrapper_sp_ec > span.consent_mandatory_sp_ec {
  float: right;
  background: white;
  color: red;
  padding: 2px 8px;
  margin: 2px 10px;
}

.consent_wrapper_sp_ec > input.consent_checkbox_sp_ec {
  visibility: hidden;
}

/* AmazonPay popup >> */
.amazon_pay_popup_box_sp_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.amazon_pay_popup_content_sp_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 250px;
  padding: 20px;
  background: #ffffff;
}

.amazon_pay_popup_title_sp_ec {
  font-size: 20px;
}

.amazon_pay_popup_close_sp_ec {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border-style: none;
  cursor: pointer;
}

.amazon_pay_popup_subtitle_sp_ec {
  margin: 40px 0 30px;
  font-size: 15px;
}

.amazon_pay_popup_body_sp_ec {
  margin: 20px auto 20px;
  width: 300px;
}
/* << AmazonPay popup */

.login_message_box_sp_ec {
  width: 100%;
  margin: 0 auto;
  border: solid 1px #d0dcec;
}

p.login_message_wrapper_sp_ec {
  font-size: 14px;
  margin: 20px 0 !important;
  text-align: center;
}

/* Socialplus */
.socialplus_sp_ec {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.socialplus_sp_ec .button-container {
  width: 100%;
  float: left;
  padding: 10px 10px 0;
  box-sizing: border-box;
}

.socialplus_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 20px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.socialplus_sp_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.socialplus_sp_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.socialplus_sp_ec .button-container .btn-facebook {
  background-color: #4267b2;
}

.socialplus_sp_ec .button-container .btn-facebook:before {
  background-image: url("/assets/login-facebook-3e1626e3d5c7df61a277513295e7acb6cf9112c4df07db1b867c7641a7005492.png");
}

.socialplus_sp_ec .button-container .btn-facebook:after {
  border-color: #8298cc;
}

.socialplus_sp_ec .button-container .btn-twitter {
  background-color: #438dc4;
}

.socialplus_sp_ec .button-container .btn-twitter:before {
  background-image: url("/assets/login-twitter-944a487f4746a5ce6557d56ae65421e8b71eaa7fda7a0f74a1bed6b86d345567.png");
}

.socialplus_sp_ec .button-container .btn-twitter:after {
  border-color: #88BEEF;
}

.socialplus_sp_ec .button-container .btn-google {
  background-color: #0056c7;
}

.socialplus_sp_ec .button-container .btn-google:before {
  background-image: url("/assets/login-google-0119f2ac53e7fc66fe39b1e40fc4757c35ceab4bf28021ce0a81d45eee5d2360.png");
}

.socialplus_sp_ec .button-container .btn-google:after {
  border-color: #4285f4;
}

.socialplus_sp_ec .button-container .btn-gplus {
  background-color: #d04d40;
}

.socialplus_sp_ec .button-container .btn-gplus:before {
  background-image: url("/assets/login-gplus-f2319e7179a28ad715384eb95ff7490c6ff1efa46a13c944022702b87ab4be07.png");
}

.socialplus_sp_ec .button-container .btn-gplus:after {
  border-color: #cf837a;
}

.socialplus_sp_ec .button-container .btn-mixi {
  background-color: #cba958;
}

.socialplus_sp_ec .button-container .btn-mixi:before {
  background-image: url("/assets/login-mixi-99e3d6436ac6491642b1ed205a8f6ea2fbc7a349aea04474f1ae3477c27373f5.png");
}

.socialplus_sp_ec .button-container .btn-mixi:after {
  border-color: #e6bc5c;
}

.socialplus_sp_ec .button-container .btn-yahoo {
  background-color: #fe0032;
  border: 0.5px solid #f00;
}

.socialplus_sp_ec .button-container .btn-yahoo:before {
  background-image: url("/assets/login-yahoo-ecc9e51a9724b036b6fd228bdef4855731ad44ae44b75fe1f4af7eb0f59684de.png");
}

.socialplus_sp_ec .button-container .btn-yahoo:after {
  border-color: #fe0032;
}

.socialplus_sp_ec .button-container .btn-rakuten {
  background-color: #b21d23;
}

.socialplus_sp_ec .button-container .btn-rakuten:before {
  background-image: url("/assets/login-rakuten-8e21ab472f9e803e6d89857d15dd46768e21dc685f03156cfd96205df6773a66.png");
}

.socialplus_sp_ec .button-container .btn-rakuten:after {
  border-color: #ae6164;
}

.socialplus_sp_ec .button-container .btn-line {
  background-color: #31ae36;
}

.socialplus_sp_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.socialplus_sp_ec .button-container .btn-line:after {
  border-color: #70C053;
}

/* LINE ID 連携 */

.line_ec {
}

.line_ec .button-container.w100 {
  width: 100%;
}

.line_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 30px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.line_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.line_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

@media screen and (min-width: 480px) {
  .line_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .line_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .line_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }

  .line_ec .button-container .button:before {
    width: 40px;
    height: 40px;
  }

  .line_ec .button-container .button:after {
    width: 40px;
  }
}

.line_ec .button-container .btn-line {
  background-color: #31ae36;
}

.line_ec .button-container .btn-line:before {
  background-image: image_url('login-line.png');
}

.line_ec .button-container .btn-line:after {
  border-color: #70C053;
}

.line_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.line_sp_ec {
}

.line_sp_ec .button-container.w100 {
  width: 100%;
}

.line_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 30px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.line_sp_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.line_sp_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.line_sp_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.form_container_sp_ec .line_alert_sp_ec {
  font-size: 12px;
  padding: 0px;
}

.line_alert_sp_ec {
  margin: 10px;
}

@media screen and (min-width: 480px) {
  .line_sp_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .line_sp_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .line_sp_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }

  .line_sp_ec .button-container .button:before {
    width: 40px;
    height: 40px;
  }

  .line_sp_ec .button-container .button:after {
    width: 40px;
  }
}

.line_sp_ec .button-container .btn-line {
  background-color: #31ae36;
}

.line_sp_ec .button-container .btn-line:before {
  background-image: image_url('login-line.png');
}

.line_sp_ec .button-container .btn-line:after {
  border-color: #70C053;
  margin: 10px;
  width: 95%;
}

#popup_required_field_check.pc {
  z-index: 99999;
  width: 275px !important;
  float: right;
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  position: fixed;
  top: 25px;
  right: 25px;
  display: none;
}

#popup_required_field_check.sp {
  z-index: 99999;
  width: 100% !important;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: white;
  position: fixed;
  top: 0;
  display: none;
  text-align: center;
}

#popup_required_field_check.required_field_exists {
  background: rgba(242, 133, 12, 0.8);
}

#popup_required_field_check.required_field_not_exists {
  background: rgba(4, 162, 34, 0.8)
}

.input_required_ec {
  background-color: rgba(242, 133, 12, 0.2) !important;
}

.hide {
  display: none !important;
}
/* 認証基盤 連携 */

.auth_infra_ec {
}

.auth_infra_ec .button-container.w100 {
  width: 100%;
}

.auth_infra_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
  margin-top: 10px;
  cursor: pointer;
}

#auth_infra_button_name::before {
  content: '認証基盤でログイン';
}

@media screen and (min-width: 480px) {
  .auth_infra_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .auth_infra_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .auth_infra_ec .button-container .button {
    line-height: 40px;
    height: 40px;
  }
}

.auth_infra_ec .button-container .btn-auth_infra {
  background-color: #2780E3;
}

.auth_infra_sp_ec {
}

.auth_infra_sp_ec .button-container.w100 {
  width: 100%;
}

.auth_infra_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
  margin-top: 10px;
}

@media screen and (min-width: 480px) {
  .auth_infra_sp_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .auth_infra_sp_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .auth_infra_sp_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }
}

.auth_infra_sp_ec .button-container .btn-auth_infra {
  background-color: #2780E3;
}
 span.form_required_ec {
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}

/* 【PC】フォームのセクションラベル */
.landing_form_label_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}

/* 【PC】フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  border-top: 1px solid #d0dcec;
  border-right: 1px solid #d0dcec;
  background: #FFF;
  border-bottom: 1px solid #999;
}

/* 【PC】フォーム左側　項目名ラベル */
.landing_form_ec th {
  background-color: #e1edfd;
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #e1edfd;
}

/* 【PC】フォーム右側　入力ボックス */
.landing_form_ec td {
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #ffffff;
}

/* 【PC】購入ボタンのデザイン */
.submit_bottom_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

/*-------------------------------------*
 * スマートフォンデザイン可変部分
 *-------------------------------------*/
/* 【SP】フォームの項目名ラベル内必須アイコン */
span.form_required_sp_ec {
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}

/* 【SP】フォームのセクションラベル */
.landing_form_label_sp_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}

/* 【SP】フォームの項目名ラベル */
.form_box_label_sp_ec {
  background: #cadefc;
  border-bottom: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
}

/* 【SP】購入ボタンのデザイン */
.submit_bottom_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

#lp-form {
  padding: 0 15px;
}

html {
  scroll-behavior: smooth;
  font-size: 10px;
}
@media screen and (min-width: 751px) and (max-width: 1030px) {
  html::-webkit-scrollbar {
    display: none;
  }
}

@keyframes mv_opa01 {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mv_opa02 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opa_all {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes top_pon {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slide {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slide02 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide03 {
  0% {
    transform: translateY(300%);
  }
  100% {
    transform: translateY(0);
  }
}
div#water_lp,
div#water_top {
  font-family: "Noto Serif JP", serif !important;
  letter-spacing: 0.1em;
  line-height: normal;
  position: relative;
  color: #191E5E;
}
div#water_lp img,
div#water_top img {
  display: block;
  width: 100%;
  height: auto;
}
div#water_lp a,
div#water_top a {
  transition: all 0.3s;
  display: block;
}
div#water_lp a:hover,
div#water_top a:hover {
  opacity: 0.8;
}
div#water_lp .sp_only,
div#water_top .sp_only {
  display: none;
}
@media screen and (max-width: 750px) {
  div#water_lp .sp_only,
  div#water_top .sp_only {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .pc_only,
  div#water_top .pc_only {
    display: none;
  }
}
div#water_lp .tab_only,
div#water_top .tab_only {
  display: none;
}
@media screen and (min-width: 751px) and (max-width: 1030px) {
  div#water_lp .tab_only,
  div#water_top .tab_only {
    display: block;
  }
}
div#water_lp .fuwa,
div#water_top .fuwa {
  transform: translateY(30px);
  opacity: 0;
  transition-duration: 1.5s;
}
@media screen and (max-width: 750px) {
  div#water_lp .fuwa,
  div#water_top .fuwa {
    transform: translateY(7.6923076923vw);
  }
}
@media screen and (min-width: 751px) {
  div#water_lp .fuwa.delay,
  div#water_top .fuwa.delay {
    transition-delay: 0.4s;
  }
}
div#water_lp .fuwa.is_fuwa,
div#water_top .fuwa.is_fuwa {
  transform: translateY(0) !important;
  opacity: 1 !important;
}
@media screen and (max-width: 750px) {
  div#water_lp .sp_fuwa,
  div#water_top .sp_fuwa {
    opacity: 0;
    transition-duration: 1.5s;
    transform: translateY(7.6923076923vw);
  }
  div#water_lp .sp_fuwa.is_active,
  div#water_top .sp_fuwa.is_active {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
}
div#water_lp article section ul,
div#water_top article section ul {
  color: #191E5E;
}
div#water_lp [data-move],
div#water_top [data-move] {
  transition: transform 1.2s 0s cubic-bezier(0, 0.43, 0.39, 0.87);
  will-change: transform;
}
div#water_lp .ovh,
div#water_top .ovh {
  overflow: hidden;
}
div#water_lp div.top_mv_wrap,
div#water_top div.top_mv_wrap {
  position: relative;
}
div#water_lp div.top_mv_wrap .top_mv_bg_on,
div#water_top div.top_mv_wrap .top_mv_bg_on {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #81b6b3;
  animation: slide 0.75s forwards cubic-bezier(0, 1.19, 1, 0.99);
  animation-delay: 0.5s;
}
div#water_lp div.top_mv_wrap div.top_mv,
div#water_top div.top_mv_wrap div.top_mv {
  position: relative;
  overflow: hidden;
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on {
  position: relative;
  z-index: 1;
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt {
  color: #ffffff;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 1.0416666667vw;
  line-height: 1.5625vw;
  letter-spacing: 0.5416666667vw;
}
@media screen and (max-width: 750px) {
  div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt,
  div#water_top div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt {
    left: 5.3333333333vw;
    top: 27.7333333333vw;
    font-size: 3.7333333333vw;
    line-height: 8vw;
    letter-spacing: 1.9306666667vw;
  }
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_ja,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_ja {
  opacity: 0;
  position: absolute;
  left: 8.3333333333vw;
  top: 10.4166666667vw;
  animation: mv_opa02 5s linear infinite alternate-reverse;
  animation-delay: 2s;
}
@media screen and (max-width: 750px) {
  div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_ja,
  div#water_top div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_ja {
    left: 5.3333333333vw;
    top: 27.7333333333vw;
  }
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_ja span,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_ja span {
  display: block;
  animation: slide03 1s forwards cubic-bezier(0, 1.15, 1, 0.99);
  animation-delay: 2s;
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_en,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_en {
  opacity: 0;
  position: absolute;
  left: 8.3333333333vw;
  top: 10.4166666667vw;
  animation: mv_opa01 5s linear infinite alternate-reverse;
  animation-delay: 2s;
}
@media screen and (max-width: 750px) {
  div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_en,
  div#water_top div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_en {
    left: 5.3333333333vw;
    top: 27.7333333333vw;
  }
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_en span,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on .top_mv_on_txt .top_mv_on_txt_en span {
  display: block;
  animation: slide03 1s forwards cubic-bezier(0, 1.15, 1, 0.99);
  animation-delay: 2s;
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_ja,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_ja {
  opacity: 0;
  position: absolute;
  left: 8.3333333333vw;
  top: 30.9895833333vw;
  width: 15.625vw;
  animation: mv_opa01 5s linear infinite alternate-reverse;
  animation-delay: 2.4s;
}
@media screen and (max-width: 750px) {
  div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_ja,
  div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_ja {
    left: 5.3333333333vw;
    top: 129.8666666667vw;
    width: 26.6666666667vw;
  }
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_ja > img,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_ja > img {
  animation: slide02 1s forwards cubic-bezier(0, 1.15, 1, 0.99);
  animation-delay: 2.4s;
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_en,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_en {
  opacity: 0;
  position: absolute;
  left: 8.3333333333vw;
  top: 30.9895833333vw;
  width: 15.625vw;
  animation: mv_opa02 5s linear infinite alternate-reverse;
  animation-delay: 2.4s;
}
@media screen and (max-width: 750px) {
  div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_en,
  div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_en {
    left: 5.3333333333vw;
    top: 129.8666666667vw;
    width: 41.6vw;
  }
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_en > img,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_logo div.top_mv_on_logo_en > img {
  animation: slide02 1s forwards cubic-bezier(0, 1.15, 1, 0.99);
  animation-delay: 2.4s;
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_ja,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_ja {
  opacity: 0;
  position: absolute;
  right: 7.8125vw;
  top: 7.2916666667vw;
  width: 7.4479166667vw;
  animation: mv_opa01 5s linear infinite alternate-reverse;
  animation-delay: 2.2s;
}
@media screen and (max-width: 750px) {
  div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_ja,
  div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_ja {
    width: 21.3333333333vw;
    right: 4vw;
    top: 8vw;
  }
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_ja > img,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_ja > img {
  animation: slide02 1s forwards cubic-bezier(0, 1.15, 1, 0.99);
  animation-delay: 2.2s;
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_en,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_en {
  opacity: 0;
  position: absolute;
  right: 7.8125vw;
  top: 7.2916666667vw;
  width: 7.4479166667vw;
  animation: mv_opa02 5s linear infinite alternate-reverse;
  animation-delay: 2.2s;
}
@media screen and (max-width: 750px) {
  div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_en,
  div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_en {
    width: 21.3333333333vw;
    right: 4vw;
    top: 8vw;
  }
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_en > img,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_on div.top_mv_on_icon div.top_mv_on_icon_en > img {
  animation: slide02 1s forwards cubic-bezier(0, 1.15, 1, 0.99);
  animation-delay: 2.2s;
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_bg,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_bg {
  overflow: hidden;
}
div#water_lp div.top_mv_wrap div.top_mv div.top_mv_bg img,
div#water_top div.top_mv_wrap div.top_mv div.top_mv_bg img {
  animation: top_pon 3s cubic-bezier(0, 1.19, 1, 0.99) 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
div#water_lp .mv,
div#water_top .mv {
  overflow: hidden;
  position: relative;
  height: 724px;
}
@media screen and (max-width: 750px) {
  div#water_lp .mv,
  div#water_top .mv {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 750.1px) {
  div#water_lp .mv img.mv_bg,
  div#water_top .mv img.mv_bg {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left;
       object-position: left;
    width: auto;
    height: 100%;
  }
}
@media screen and (min-width: 1920.1px) {
  div#water_lp .mv img.mv_bg,
  div#water_top .mv img.mv_bg {
    width: 100%;
  }
}
div#water_lp .mv .mv_logo,
div#water_top .mv .mv_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 532px;
}
@media screen and (max-width: 750px) {
  div#water_lp .mv .mv_logo,
  div#water_top .mv .mv_logo {
    width: 73.0666666667vw;
  }
}
div#water_lp .mv .mv_badge,
div#water_top .mv .mv_badge {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 170px;
}
@media screen and (max-width: 750px) {
  div#water_lp .mv .mv_badge,
  div#water_top .mv .mv_badge {
    top: -2.6666666667vw;
    right: -2.6666666667vw;
    width: 32vw;
  }
}
div#water_lp .mv_kome,
div#water_top .mv_kome {
  color: #A02634;
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1.8px;
  margin: 10px 0;
}
@media screen and (max-width: 750px) {
  div#water_lp .mv_kome,
  div#water_top .mv_kome {
    font-size: 3.2vw;
    letter-spacing: 0.48px;
    line-height: 5.2266666667vw;
    padding: 0 5.3333333333vw;
    margin: 2.6666666667vw 0;
  }
}
div#water_lp .cp_wrap,
div#water_top .cp_wrap {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(https://d2w53g1q050m78.cloudfront.net/deepsea800online/uploads/images/20251030_kcc_offer/cp_bg_pc.png);
  padding: 100px 0 60px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap,
  div#water_top .cp_wrap {
    background-image: url(https://d2w53g1q050m78.cloudfront.net/deepsea800online/uploads/images/20251030_kcc_offer/cp_bg_sp.png);
    padding: 9.3333333333vw 0 12vw;
  }
}
div#water_lp .cp_wrap.cp_wrap_02,
div#water_top .cp_wrap.cp_wrap_02 {
  background: #E7F2F8;
  padding: 120px 0;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap.cp_wrap_02,
  div#water_top .cp_wrap.cp_wrap_02 {
    padding: 22.9333333333vw 0 19.7333333333vw;
  }
}
div#water_lp .cp_wrap .cp_inner,
div#water_top .cp_wrap .cp_inner {
  margin: 0 auto;
  max-width: 1260px;
  padding: 0 30px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner,
  div#water_top .cp_wrap .cp_inner {
    max-width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 750.1px) {
  div#water_lp .cp_wrap .cp_inner.cp_inner_01,
  div#water_top .cp_wrap .cp_inner.cp_inner_01 {
    transform: translateY(30px);
    opacity: 0;
    transition-duration: 1.5s;
  }
  div#water_lp .cp_wrap .cp_inner.cp_inner_01.is_active,
  div#water_top .cp_wrap .cp_inner.cp_inner_01.is_active {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_ttl,
div#water_top .cp_wrap .cp_inner .cp_ttl {
  margin: 0 auto;
  position: relative;
  width: 460px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_ttl,
  div#water_top .cp_wrap .cp_inner .cp_ttl {
    width: 61.3333333333vw;
    opacity: 0;
    transition-duration: 1.5s;
    transform: translateY(7.6923076923vw);
  }
  div#water_lp .cp_wrap .cp_inner .cp_ttl.cp_ttl.is_active,
  div#water_top .cp_wrap .cp_inner .cp_ttl.cp_ttl.is_active {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_ttl .cp_ttl_txt,
div#water_top .cp_wrap .cp_inner .cp_ttl .cp_ttl_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: #FFFFFF;
  line-height: 1;
  font-size: 32px;
  letter-spacing: 4.48px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_ttl .cp_ttl_txt,
  div#water_top .cp_wrap .cp_inner .cp_ttl .cp_ttl_txt {
    font-size: 4vw;
    letter-spacing: 0.56vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_name,
div#water_top .cp_wrap .cp_inner .cp_name {
  text-align: center;
  color: #191E5E;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 56px;
  margin: 10px auto 0;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_name,
  div#water_top .cp_wrap .cp_inner .cp_name {
    font-size: 7.2vw;
    margin: 2.6666666667vw auto 0;
    opacity: 0;
    transition-duration: 1.5s;
    transform: translateY(7.6923076923vw);
  }
  div#water_lp .cp_wrap .cp_inner .cp_name.cp_name_01.is_active,
  div#water_top .cp_wrap .cp_inner .cp_name.cp_name_01.is_active {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul,
div#water_top .cp_wrap .cp_inner ul.cp_ul {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul,
  div#water_top .cp_wrap .cp_inner ul.cp_ul {
    flex-direction: column;
    align-items: center;
    gap: 14.1333333333vw;
    margin-top: 14.1333333333vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li {
  position: relative;
  background-color: #ffffff;
  width: 360px;
  padding: 60px 0 28px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li {
    width: 30vw;
    padding: 5vw 0 2.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li {
    width: 82.6666666667vw;
    padding: 13.3333333333vw 0 5.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li.cp_li_sp,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li.cp_li_sp {
    opacity: 0;
    transition-duration: 1.5s;
    transform: translateY(7.6923076923vw);
  }
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li.cp_li_sp.is_active,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li.cp_li_sp.is_active {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  background-color: #67BEE2;
  color: #ffffff;
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num {
    width: 8.3333333333vw;
    height: 8.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num {
    width: 21.3333333333vw;
    height: 21.3333333333vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span {
  color: #ffffff;
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child {
  font-size: 15px;
  letter-spacing: 2.1px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child {
    font-size: max(12px, 1.25vw);
    letter-spacing: 0.175vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child {
    font-size: 3.2vw;
    letter-spacing: 0.448vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child + span,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child + span {
  font-size: 40px;
  letter-spacing: 2px;
  margin-top: -8px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child + span,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child + span {
    font-size: 3.3333333333vw;
    letter-spacing: 0.1666666667vw;
    margin-top: -0.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child + span,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_num span:first-child + span {
    font-size: 8.5333333333vw;
    letter-spacing: 0.4266666667vw;
    margin-top: -1.6vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt {
  text-align: center;
  font-weight: 500;
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_20,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_20 {
  font-size: 20px;
  letter-spacing: 0.2px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_20,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_20 {
    font-size: 1.6666666667vw;
    letter-spacing: 0.0166666667vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_20,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_20 {
    font-size: 4.8vw;
    letter-spacing: 0.048vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_24,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_24 {
  font-size: 24px;
  letter-spacing: 0.24px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_24,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_24 {
    font-size: 2vw;
    letter-spacing: 0.02vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_24,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_24 {
    font-size: 4.8vw;
    letter-spacing: 0.048vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_34,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_34 {
  font-size: 34px;
  letter-spacing: 2.04px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_34,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_34 {
    font-size: 2.8333333333vw;
    letter-spacing: 0.17vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_34,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_34 {
    font-size: 6.4vw;
    letter-spacing: 0.384vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_35,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_35 {
  font-size: 35px;
  letter-spacing: 2.1px;
  line-height: 70px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_35,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_35 {
    font-size: 2.9166666667vw;
    letter-spacing: 0.175vw;
    line-height: 5.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_35,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_35 {
    line-height: 13.3333333333vw;
    font-size: 6.4vw;
    letter-spacing: 0.384vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_36,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_36 {
  font-size: 36px;
  letter-spacing: 3.6px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_36,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_36 {
    font-size: 3vw;
    letter-spacing: 0.3vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_36,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_36 {
    font-size: 8.5333333333vw;
    letter-spacing: 0.8533333333vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_58,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_58 {
  font-size: 58px;
  letter-spacing: -2.9px;
  line-height: 62px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_58,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_58 {
    font-size: 4.8333333333vw;
    letter-spacing: -0.2416666667vw;
    line-height: 5.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_58,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_58 {
    line-height: 12.8vw;
    font-size: 10.6666666667vw;
    letter-spacing: 0;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_65,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_65 {
  font-size: 65px;
  letter-spacing: 7.8px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_65,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_65 {
    font-size: 5.4166666667vw;
    letter-spacing: 0.65vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_65,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_65 {
    line-height: 16vw;
    font-size: 13.3333333333vw;
    letter-spacing: 1.6vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_72,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_72 {
  font-size: 72px;
  letter-spacing: 7.2px;
  line-height: 50px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_72,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_72 {
    font-size: 6vw;
    letter-spacing: 0.6vw;
    line-height: 4.1666666667vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_72,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.fs_72 {
    line-height: 11.2vw;
    font-size: 13.3333333333vw;
    letter-spacing: 1.3333333333vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.lh_2,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.lh_2 {
  line-height: 2;
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.min,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_txt span.min {
  font-family: "Shippori Mincho", serif;
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img {
  margin: 5px auto 0;
  width: 262px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img {
    width: 21.8333333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img {
    margin: 1.8666666667vw auto 0;
    width: 60.2666666667vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_02,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_02 {
  margin-top: 10px;
  width: 280px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_02,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_02 {
    width: 23.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_02,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_02 {
    margin-top: 1.6vw;
    width: 64vw;
  }
}
div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_03,
div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_03 {
  margin-top: 20px;
  width: 280px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_03,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_03 {
    width: 23.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_03,
  div#water_top .cp_wrap .cp_inner ul.cp_ul .cp_li .cp_li_img.cp_li_img_03 {
    margin-top: 2.6666666667vw;
    width: 64vw;
  }
}
div#water_lp .cp_wrap .cp_inner a.cp_btn,
div#water_top .cp_wrap .cp_inner a.cp_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #191E5E;
  color: #ffffff;
  font-weight: 500;
  line-height: 1;
  font-size: 18px;
  letter-spacing: 1.08px;
  width: 360px;
  height: 80px;
  margin: 60px auto 0;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner a.cp_btn,
  div#water_top .cp_wrap .cp_inner a.cp_btn {
    font-size: 4vw;
    letter-spacing: 0.24vw;
    width: 89.3333333333vw;
    height: 16vw;
    margin: 10.6666666667vw auto 0;
  }
}
div#water_lp .cp_wrap .cp_inner a.cp_btn::after,
div#water_top .cp_wrap .cp_inner a.cp_btn::after {
  position: absolute;
  content: "";
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  transform: rotate(45deg);
  top: 32px;
  right: 20px;
  width: 10px;
  height: 10px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner a.cp_btn::after,
  div#water_top .cp_wrap .cp_inner a.cp_btn::after {
    top: 6.4vw;
    right: 5.3333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_kikan,
div#water_top .cp_wrap .cp_inner .cp_kikan {
  display: flex;
  justify-content: center;
  margin: 40px auto 0;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_kikan,
  div#water_top .cp_wrap .cp_inner .cp_kikan {
    margin: 8vw auto 0;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_kikan > div,
div#water_top .cp_wrap .cp_inner .cp_kikan > div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  line-height: 1;
  font-size: 18px;
  letter-spacing: 2.16px;
  height: 40px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_kikan > div,
  div#water_top .cp_wrap .cp_inner .cp_kikan > div {
    font-size: 3.7333333333vw;
    letter-spacing: 0.448vw;
    height: 8.8vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_kikan .cp_kikan_left,
div#water_top .cp_wrap .cp_inner .cp_kikan .cp_kikan_left {
  background-color: #66B8DA;
  color: #ffffff;
  width: 107px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_kikan .cp_kikan_left,
  div#water_top .cp_wrap .cp_inner .cp_kikan .cp_kikan_left {
    width: 24vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_kikan .cp_kikan_right,
div#water_top .cp_wrap .cp_inner .cp_kikan .cp_kikan_right {
  background-color: #EFF7FD;
  color: #191E5E;
  width: 293px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_kikan .cp_kikan_right,
  div#water_top .cp_wrap .cp_inner .cp_kikan .cp_kikan_right {
    width: 65.3333333333vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_kikan .cp_kikan_right.cp_kikan_right_02,
div#water_top .cp_wrap .cp_inner .cp_kikan .cp_kikan_right.cp_kikan_right_02 {
  background-color: #ffffff;
}
div#water_lp .cp_wrap .cp_inner .cp_kikan_kome,
div#water_top .cp_wrap .cp_inner .cp_kikan_kome {
  text-align: center;
  color: #636363;
  margin-top: 16px;
  font-size: 14px;
  letter-spacing: 0.56px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_kikan_kome,
  div#water_top .cp_wrap .cp_inner .cp_kikan_kome {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
    letter-spacing: 0.1493333333vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_attention,
div#water_top .cp_wrap .cp_inner .cp_attention {
  width: 610px;
  margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_attention,
  div#water_top .cp_wrap .cp_inner .cp_attention {
    width: 100%;
    margin: 8vw auto 0;
    padding: 0 5.3333333333vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_attention .cp_attention_ttl,
div#water_top .cp_wrap .cp_inner .cp_attention .cp_attention_ttl {
  position: relative;
  display: flex;
  justify-content: center;
}
div#water_lp .cp_wrap .cp_inner .cp_attention .cp_attention_ttl::after,
div#water_top .cp_wrap .cp_inner .cp_attention .cp_attention_ttl::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #94B4C2;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_attention .cp_attention_ttl::after,
  div#water_top .cp_wrap .cp_inner .cp_attention .cp_attention_ttl::after {
    background-color: #BADEED;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_attention .cp_attention_ttl span,
div#water_top .cp_wrap .cp_inner .cp_attention .cp_attention_ttl span {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  font-size: 18px;
  letter-spacing: 0.72px;
  line-height: 26px;
  padding: 0 12px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_attention .cp_attention_ttl span,
  div#water_top .cp_wrap .cp_inner .cp_attention .cp_attention_ttl span {
    font-size: 3.7333333333vw;
    letter-spacing: 0.1493333333vw;
    line-height: 5.3333333333vw;
    padding: 0 3.2vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_attention .cp_attention_ttl.cp_attention_ttl_02 span,
div#water_top .cp_wrap .cp_inner .cp_attention .cp_attention_ttl.cp_attention_ttl_02 span {
  background-color: #E7F2F8;
}
div#water_lp .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul,
div#water_top .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul,
  div#water_top .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul {
    gap: 2.6666666667vw;
    margin-top: 4vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li,
div#water_top .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li {
  display: flex;
}
div#water_lp .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li span,
div#water_top .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li span {
  font-weight: 500;
  display: inline-block;
  flex-shrink: 0;
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: 21.6px;
  width: 25px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li span,
  div#water_top .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li span {
    width: 6.6666666667vw;
    font-size: 3.2vw;
    letter-spacing: 0.128vw;
    line-height: 5.76vw;
  }
}
div#water_lp .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li div,
div#water_top .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li div {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: 21.6px;
}
@media screen and (max-width: 750px) {
  div#water_lp .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li div,
  div#water_top .cp_wrap .cp_inner .cp_attention ul.cp_attention_ul li.cp_attention_li div {
    font-size: 3.2vw;
    letter-spacing: 0.128vw;
    line-height: 5.76vw;
  }
}
div#water_lp div.scroll,
div#water_top div.scroll {
  position: relative;
}
div#water_lp div.scroll .scroll_num_wrap_dummy_top,
div#water_top div.scroll .scroll_num_wrap_dummy_top {
  position: absolute;
  pointer-events: none;
  width: 100%;
  top: 820px;
  left: 0;
  height: 10px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap_dummy_top,
  div#water_top div.scroll .scroll_num_wrap_dummy_top {
    top: 218.6666666667vw;
  }
}
div#water_lp div.scroll .scroll_num_wrap_dummy_bottom,
div#water_top div.scroll .scroll_num_wrap_dummy_bottom {
  position: absolute;
  pointer-events: none;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 580px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap_dummy_bottom,
  div#water_top div.scroll .scroll_num_wrap_dummy_bottom {
    height: 172.2666666667vw;
  }
}
div#water_lp div.scroll .scroll_num_wrap_all_wrap,
div#water_top div.scroll .scroll_num_wrap_all_wrap {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap_all_wrap,
  div#water_top div.scroll .scroll_num_wrap_all_wrap {
    width: 100%;
    top: 0;
  }
}
div#water_lp div.scroll .scroll_num_wrap,
div#water_top div.scroll .scroll_num_wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  top: 60px;
  gap: 60px;
  height: 160px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap,
  div#water_top div.scroll .scroll_num_wrap {
    transform: translateX(0);
    bottom: 21.3333333333vw;
    gap: 8.8vw;
    height: 22.9333333333vw;
    left: 0;
    top: 10.6666666667vw;
    right: 0;
  }
}
div#water_lp div.scroll .scroll_num_wrap .scroll_num,
div#water_top div.scroll .scroll_num_wrap .scroll_num {
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #ffffff;
  width: 210px;
  height: 210px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap .scroll_num,
  div#water_top div.scroll .scroll_num_wrap .scroll_num {
    width: 32vw;
    height: 32vw;
  }
}
div#water_lp div.scroll .scroll_num_wrap .scroll_num .scroll_num_01,
div#water_top div.scroll .scroll_num_wrap .scroll_num .scroll_num_01 {
  color: #A0BDD9;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  margin-top: 20px;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap .scroll_num .scroll_num_01,
  div#water_top div.scroll .scroll_num_wrap .scroll_num .scroll_num_01 {
    margin-top: 3.2vw;
    font-size: 2.1333333333vw;
    line-height: 2.9333333333vw;
    letter-spacing: -0.128vw;
  }
}
div#water_lp div.scroll .scroll_num_wrap .scroll_num .scroll_num_02,
div#water_top div.scroll .scroll_num_wrap .scroll_num .scroll_num_02 {
  color: #ffffff;
  font-family: "Shippori Mincho", serif;
  font-size: 104px;
  line-height: 0.8em;
  letter-spacing: -4px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap .scroll_num .scroll_num_02,
  div#water_top div.scroll .scroll_num_wrap .scroll_num .scroll_num_02 {
    font-size: 15.7333333333vw;
    letter-spacing: -0.5333333333vw;
  }
}
div#water_lp div.scroll .scroll_num_wrap .scroll_num .scroll_num_03,
div#water_top div.scroll .scroll_num_wrap .scroll_num .scroll_num_03 {
  color: #A0BDD9;
  font-family: "Shippori Mincho", serif;
  font-size: 18px;
  line-height: 2em;
  letter-spacing: -1.08px;
  padding-left: 1px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap .scroll_num .scroll_num_03,
  div#water_top div.scroll .scroll_num_wrap .scroll_num .scroll_num_03 {
    font-size: 2.6666666667vw;
    letter-spacing: -0.16vw;
    padding-left: 0;
  }
}
div#water_lp div.scroll .scroll_num_wrap.active_fixed,
div#water_top div.scroll .scroll_num_wrap.active_fixed {
  position: fixed;
  top: auto;
  bottom: 150px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap.active_fixed,
  div#water_top div.scroll .scroll_num_wrap.active_fixed {
    bottom: 21.3333333333vw;
  }
}
div#water_lp div.scroll .scroll_num_wrap.active_fixed.active_bottom,
div#water_top div.scroll .scroll_num_wrap.active_fixed.active_bottom {
  position: absolute;
  top: auto;
  bottom: 420px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll .scroll_num_wrap.active_fixed.active_bottom,
  div#water_top div.scroll .scroll_num_wrap.active_fixed.active_bottom {
    bottom: 149.3333333333vw;
  }
}
div#water_lp div.scroll div.scroll_bg,
div#water_top div.scroll div.scroll_bg {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 650px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll div.scroll_bg,
  div#water_top div.scroll div.scroll_bg {
    height: auto;
  }
}
@media screen and (min-width: 750.1px) {
  div#water_lp div.scroll div.scroll_bg img.deep_img,
  div#water_top div.scroll div.scroll_bg img.deep_img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap {
  pointer-events: none;
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.3;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap,
  div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap {
    top: 60vw;
  }
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div {
  display: flex;
  gap: 35px;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div {
  position: relative;
  width: 450px;
  height: 220px;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div > span,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div > span {
  position: absolute;
  border-radius: 50%;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_01,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_01 {
  top: 0;
  left: 32px;
  width: 6px;
  height: 6px;
  background-color: #A1C0DB;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_02,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_02 {
  top: 117px;
  left: 314px;
  width: 4px;
  height: 4px;
  background-color: #A1C0DB;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_03,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_03 {
  top: 32px;
  left: 65px;
  width: 2px;
  height: 2px;
  background-color: #FFFFFF;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_04,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_04 {
  top: 170px;
  left: 373px;
  width: 2px;
  height: 2px;
  background-color: #FFFFFF;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_05,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_05 {
  top: 64px;
  left: 449px;
  width: 2px;
  height: 2px;
  background-color: #FFFFFF;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_06,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_06 {
  top: 5px;
  left: 275px;
  width: 2px;
  height: 2px;
  background-color: #FFFFFF;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_07,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_07 {
  top: 192px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #FFFFFF;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_08,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_08 {
  top: 216px;
  left: 224px;
  width: 4px;
  height: 4px;
  background-color: #FFFFFF;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_09,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .span_09 {
  top: 39px;
  left: 115px;
  width: 4px;
  height: 4px;
  background-color: #FFFFFF;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .wave_01,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .wave_01 {
  animation: yoko 3s ease-in-out infinite alternate-reverse, tate 3.5s ease-in-out infinite, opacity 3.5s linear infinite;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .wave_02,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .wave_02 {
  animation: yoko 3.5s ease-in-out infinite alternate-reverse, tate 7.5s ease-in-out infinite, opacity 7.5s linear infinite;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .wave_03,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .wave_03 {
  animation: yoko 4s ease-in-out infinite alternate-reverse, tate 10s ease-in-out infinite, opacity 10s linear infinite;
}
div#water_lp div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .wave_04,
div#water_top div.scroll div.scroll_bg .scroll_bg_ten_wrap > div > div .wave_04 {
  animation: yoko 4.5s ease-in-out infinite alternate-reverse, tate 5.5s ease-in-out infinite, opacity 5.5s linear infinite;
}
@keyframes yoko {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(10%);
  }
}
@keyframes tate {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-1000%);
  }
}
@keyframes opacity {
  0% {
    opacity: 0%;
  }
  25% {
    opacity: 100%;
  }
  50% {
    opacity: 70%;
  }
  75% {
    opacity: 100%;
  }
  100% {
    opacity: 0%;
  }
}
div#water_lp div.lead,
div#water_top div.lead {
  position: relative;
}
div#water_lp div.lead .lead_logo,
div#water_top div.lead .lead_logo {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 220px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.lead .lead_logo,
  div#water_top div.lead .lead_logo {
    top: 56%;
    transform: translate(-50%, -50%);
    width: 24vw;
  }
}
div#water_lp div.lead .lead_logo img,
div#water_top div.lead .lead_logo img {
  filter: brightness(0) invert(1);
}
@media screen and (min-width: 750.1px) {
  div#water_lp div.lead .lead_bg,
  div#water_top div.lead .lead_bg {
    height: 654px;
  }
}
div#water_lp div.lead .lead_bg .ovh,
div#water_top div.lead .lead_bg .ovh {
  height: 100%;
}
@media screen and (min-width: 750.1px) {
  div#water_lp div.lead .lead_bg .ovh img,
  div#water_top div.lead .lead_bg .ovh img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
div#water_lp div.lead .lead_on,
div#water_top div.lead .lead_on {
  position: absolute;
  left: 0;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  top: -368px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.lead .lead_on,
  div#water_top div.lead .lead_on {
    top: auto;
    bottom: 68.8vw;
  }
}
div#water_lp div.lead .lead_on .lead_on_ttl,
div#water_top div.lead .lead_on .lead_on_ttl {
  text-align: center;
  font-family: "Shippori Mincho", serif;
  color: #ffffff;
  font-size: 24px;
  line-height: 43.2px;
  letter-spacing: 2.88px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.lead .lead_on .lead_on_ttl,
  div#water_top div.lead .lead_on .lead_on_ttl {
    font-size: 5.8666666667vw;
    line-height: 10.6666666667vw;
    letter-spacing: 0.704vw;
  }
}
div#water_lp div.lead .lead_on .lead_on_txt,
div#water_top div.lead .lead_on .lead_on_txt {
  margin-top: 54px;
  text-align: center;
  color: #ffffff;
  font-size: 15px;
  line-height: 37.5px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.lead .lead_on .lead_on_txt,
  div#water_top div.lead .lead_on .lead_on_txt {
    padding: 0 5.3333333333vw;
    text-align: left;
    margin-top: 10.1333333333vw;
    font-size: 3.4666666667vw;
    line-height: 8.5333333333vw;
    letter-spacing: 0.1386666667vw;
  }
}
div#water_lp div.ttl,
div#water_top div.ttl {
  position: relative;
}
div#water_lp div.ttl .ttl_txt,
div#water_top div.ttl .ttl_txt {
  font-weight: 500;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  white-space: nowrap;
  writing-mode: vertical-rl;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  line-height: 34.2px;
  letter-spacing: 10px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.ttl .ttl_txt,
  div#water_top div.ttl .ttl_txt {
    font-size: 5.8666666667vw;
    line-height: 8vw;
    letter-spacing: 2.6666666667vw;
  }
}
div#water_lp div.ttl .ttl_bg,
div#water_top div.ttl .ttl_bg {
  background-image: url(https://www.deepsea800.jp/pic-labo/0420_subttl_bg02.png);
  background-size: cover;
  width: 100%;
  height: 196px;
}
@media screen and (max-width: 750px) {
  div#water_lp div.ttl .ttl_bg,
  div#water_top div.ttl .ttl_bg {
    height: 52.2666666667vw;
  }
}
div#water_lp div.ttl.ttl_03 .ttl_bg,
div#water_top div.ttl.ttl_03 .ttl_bg {
  background-image: url(https://www.deepsea800.jp/pic-labo/0420_subttl_bg.png);
}
div#water_lp .section_all_wrap .section_01_wrap,
div#water_top .section_all_wrap .section_01_wrap {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, rgb(247, 251, 255) 0%, rgb(219, 244, 255) 100%);
  padding: 0 20px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap,
  div#water_top .section_all_wrap .section_01_wrap {
    padding: 0 1.3333333333vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01,
div#water_top .section_all_wrap .section_01_wrap .section_01 {
  background-color: #ffffff;
  padding-bottom: 120px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01,
  div#water_top .section_all_wrap .section_01_wrap .section_01 {
    padding-bottom: 21.3333333333vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead {
  padding-top: 120px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead {
    padding-top: 21.3333333333vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span {
  font-family: "Shippori Mincho", serif;
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span:first-child,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span:first-child {
  font-weight: 500;
  font-size: 56px;
  line-height: 84px;
  letter-spacing: 6.72px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span:first-child,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span:first-child {
    font-size: 8.5333333333vw;
    line-height: 12.8vw;
    letter-spacing: 1.024vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span:first-child + span,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span:first-child + span {
  font-weight: 500;
  font-size: 44px;
  line-height: 84px;
  letter-spacing: 5.28px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span:first-child + span,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_ttl span:first-child + span {
    font-size: 7.4666666667vw;
    line-height: 12.8vw;
    letter-spacing: 0.896vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_txt,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_txt {
  text-align: center;
  margin-top: 50px;
  font-size: 15px;
  line-height: 37.5px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_txt,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_txt {
    text-align: left;
    margin-top: 9.0666666667vw;
    font-size: 3.7333333333vw;
    line-height: 9.3333333333vw;
    letter-spacing: 0.1493333333vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num {
  margin-top: 60px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num {
    margin-top: 10.6666666667vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  gap: 60px;
  height: 207px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul {
    gap: 8.8vw;
    height: 29.8666666667vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li {
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #191E5E;
  width: 275px;
  height: 275px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li {
    width: 40.2666666667vw;
    height: 40.2666666667vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_01,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_01 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  margin-top: 40px;
  font-size: 26px;
  line-height: 37px;
  letter-spacing: -1.56px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_01,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_01 {
    margin-top: 5.8666666667vw;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw;
    letter-spacing: -0.208vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_02,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_02 {
  font-family: "Shippori Mincho", serif;
  font-size: 102px;
  line-height: 0.8em;
  letter-spacing: -4px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_02,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_02 {
    font-size: 14.4vw;
    letter-spacing: -0.5333333333vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_02.ls_m,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_02.ls_m {
  letter-spacing: -12px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_02.ls_m,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_02.ls_m {
    letter-spacing: -1.6vw;
  }
}
div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_03,
div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_03 {
  font-family: "Shippori Mincho", serif;
  font-size: 32px;
  line-height: 1.3em;
  letter-spacing: -1.92px;
  padding-left: 4px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_03,
  div#water_top .section_all_wrap .section_01_wrap .section_01 div.section_01_lead .section_01_lead_mineral .section_01_lead_mineral_num ul.section_01_lead_mineral_num_ul li.section_01_lead_mineral_num_li .section_01_lead_mineral_num_li_03 {
    margin-top: 0.8vw;
    font-size: 4.5333333333vw;
    letter-spacing: -0.272vw;
    padding-left: 1.0666666667vw;
  }
}
div#water_lp .parallax,
div#water_top .parallax {
  position: sticky;
  top: 0;
  left: 0;
}
div#water_lp .parallax .parallax_img,
div#water_top .parallax .parallax_img {
  height: 540px;
}
@media screen and (max-width: 750px) {
  div#water_lp .parallax .parallax_img,
  div#water_top .parallax .parallax_img {
    height: 50.6666666667vw;
  }
}
div#water_lp .parallax .parallax_img img,
div#water_top .parallax .parallax_img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
div#water_lp .section_03_wrap div.letroUgcsetContainer,
div#water_top .section_03_wrap div.letroUgcsetContainer {
  margin-top: 160px !important;
  max-width: 1200px !important;
  width: 95.2380952381vw !important;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.letroUgcsetContainer,
  div#water_top .section_03_wrap div.letroUgcsetContainer {
    margin-top: 21.3333333333vw !important;
    width: auto !important;
  }
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper {
  margin-top: 20px !important;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper,
  div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper {
    margin-top: 2.6666666667vw !important;
  }
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostPhoto::before,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostPhoto::before {
  color: #191E5E !important;
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostText div.letroUgcsetPostAuthor,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostText div.letroUgcsetPostAuthor {
  color: #191E5E !important;
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostText div.letroUgcsetPostAuthor::before,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostText div.letroUgcsetPostAuthor::before {
  color: #191E5E !important;
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostText div.letroUgcsetPostComment,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostText div.letroUgcsetPostComment {
  color: #191E5E !important;
  font-family: "Noto Serif JP", serif !important;
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostText div.letroUgcsetPostDate > span,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetContentsSlider div.letroUgcsetContents div.letroUgcsetPost div.letroUgcsetPostAnchor div.letroUgcsetPostText div.letroUgcsetPostDate > span {
  color: #191E5E !important;
  font-family: "Noto Serif JP", serif !important;
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager {
  align-items: center !important;
  justify-content: center !important;
  margin-top: 20px !important;
  gap: 23px !important;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager,
  div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager {
    margin-top: 2.6666666667vw !important;
    gap: 3.2vw !important;
  }
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton {
  width: 6px !important;
  height: 6px !important;
  background-color: #A8A8A8 !important;
  border-radius: 50% !important;
  opacity: 1 !important;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton,
  div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton {
    width: 1.6vw !important;
    height: 1.6vw !important;
  }
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton.letroGadgetSliderPagerButtonActive,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton.letroGadgetSliderPagerButtonActive {
  position: relative !important;
  background-color: #191E5E !important;
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton.letroGadgetSliderPagerButtonActive::before,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton.letroGadgetSliderPagerButtonActive::before {
  pointer-events: none !important;
  position: absolute !important;
  content: "" !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-color: transparent !important;
  border: 1px solid #191E5E !important;
  border-radius: 50% !important;
  width: 14px !important;
  height: 14px !important;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton.letroGadgetSliderPagerButtonActive::before,
  div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderPager div.letroGadgetSliderPagerButton.letroGadgetSliderPagerButtonActive::before {
    width: 3.7333333333vw !important;
    height: 3.7333333333vw !important;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderDirection div.letroGadgetSliderDirectionButton,
  div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderDirection div.letroGadgetSliderDirectionButton {
    border-radius: 0 !important;
    border-color: #191E5E !important;
  }
}
div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderDirection div.letroGadgetSliderDirectionButton::before,
div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroGadgetContentsWrapper div.letroGadgetSliderDirection div.letroGadgetSliderDirectionButton::before {
  color: #191E5E !important;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroUgcsetConsumerProtection.isMobile,
  div#water_top .section_03_wrap div.letroUgcsetContainer div.letroUgcsetWrapper div.letroUgcsetConsumerProtection.isMobile {
    align-items: flex-end !important;
  }
}
div#water_lp .section_03_wrap .hikaku_wrap,
div#water_top .section_03_wrap .hikaku_wrap {
  background-color: #F6F6F6;
  padding-top: 80px;
  padding-bottom: 120px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .hikaku_wrap,
  div#water_top .section_03_wrap .hikaku_wrap {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku {
  font-weight: 500;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
  margin-top: 94px;
}
@media screen and (max-width: 1130px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc {
    gap: 5.3097345133vw;
    align-items: flex-end;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc {
    display: none;
  }
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_01,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_01 {
  width: 144px;
}
@media screen and (max-width: 1130px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_01,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_01 {
    width: 12.7433628319vw;
  }
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 {
  width: 500px;
}
@media screen and (max-width: 1130px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 {
    width: 420px;
  }
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span {
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.26px;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span:first-child,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span:first-child {
  margin-left: 150px;
  margin-right: auto;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span:first-child + span,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span:first-child + span {
  margin-right: 78px;
  margin-left: auto;
}
@media screen and (max-width: 1130px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span:first-child + span,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span:first-child + span {
    margin-right: 36px;
  }
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span:first-child + span > span,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_ttl > span:first-child + span > span {
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 1.68px;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul {
  border-top: 1px solid #D0D0D0;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li {
  display: flex;
  align-items: center;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child {
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.6px;
  width: 100px;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child + span,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child + span {
  width: 156px;
  white-space: nowrap;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.6px;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child + span > span,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child + span > span {
  font-size: 10px;
  line-height: 1em;
  letter-spacing: 0.4px;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child + span + span,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child + span + span {
  margin-left: 70px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 1130px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child + span + span,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 ul.hikaku_main_pc_02_ul li.hikaku_main_pc_02_li > span:first-child + span + span {
    margin-left: 6.1946902655vw;
  }
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_kome,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_02 div.hikaku_main_pc_02_kome {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.48px;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_03,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_03 {
  width: 144px;
}
@media screen and (max-width: 1130px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_03,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_pc div.hikaku_main_pc_03 {
    width: 12.7433628319vw;
  }
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp {
  display: none;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp {
    display: block;
    margin-top: 16vw;
    padding: 0 5.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ttl,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ttl {
    font-family: "Shippori Mincho", serif;
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw;
    letter-spacing: 0.0693333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ttl.hikaku_main_sp_ttl_02,
  div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ttl.hikaku_main_sp_ttl_02 {
    margin-top: 10.6666666667vw;
  }
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap {
  position: relative;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap div.hikaku_main_sp_ul_img,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap div.hikaku_main_sp_ul_img {
  position: absolute;
  right: 0;
  bottom: 5.3333333333vw;
  width: 12.8vw;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul {
  border-top: 1px solid #D0D0D0;
  padding: 5.3333333333vw 0;
  margin-top: 4.8vw;
  display: flex;
  flex-direction: column;
  gap: 2.6666666667vw;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul li.hikaku_main_sp_li,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul li.hikaku_main_sp_li {
  display: flex;
  align-items: center;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul li.hikaku_main_sp_li > span:first-child,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul li.hikaku_main_sp_li > span:first-child {
  font-size: 3.4666666667vw;
  line-height: 5.3333333333vw;
  letter-spacing: 0.1386666667vw;
  width: 24vw;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul li.hikaku_main_sp_li > span:first-child + span,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul li.hikaku_main_sp_li > span:first-child + span {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 3.4666666667vw;
  line-height: 5.3333333333vw;
  letter-spacing: 0.1386666667vw;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul li.hikaku_main_sp_li > span:first-child + span > span,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_ul_wrap ul.hikaku_main_sp_ul li.hikaku_main_sp_li > span:first-child + span > span {
  font-size: 2.6666666667vw;
  line-height: 1em;
  letter-spacing: 0.1066666667vw;
}
div#water_lp .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_kome,
div#water_top .section_03_wrap .hikaku_wrap div.hikaku div.hikaku_main_sp div.hikaku_main_sp_kome {
  margin-top: 2.6666666667vw;
  font-size: 3.2vw;
  line-height: 5.76vw;
  letter-spacing: 0.128vw;
}
div#water_lp .section_03_wrap div.safety_wrap,
div#water_top .section_03_wrap div.safety_wrap {
  margin-top: 148px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
}
@media screen and (max-width: 1000px) {
  div#water_lp .section_03_wrap div.safety_wrap,
  div#water_top .section_03_wrap div.safety_wrap {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap,
  div#water_top .section_03_wrap div.safety_wrap {
    margin-top: 21.3333333333vw;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_mv,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_mv {
  position: relative;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_mv .safety_mv_ttl_wrap,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_mv .safety_mv_ttl_wrap {
  z-index: 1;
  position: relative;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_mv div.safety_mv_ttl,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_mv div.safety_mv_ttl {
  z-index: 1;
  font-weight: 500;
  white-space: nowrap;
  writing-mode: vertical-rl;
  position: absolute;
  top: 8px;
  right: 150px;
  font-size: 36px;
  line-height: 1.8em;
  letter-spacing: 18px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_mv div.safety_mv_ttl,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_mv div.safety_mv_ttl {
    top: 0;
    right: 13.3333333333vw;
    font-size: 5.3333333333vw;
    letter-spacing: 2.6666666667vw;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_mv div.safety_mv_img,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_mv div.safety_mv_img {
  width: 100%;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_lead,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_lead {
  font-weight: 500;
  text-align: center;
  margin-top: 80px;
  font-size: 15px;
  line-height: 37.5px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_lead,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_lead {
    text-align: left;
    padding: 0 5.3333333333vw;
    margin-top: 16vw;
    font-size: 3.7333333333vw;
    line-height: 9.3333333333vw;
    letter-spacing: 0.1493333333vw;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap {
  margin-top: 80px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap {
    margin-top: 16vw;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul {
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  width: 1210px;
  padding-bottom: 44px;
}
@media screen and (max-width: 1500px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul {
    width: 80.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul {
    width: auto;
    overflow-x: scroll;
    margin: 0;
    padding: 0 5.3333333333vw;
    gap: 8vw;
    padding-bottom: 0;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 0 5px;
}
@media screen and (max-width: 1500px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li {
    padding: 0 0.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li {
    padding: 0;
    flex-shrink: 0;
    width: 69.3333333333vw !important;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_left,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_left {
  flex-shrink: 0;
  width: 400px;
}
@media screen and (max-width: 1500px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_left,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_left {
    width: 26.6666666667vw;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step {
  display: flex;
  align-items: last baseline;
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 10px;
  gap: 10px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step {
    padding-bottom: 2.6666666667vw;
    gap: 2.6666666667vw;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span {
  font-weight: 500;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span:first-child,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span:first-child {
  margin-left: 60px;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 2.88px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span:first-child,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span:first-child {
    margin-left: 0;
    font-size: 6.4vw;
    line-height: 9.3333333333vw;
    letter-spacing: 0.768vw;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span:first-child + span,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span:first-child + span {
  font-size: 37px;
  line-height: 54px;
  letter-spacing: 4.44px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span:first-child + span,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_step > span:first-child + span {
    font-size: 9.8666666667vw;
    line-height: 14.4vw;
    letter-spacing: 1.184vw;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right .safety_slider_li_right_img,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right .safety_slider_li_right_img {
  width: 100%;
  margin-top: 5.3333333333vw;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_ttl,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_ttl {
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 1.44px;
  margin-top: 40px;
  margin-left: 60px;
}
@media screen and (max-width: 1300px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_ttl,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_ttl {
    margin-left: 4.6153846154vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_ttl,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_ttl {
    font-size: 5.3333333333vw;
    line-height: 8vw;
    letter-spacing: 0.32vw;
    margin-top: 5.3333333333vw;
    margin-left: 0;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_txt,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_txt {
  font-weight: 500;
  font-size: 15px;
  line-height: 37.5px;
  letter-spacing: 0.6px;
  margin-top: 24px;
  margin-left: 60px;
}
@media screen and (max-width: 1300px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_txt,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_txt {
    margin-left: 4.6153846154vw;
  }
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_txt,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul li.safety_slider_li div.safety_slider_li_right div.safety_slider_li_right_txt {
    font-size: 3.4666666667vw;
    line-height: 6.24vw;
    letter-spacing: 0.1386666667vw;
    margin-top: 4.2666666667vw;
    margin-left: 0;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-prev,
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-next,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-prev,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-next {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 170px;
  font-size: 0;
  background: url("https://www.deepsea800.jp/pic-labo/0420_sli_arrow.png") no-repeat center center;
  background-size: cover;
  width: 20px;
  height: 60px;
}
@media screen and (max-width: 1500px) {
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-prev,
  div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-next,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-prev,
  div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-next {
    top: 11.3333333333vw;
  }
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-prev::before,
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-next::before,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-prev::before,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-next::before {
  display: none;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-prev,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-prev {
  left: -50px;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-next,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul .slick-next {
  right: -50px;
  transform: scale(-1, 1);
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 23px;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li {
  position: relative;
  border-radius: 50%;
  height: -moz-fit-content;
  height: fit-content;
  width: 14px;
  height: 14px;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li button,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li button {
  cursor: pointer;
  outline: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all 0.3s;
  width: 6px;
  height: 6px;
  background-color: #A8A8A8;
  border-radius: 50%;
  font-size: 0;
  border: none;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li button::before,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li button::before {
  display: none;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li.slick-active,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li.slick-active {
  border: 1px solid #191E5E;
}
div#water_lp .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li.slick-active button,
div#water_top .section_03_wrap div.safety_wrap div.safety div.safety_slider_wrap ul.safety_slider_ul ul.slick-dots li.slick-active button {
  background-color: #191E5E;
}
div#water_lp .section_03_wrap div.features_wrap,
div#water_top .section_03_wrap div.features_wrap {
  background-color: #F6F6F6;
  margin-top: 160px;
  padding-top: 80px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.features_wrap,
  div#water_top .section_03_wrap div.features_wrap {
    margin-top: 21.3333333333vw;
    padding-top: 16vw;
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt,
div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt {
  writing-mode: unset;
  letter-spacing: normal;
  display: flex;
  top: 47%;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex,
div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex {
  display: flex;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child,
div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child {
  font-weight: 400;
  font-size: 135px;
  line-height: 1em;
  letter-spacing: normal;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child,
  div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child {
    font-size: 26.6666666667vw;
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div,
div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div {
  margin-top: 74px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div,
  div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div {
    margin-top: 14.9333333333vw;
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div > span:first-child,
div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div > span:first-child {
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 2.88px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div > span:first-child,
  div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div > span:first-child {
    font-size: 5.3333333333vw;
    line-height: 8vw;
    letter-spacing: 0.32vw;
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div > span:first-child + span,
div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div > span:first-child + span {
  font-size: 41px;
  line-height: 58px;
  letter-spacing: 4.92px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div > span:first-child + span,
  div#water_top .section_03_wrap div.features_wrap div.features div.ttl_02 div.ttl_txt div.ttl_02_flex > div:first-child + div > span:first-child + span {
    font-size: 8vw;
    line-height: 11.7333333333vw;
    letter-spacing: 0.96vw;
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap {
  margin-top: 80px;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax {
  display: flex;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left {
  position: relative;
  top: 0;
  left: 0;
  width: 50vw;
  height: 300vh;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul {
  height: 100%;
  width: 100%;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li {
  height: 100vh;
  width: 100%;
  position: relative;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 13.5416666667vw;
}
@media screen and (max-width: 1600px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner,
  div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner {
    left: 6.25vw;
  }
}
@media screen and (max-width: 1030px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner,
  div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner {
    left: 4vw;
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_ttl,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_ttl {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 36px;
  line-height: 64.8px;
  letter-spacing: 4.32px;
}
@media screen and (max-width: 1200px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_ttl,
  div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_ttl {
    font-size: 3vw;
    line-height: 5.4vw;
    letter-spacing: 0.36vw;
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt {
  max-width: 530px;
  margin-top: 38px;
  font-weight: 500;
  font-size: 15px;
  line-height: 37.5px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 1400px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt,
  div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt {
    max-width: 32.8571428571vw;
  }
}
@media screen and (max-width: 1200px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt,
  div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt {
    max-width: 31.6666666667vw;
    font-size: max(12px, 1.25vw);
    line-height: max(30px, 3.125vw);
    letter-spacing: max(0.5px, 0.05vw);
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt .only_1000,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt .only_1000 {
  display: none;
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt .only_1000,
  div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_left ul.features_parallax_left_ul li.features_parallax_left_li .features_parallax_left_li_inner div.features_parallax_left_txt .only_1000 {
    display: block;
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right {
  position: sticky;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100vh;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img > img,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img.f_p_01,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img.f_p_01 {
  z-index: 2;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img.f_p_02,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img.f_p_02 {
  z-index: 1;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img.f_p_03,
div#water_top .section_03_wrap div.features_wrap div.features div.features_parallax_wrap div.features_parallax div.features_parallax_right div.features_parallax_right_img.f_p_03 {
  z-index: 0;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_wrap_sp,
div#water_top .section_03_wrap div.features_wrap div.features div.features_wrap_sp {
  display: none;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.features_wrap div.features div.features_wrap_sp,
  div#water_top .section_03_wrap div.features_wrap div.features div.features_wrap_sp {
    display: block;
    margin-top: 16vw;
    padding-bottom: 16vw;
  }
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_wrap_sp ul.features_wrap_sp_ul,
div#water_top .section_03_wrap div.features_wrap div.features div.features_wrap_sp ul.features_wrap_sp_ul {
  display: flex;
  flex-direction: column;
  gap: 13.3333333333vw;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_wrap_sp ul.features_wrap_sp_ul li.features_wrap_sp_li .features_wrap_sp_li_img,
div#water_top .section_03_wrap div.features_wrap div.features div.features_wrap_sp ul.features_wrap_sp_ul li.features_wrap_sp_li .features_wrap_sp_li_img {
  width: 100%;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_wrap_sp ul.features_wrap_sp_ul li.features_wrap_sp_li .features_wrap_sp_li_ttl,
div#water_top .section_03_wrap div.features_wrap div.features div.features_wrap_sp ul.features_wrap_sp_ul li.features_wrap_sp_li .features_wrap_sp_li_ttl {
  padding: 0 5.3333333333vw;
  margin-top: 6.4vw;
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-size: 6.4vw;
  line-height: 11.52vw;
  letter-spacing: 0.768vw;
}
div#water_lp .section_03_wrap div.features_wrap div.features div.features_wrap_sp ul.features_wrap_sp_ul li.features_wrap_sp_li .features_wrap_sp_li_txt,
div#water_top .section_03_wrap div.features_wrap div.features div.features_wrap_sp ul.features_wrap_sp_ul li.features_wrap_sp_li .features_wrap_sp_li_txt {
  padding: 0 5.3333333333vw;
  margin-top: 5.3333333333vw;
  max-width: 100%;
  font-weight: 500;
  font-size: 3.7333333333vw;
  line-height: 9.3333333333vw;
  letter-spacing: 0.1493333333vw;
}
div#water_lp .section_03_wrap div.question_wrap .parallax,
div#water_top .section_03_wrap div.question_wrap .parallax {
  z-index: 0;
}
div#water_lp .section_03_wrap div.question_wrap div.question,
div#water_top .section_03_wrap div.question_wrap div.question {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  padding-top: 160px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.question_wrap div.question,
  div#water_top .section_03_wrap div.question_wrap div.question {
    padding-top: 24vw;
  }
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main {
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  max-width: 1260px;
  padding: 0 30px;
  margin-top: 110px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.question_wrap div.question div.question_main,
  div#water_top .section_03_wrap div.question_wrap div.question div.question_main {
    max-width: 89.3333333333vw;
    padding: 0;
    margin-top: 14.4vw;
  }
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl {
  border-bottom: 1px solid #D0D0D0;
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 50px 20px 20px;
  gap: 16px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt,
  div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt {
    align-items: flex-start;
    padding: 5.3333333333vw 13.3333333333vw 5.3333333333vw 5.3333333333vw;
    gap: 4.2666666667vw;
  }
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt > span,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt > span {
  color: #A0A0A0;
  font-weight: 500;
  font-family: "Shippori Mincho", serif;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 2.88px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt > span,
  div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt > span {
    font-size: 6.4vw;
    line-height: 9.3333333333vw;
    letter-spacing: 0.768vw;
  }
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt > div,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt > div {
  font-weight: 500;
  font-size: 18px;
  line-height: 32.4px;
  letter-spacing: 2.16px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt > div,
  div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt > div {
    font-size: 4.8vw;
    line-height: 8.64vw;
    letter-spacing: 0.576vw;
  }
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt::after,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt::after {
  content: "";
  transition: all 0.3s;
  position: absolute;
  pointer-events: none;
  background-color: transparent;
  border-bottom: 1px solid #191E5E;
  border-right: 1px solid #191E5E;
  transform: rotate(45deg);
  top: 40%;
  right: 14px;
  width: 6px;
  height: 6px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt::after,
  div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt::after {
    top: 46%;
    right: 3.7333333333vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt.active::after,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dt.active::after {
  transform: rotate(225deg);
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd {
  display: none;
  background-color: #FAFAFA;
  padding: 20px;
  font-weight: 600;
  font-size: 15px;
  line-height: 32px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd,
  div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd {
    padding: 5.3333333333vw;
    font-size: 4vw;
    line-height: 8.5333333333vw;
    letter-spacing: 0.16vw;
  }
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd > div,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd > div {
  margin-top: 16px;
  font-size: 12px;
  line-height: 21.6px;
  letter-spacing: 0.48px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd > div,
  div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd > div {
    margin-top: 4.2666666667vw;
    font-size: 3.2vw;
    line-height: 5.76vw;
    letter-spacing: 0.128vw;
  }
}
div#water_lp .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd > a,
div#water_top .section_03_wrap div.question_wrap div.question div.question_main dl.question_main_dl > div > dd > a {
  display: inline;
  color: #3F75B4;
  -webkit-text-decoration: underline #3F75B4;
          text-decoration: underline #3F75B4;
}
div#water_lp .section_03_wrap .cp_product,
div#water_top .section_03_wrap .cp_product {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 120px auto;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product,
  div#water_top .section_03_wrap .cp_product {
    margin: 21.3333333333vw auto;
  }
}
div#water_lp .section_03_wrap .cp_product .cp_ttl,
div#water_top .section_03_wrap .cp_product .cp_ttl {
  margin: 0 auto;
  position: relative;
  width: 460px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_ttl,
  div#water_top .section_03_wrap .cp_product .cp_ttl {
    width: 61.3333333333vw;
    opacity: 0;
    transition-duration: 1.5s;
    transform: translateY(7.6923076923vw);
  }
}
div#water_lp .section_03_wrap .cp_product .cp_ttl .cp_ttl_txt,
div#water_top .section_03_wrap .cp_product .cp_ttl .cp_ttl_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: #FFFFFF;
  line-height: 1;
  font-size: 32px;
  letter-spacing: 4.48px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_ttl .cp_ttl_txt,
  div#water_top .section_03_wrap .cp_product .cp_ttl .cp_ttl_txt {
    font-size: 4vw;
    letter-spacing: 0.56vw;
  }
}
div#water_lp .section_03_wrap .cp_product .cp_name,
div#water_top .section_03_wrap .cp_product .cp_name {
  text-align: center;
  color: #191E5E;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 56px;
  margin: 10px auto 0;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_name,
  div#water_top .section_03_wrap .cp_product .cp_name {
    font-size: 7.2vw;
    margin: 2.6666666667vw auto 0;
    opacity: 0;
    transition-duration: 1.5s;
    transform: translateY(7.6923076923vw);
  }
}
div#water_lp .section_03_wrap .cp_product .cp_product_img,
div#water_top .section_03_wrap .cp_product .cp_product_img {
  width: 400px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_product_img,
  div#water_top .section_03_wrap .cp_product .cp_product_img {
    width: 74.6666666667vw;
  }
}
div#water_lp .section_03_wrap .cp_product .cp_product_txt_01,
div#water_top .section_03_wrap .cp_product .cp_product_txt_01 {
  text-align: center;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_product_txt_01,
  div#water_top .section_03_wrap .cp_product .cp_product_txt_01 {
    font-size: 3.7333333333vw;
    line-height: 6.9333333333vw;
  }
}
div#water_lp .section_03_wrap .cp_product .cp_product_txt_02,
div#water_top .section_03_wrap .cp_product .cp_product_txt_02 {
  font-weight: 600;
  margin-top: 23px;
  font-size: 16px;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_product_txt_02,
  div#water_top .section_03_wrap .cp_product .cp_product_txt_02 {
    margin-top: 5.3333333333vw;
    font-size: 4vw;
    letter-spacing: 0.24vw;
  }
}
div#water_lp .section_03_wrap .cp_product .cp_product_txt_02 span,
div#water_top .section_03_wrap .cp_product .cp_product_txt_02 span {
  text-decoration: line-through;
}
div#water_lp .section_03_wrap .cp_product .cp_product_txt_03,
div#water_top .section_03_wrap .cp_product .cp_product_txt_03 {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-top: 2px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_product_txt_03,
  div#water_top .section_03_wrap .cp_product .cp_product_txt_03 {
    margin-top: 1.0666666667vw;
  }
}
div#water_lp .section_03_wrap .cp_product .cp_product_txt_03 span,
div#water_top .section_03_wrap .cp_product .cp_product_txt_03 span {
  font-weight: bold;
}
div#water_lp .section_03_wrap .cp_product .cp_product_txt_03 span.fs_17,
div#water_top .section_03_wrap .cp_product .cp_product_txt_03 span.fs_17 {
  font-size: 17px;
  letter-spacing: 1.02px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_product_txt_03 span.fs_17,
  div#water_top .section_03_wrap .cp_product .cp_product_txt_03 span.fs_17 {
    font-size: 4.2666666667vw;
    letter-spacing: 0.256vw;
  }
}
div#water_lp .section_03_wrap .cp_product .cp_product_txt_03 span.fs_29,
div#water_top .section_03_wrap .cp_product .cp_product_txt_03 span.fs_29 {
  font-size: 29px;
  letter-spacing: 1.74px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_product_txt_03 span.fs_29,
  div#water_top .section_03_wrap .cp_product .cp_product_txt_03 span.fs_29 {
    font-size: 7.4666666667vw;
    letter-spacing: 0.448vw;
  }
}
div#water_lp .section_03_wrap .cp_product .cp_product_txt_03 span.off,
div#water_top .section_03_wrap .cp_product .cp_product_txt_03 span.off {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #191E5E;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.96px;
  width: 90px;
  height: 30px;
  margin-left: 4px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product .cp_product_txt_03 span.off,
  div#water_top .section_03_wrap .cp_product .cp_product_txt_03 span.off {
    font-size: 4vw;
    letter-spacing: 0.24vw;
    width: 22.6666666667vw;
    height: 7.4666666667vw;
    margin-left: 0;
  }
}
div#water_lp .section_03_wrap .cp_product a.cp_btn,
div#water_top .section_03_wrap .cp_product a.cp_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #191E5E;
  color: #ffffff;
  font-weight: 500;
  line-height: 1;
  font-size: 18px;
  letter-spacing: 1.08px;
  width: 360px;
  height: 80px;
  margin: 60px auto 0;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product a.cp_btn,
  div#water_top .section_03_wrap .cp_product a.cp_btn {
    font-size: 4vw;
    letter-spacing: 0.24vw;
    width: 89.3333333333vw;
    height: 16vw;
    margin: 10.6666666667vw auto 0;
  }
}
div#water_lp .section_03_wrap .cp_product a.cp_btn::after,
div#water_top .section_03_wrap .cp_product a.cp_btn::after {
  position: absolute;
  content: "";
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  transform: rotate(45deg);
  top: 32px;
  right: 20px;
  width: 10px;
  height: 10px;
}
@media screen and (max-width: 750px) {
  div#water_lp .section_03_wrap .cp_product a.cp_btn::after,
  div#water_top .section_03_wrap .cp_product a.cp_btn::after {
    top: 6.4vw;
    right: 5.3333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
}

div.letroUgcsetModal.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetModalWrapRight div.letroUgcsetPostText div.letroUgcsetPostAuthor {
  color: #191E5E !important;
}
div.letroUgcsetModal.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetModalWrapRight div.letroUgcsetPostText div.letroUgcsetPostAuthor::before {
  color: #191E5E !important;
}
div.letroUgcsetModal.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetModalWrapRight div.letroUgcsetPostText div.letroUgcsetPostComment {
  color: #191E5E !important;
  font-family: "Noto Serif JP", serif !important;
}
div.letroUgcsetModal.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetModalWrapRight div.letroUgcsetPostText div.letroViewMore span.letroViewMoreText {
  color: #191E5E !important;
  font-family: "Noto Serif JP", serif !important;
}
div.letroUgcsetModal.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetModalWrapRight div.letroUgcsetPostText div.letroViewMore span.letroArrow > span {
  background-color: #191E5E !important;
}
div.letroUgcsetModal.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetModalWrapRight div.letroUgcsetPostText div.letroUgcsetPostLink > a {
  color: #191E5E !important;
  font-family: "Noto Serif JP", serif !important;
}
div.letroUgcsetModal.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetModalWrapRight div.letroUgcsetPostText div.letroUgcsetPostLink > a::before {
  color: #191E5E !important;
}
div.letroUgcsetModal.letroUgcsetModalActive span.letroUgcsetModalClose::before {
  color: #191E5E !important;
}
div.letroUgcsetModal.letroUgcsetModalActive span.letroUgcsetModalPrev::before {
  color: #191E5E !important;
}
div.letroUgcsetModal.letroUgcsetModalActive span.letroUgcsetModalNext::before {
  color: #191E5E !important;
}

div.letroUgcsetModal.letroMobile.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetPostText a.letroUgcsetPostAuthor {
  color: #191E5E !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetPostText a.letroUgcsetPostAuthor::before {
  color: #191E5E !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetPostText div.letroUgcsetPostComment {
  color: #191E5E !important;
  font-family: "Noto Serif JP", serif !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetPostText div.letroViewMore span.letroViewMoreText {
  color: #191E5E !important;
  font-family: "Noto Serif JP", serif !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive div.letroUgcsetModalInner div.letroUgcsetModalWrap div.letroUgcsetPostText div.letroViewMore span.letroArrow > span {
  background-color: #191E5E !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive span.letroUgcsetModalClose {
  border-radius: 0 !important;
  border-color: #191E5E !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive span.letroUgcsetModalClose::before {
  color: #191E5E !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive span.letroUgcsetModalPrev {
  border-radius: 0 !important;
  border-color: #191E5E !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive span.letroUgcsetModalPrev::before {
  color: #191E5E !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive span.letroUgcsetModalNext {
  border-radius: 0 !important;
  border-color: #191E5E !important;
}
div.letroUgcsetModal.letroMobile.letroUgcsetModalActive span.letroUgcsetModalNext::before {
  color: #191E5E !important;
}

/*------------------------------------
* PC,SP共通部分
*-------------------------------------*/
/* リセット */
body { margin: 0;}

#lp-form h1,
#lp-form h2,
#lp-form h3,
#lp-form h4,
#lp-form h5,
#lp-form h6,
#lp-form p,
#lp-form ul,
#lp-form ol,
#lp-form li,
#lp-form dl,
#lp-form dt,
#lp-form dd,
#lp-form blockquote {
  margin: 0;
}

#lp-form ul,
#lp-form ol {
  ist-style: none inside;
}

#lp-form img,
#lp-form a img {
  border: 0;
  vertical-align: middle;
}

#lp-form .clearfix {
  zoom: 1;
}

#lp-form .clearfix:after {
  clear: both;
  content: '';
  display: block;
}

#lp-form {
  font-size: 12px;
  line-height: 1.42857143;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
}

#lp-form table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Form 項目と入力ボックス間の空白調節*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24 {
  float: left;
  position: relative;
  min-height: 1px;
}
.col-24 {width: 100%;}
.col-23 {width: 95.83333333%;}
.col-22 {width: 91.66666667%;}
.col-21 {width: 87.5%;}
.col-20 {width: 83.33333333%;}
.col-19 {width: 79.16666667%;}
.col-18 {width: 75%;}
.col-17 {width: 70.83333333%;}
.col-16 {width: 66.66666667%;}
.col-15 {width: 62.5%;}
.col-14 {width: 58.33333333%;}
.col-13 {width: 54.16666667%;}
.col-12 {width: 50%;}
.col-11 {width: 45.83333333%;}
.col-10 {width: 41.66666667%;}
.col-9 {width: 37.5%;}
.col-8 {width: 33.33333333%;}
.col-7 {width: 29.16666667%;}
.col-6 {width: 25%;}
.col-5 {width: 20.83333333%;}
.col-4 {width: 16.66666667%;}
.col-3 {width: 12.5%;}
.col-2 {width: 8.33333333%;}
.col-1 {width: 4.16666667%;}

/*------------------------------------
* PC部分
*-------------------------------------*/
/* 本フォーム全体  */
.form_container_ec {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden;
}
.form_main_container_ec {
  font-size:12px;
  width: 100%;
  border-radius:3px
}
.landing_form_label_ec {
  padding: 15px;
}
/* フォームの項目名ラベル */
.form_box_label {
  background: #cadefc;
  border-bottom: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
  padding: 2%;
  vertical-align: middle;
  text-align: left;
  color: #333;
  margin-bottom: 2%;
}
span.form_required_ec{
  padding: 2px 4px;
  margin-left: 5px;
  display: inline-block;
  float: right !important;
}
/* フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  width: 852px;
  margin: 0 auto;
}
/* フォーム一項目　項目名ラベルと入力ボックス */
.landing_form_ec tr {
  line-height: 18px;
  font-size: 14px;
}
/* フォーム左側　項目名ラベル */
.landing_form_ec th {
  text-align: left;
  vertical-align: top;
  padding: 13px 11px;
}
/* フォーム右側　入力ボックス */
.landing_form_ec td {
  width: 584px;
  padding: 13px 5px;
}
/* フォームトップメッセージ */
.login_message_ec,
.purchase_message_ec {
  font-weight: normal;
  font-size: 14px;
  padding:20px 0px;
  margin-left: 4%;
  margin-right: 4%;
}
/* エラーメッセージ背景 */
.alert-danger_ec {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-success_ec {
  background-color: #DFF0D8;
  border-color: #d6e9c6;
  color: #468847;
}

.form_main_container_sp_ec .formError {
  width: 200px;
}

.form_main_container_ec .formError {
  width: 470px;
}

.formError .formErrorContent {
  width: 60%;
  font-size: 100%;
}

.alert_ec {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
p.caution_ec {
  padding-top:10px;
  font-size: 14px;
}
.optin_view_ec,
.agreement_view_ec,
.order_checklist_view_ec {
  margin-left: 4%;
  padding-top: 20px;
  position: relative;
}

.submit_ec {
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
}

#option_types {
  margin-top: 10px;
}

#option_types:empty {
  display: none;
}

.option_type{
  margin: 5px 0;
}

.option_type label {
  display: inline-block;
  width: 80px;
}

.form_group_ec {
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
}
.form_main_container_ec div.form_group_ec input{
  padding: 10px 10px;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form_main_container_ec div.form_group_ec input[type=checkbox]{
  margin-left: 3px;
  margin-right: 3px;
}
.form_main_container_ec div.form_group_ec select{
  padding: 10px 10px;
  height: 40px;
  font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form_main_container_ec div.form_group_ec .disabled-input-ec {
  pointer-events: none;
  background-color: #ccc !important;
  opacity: 0.7;
}
input.input_box_ec { width:70%; }
select.input_box_product_ec { min-width:50%; }
p.input_product_ec { display:inline-block; }
input.input_box_name_ec { width:70%; }
input.input_box_name1_ec { width:70%; }
input.input_box_name2_ec { width:70%; }
input.input_box_kana_ec { width:70%; }
input.input_box_kana1_ec { width:70%; }
input.input_box_kana2_ec { width:70%; }
select.input_box_sex_ec { width: 25%; }
select.input_box_job_ec { width: 70%; }
select.input_box_birth_year_ec { width: 25%; }
select.input_box_birth_month_ec { width: 15%; }
select.input_box_birth_day_ec { width: 15%; }
input.input_box_zip1_ec { width: 50px; }
input.input_box_zip2_ec { width: 60px; }
select.input_box_pref_ec { width: 150px; }
input.input_box_addr1_ec { width: 70%; }
input.input_box_addr2_ec { width: 70%; }
input.input_box_addr3_ec { width: 70%; }
input.input_box_tel_ec { width: 70%; }
input.input_box_tel1_ec { width: 45px; }
input.input_box_tel2_ec { width: 45px; }
input.input_box_tel3_ec { width: 45px; }
input.input_box_fax_ec { width: 70%; }
input.input_box_fax1_ec { width: 45px; }
input.input_box_fax2_ec { width: 45px; }
input.input_box_fax3_ec { width: 45px; }
input.input_box_email_ec { width: 70%; }
input.input_box_email_confirm_ec { width: 70%; }
input.input_box_customer_number_ec { width: 70%; }
select.input_box_card_method_ec { width: 50%; }
select.input_box_card_times_ec { width: 15%; }
input.input_box_card_number_ec { width: 70%; }
select.input_box_card_month_ec { width: 15%; }
select.input_box_card_year_ec { width: 15%; }
input.input_box_card_name_ec { width: 70%; }
input.input_box_password_ec { width: 70%; }
input.input_box_password_confirm_ec { width: 70%; }

p.form_box_label_ec strong { font-weight: bold; }
p.form_box_label_ec label { font-weight: bold; }
div.form_group_ec p {}
div.form_group_ec span { font-weight: bold; }
div.scheduled_delivery_date_text_ec {
  font-size: 14px;
  line-height: 20px;
}

div.pre_ordered_delivery_description_text_ec {
  font-size: 14px;
  line-height: 20px;
}

.preview_container_ec > table th,
.preview_container_ec > table td {
  border: 1px solid #d0dcec;
}

.table_bordered_ec {
  border: 0px !important;
}

.table_ec {
  width: 100%;
  max-width: 100%;
}

.table_ec tr > .pull_right_ec {
  text-align: right;
}

.table_ec tr > th.product_name_ec {
  width: 60%;
}

.table_ec tr > th.product_price_ec {
  width: 15%;
}

.table_ec tr > th.product_quantity_ec {
  width: 10%;
}

.table_ec tr > th.product_pickup_available_date_ec {
  width: 15%;
}

.table_ec tr > th.product_sub_total_ec {
  width: 15%;
}

.total_color_ec {
  color: #ff0000;
  font-weight: bold;
}

.without_border_ec {
  border: none !important;
}

/* Paypal */
#paypal-button-container {
  width: 50%;
}

/* Amazon Pay */
.amazon_pay_box_ec {
  border: solid 1px #C3C3C3;
  margin: 10px;
  padding: 20px 0;
  text-align: center;
}

.amazon_pay_title_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 25px;
  color: #df1800;
  font-weight: bold;
}

.amazon_pay_subtitle_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 20px;
  color: #e6a300;
}

.amazon_pay_message_ec {
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
}

.amazon_pay_not_use_message_ec {
  height: 32px;
  margin: 0 auto !important;
  padding: 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  color: #e6a300;
}

.amazon_pay_button_all_ec {
  margin: 20px auto 20px;
  width: 300px;
}

.amazon_pay_button_wallet_ec {
  padding-top: 15px;
  margin-left: -25px;
}

.amazon_pay_button_wallet_ec input.billing_agreement_ec {
  visibility: hidden;
  font-size: 0px !important;
}

.address_book_widget_wrapper_ec {
  height: 228px;
}

.wallet_widget_wrapper_ec {
  height: 228px;
  width:417px;
  float:left;
  margin-right:6px;
}

.consent_widget_wrapper_ec {
  height:193px;
  width:417px;
  float:left;
  margin-top: 5px;
}

.consent_wrapper_ec {
  height: 30px;
  width: 405px;
  color: white;
  background: red;
  vertical-align: middle;
  display: table-cell;
  padding: 0 10px;
  border-radius: 5px;
  position: relative;
}

.consent_wrapper_ec > span.consent_message_ec {
  padding: 0 0 0 10px;
}

.consent_wrapper_ec > span.consent_mandatory_ec {
  float: right;
  background: white;
  color: red;
  padding: 0 4px;
}

.consent_wrapper_ec > input.consent_checkbox_ec {
  visibility: hidden;
}

/* AmazonPay popup >> */
.amazon_pay_popup_box_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.amazon_pay_popup_content_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 30%;
  max-height: 250px;
  padding: 20px;
  background: #ffffff;
}

.amazon_pay_popup_title_ec {
  font-size: 20px;
}

.amazon_pay_popup_close_ec {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border-style: none;
  cursor: pointer;
}

.amazon_pay_popup_subtitle_ec {
  margin: 40px 0 30px;
  font-size: 18px;
}

.amazon_pay_popup_body_ec {
  margin: 20px auto 20px;
  width: 300px;
}
/* << AmazonPay popup */

.login_message_box_ec {
  width: 852px;
  margin: 20px auto 0px auto;
  border: solid 1px #C3C3C3;
}

p.login_message_wrapper_ec {
  font-size: 14px;
  margin: 20px 0 !important;
  text-align: center;
}

/* Socialplus */
.socialplus_ec {
  margin: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  justify-content: center;
}

.socialplus_ec .button-container {
  width: calc(33.3% - 10px);
  margin: 5px;
}

.socialplus_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 40px;
  padding-left: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.socialplus_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-size: 100%;
}

.socialplus_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 40px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.socialplus_ec .button-container .btn-facebook {
  background-color: #4267b2;
}

.socialplus_ec .button-container .btn-facebook:before {
  background-image: url("/assets/login-facebook-3e1626e3d5c7df61a277513295e7acb6cf9112c4df07db1b867c7641a7005492.png");
}

.socialplus_ec .button-container .btn-facebook:after {
  border-color: #8298cc;
}

.socialplus_ec .button-container .btn-twitter {
  background-color: #438dc4;
}

.socialplus_ec .button-container .btn-twitter:before {
  background-image: url("/assets/login-twitter-944a487f4746a5ce6557d56ae65421e8b71eaa7fda7a0f74a1bed6b86d345567.png");
}

.socialplus_ec .button-container .btn-twitter:after {
  border-color: #88BEEF;
}

.socialplus_ec .button-container .btn-google {
  background-color: #0056c7;
}

.socialplus_ec .button-container .btn-google:before {
  background-image: url("/assets/login-google-0119f2ac53e7fc66fe39b1e40fc4757c35ceab4bf28021ce0a81d45eee5d2360.png");
}

.socialplus_ec .button-container .btn-google:after {
  border-color: #4285f4;
}

.socialplus_ec .button-container .btn-gplus {
  background-color: #d04d40;
}

.socialplus_ec .button-container .btn-gplus:before {
  background-image: url("/assets/login-gplus-f2319e7179a28ad715384eb95ff7490c6ff1efa46a13c944022702b87ab4be07.png");
}

.socialplus_ec .button-container .btn-gplus:after {
  border-color: #cf837a;
}

.socialplus_ec .button-container .btn-mixi {
  background-color: #cba958;
}

.socialplus_ec .button-container .btn-mixi:before {
  background-image: url("/assets/login-mixi-99e3d6436ac6491642b1ed205a8f6ea2fbc7a349aea04474f1ae3477c27373f5.png");
}

.socialplus_ec .button-container .btn-mixi:after {
  border-color: #e6bc5c;
}

.socialplus_ec .button-container .btn-yahoo {
  background-color: #fe0032;
  border: 0.5px solid #f00;
}

.socialplus_ec .button-container .btn-yahoo:before {
  background-image: url("/assets/login-yahoo-ecc9e51a9724b036b6fd228bdef4855731ad44ae44b75fe1f4af7eb0f59684de.png");
}

.socialplus_ec .button-container .btn-yahoo:after {
  border-color: #fe0032;
}

.socialplus_ec .button-container .btn-rakuten {
  background-color: #b21d23;
}

.socialplus_ec .button-container .btn-rakuten:before {
  background-image: url("/assets/login-rakuten-8e21ab472f9e803e6d89857d15dd46768e21dc685f03156cfd96205df6773a66.png");
}

.socialplus_ec .button-container .btn-rakuten:after {
  border-color: #ae6164;
}

.socialplus_ec .button-container .btn-line {
  background-color: #31ae36;
}

.socialplus_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.socialplus_ec .button-container .btn-line:after {
  border-color: #70C053;
}

/* ecforce-payment */
.ecforce-payment-card-number,
.ecforce-payment-card-expiry,
.ecforce-payment-card-cvv {
  cursor: text !important;
  font-size: 12px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 3px !important;
  width: 70% !important;
}
.ecforce-payment-card-number #card-number,
.ecforce-payment-card-expiry #card-expiry,
.ecforce-payment-card-cvv #card-cvv {
  padding: 10px 10px !important;
}

/* payjp */
.payjp-card-number,
.payjp-card-expiry,
.payjp-card-cvv {
  cursor: text !important;
  font-size: 12px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 3px !important;
  width: 70% !important;
}
.payjp-card-number #card-number,
.payjp-card-expiry #card-expiry,
.payjp-card-cvv #card-cvv {
  padding: 10px 10px !important;
}

/* fincode */
.fincode-card-number,
.fincode-card-expiry,
.fincode-card-cvv {
  cursor: text !important;
  font-size: 12px !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 3px !important;
  width: 70% !important;
}
.fincode-card-number #card-number,
.fincode-card-expiry #card-expiry,
.fincode-card-cvv #card-cvv {
  padding: 10px 10px !important;
}

.toggle_text {
  display: none;
}

/* カスタム項目 */
.free_columns-section_ec input {
  width: 70%;
}
.free_columns-section_ec input[type=checkbox], .free_columns-section_ec input[type=radio] {
  width: auto;
  top: -2px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.free_columns-section_ec .checkbox-wrapper, .free_columns-section_ec .radio-wrapper {
  margin-top:5px
}
.free_columns-section_ec .checkbox-wrapper>label, .free_columns-section_ec .radio-wrapper>label {
  display: inline-block;
  margin-left: 2px;
  width: 93%;
}
.free_columns-section_ec .form_group_ec label {
  font-weight: normal;
}
.free_columns-section_ec textarea {
  width: 100%;
}
.free_columns-section_ec select {
  width: 70%;
}
.free_columns-section_ec select[multiple]{
  height: 100% !important;
}
.free_columns-section_ec .category-caption-wrapper {
  margin: 1.5em 0 0.8em 3em;
  padding: 1em 0em 1em 1em;
  font-size: 14px;
  font-weight: bold;
  border-left: 5px solid #203594;
  width: 852px;
}
.free_columns-section_ec .category-caption-text {
  display: inline-block;
  width: 90%;
}
.free_columns-section_ec tr.free_column_category-footer td{
  border-left: none;
  border-right: none;
}
.free_columns-section_ec .category-btn-wrapper {
  cursor:pointer ;
  font-size: 14px;
  display:inline-block;
  font-weight: bold;
  color: #010FEE;
  letter-spacing: 0.2em;
}
.free_columns-section_ec .category-btn-wrapper .category-btn:before {
  display:inline-block;
  margin-right: 0.4rem;
  width: 1.9rem;
  height: 1.9rem;
  background-color: #010FEE;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.free_columns-section_ec .category-btn-wrapper.category-minus .category-btn:before {
  content:'ー';
  letter-spacing: 0;
  line-height: 1.95rem;
}
.free_columns-section_ec .category-btn-wrapper.category-plus {
  margin: 0.7em 0 0.8em 2em;
  padding: 1em;
}
.free_columns-section_ec .category-btn-wrapper.category-plus .category-btn:before {
  content:'＋';
  letter-spacing: 0;
  line-height: 1.95rem;
  font-weight: bold;
}

/* 受注自由項目 */
.order_free_columns-section_ec input {
  width: 70%;
}
.order_free_columns-section_ec .form_group_ec label {
  font-weight: normal;
}

/* セット商品 */
.table_ec td.set_item_selected{
  padding-left: 28px;
}

/*------------------------------------
* スマートフォン部分
*-------------------------------------*/
.form_container_sp_ec {
  padding: 0;
  background-size: 100%;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}
.landing_form_label_sp_ec {
  padding: 15px;
}
/* フォーム入力ボックスの基本 */
.form_main_container_sp_ec div.form_group_sp_ec input{
  padding: 8px 4px;
  line-height: 2.4;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
}
.form_main_container_sp_ec div.form_group_sp_ec input[type=checkbox]{
  margin-left: 3px;
  margin-right: 3px;
}
.form_main_container_sp_ec div.form_group_sp_ec select{
  height: 50px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
}
.form_group_sp_ec {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-top: 15px;
  position: relative;
}
.form_main_container_sp_ec div.form_group_sp_ec .disabled-input-ec {
  pointer-events: none;
  color: #555;
  background-color: #ccc !important;
  border: 1px solid #cccccc;
  opacity: 0.7;
}
/* フォームトップメッセージ */
.login_message_sp_ec,
.purchase_message_sp_ec {
  font-weight: normal;
  font-size: 14px;
  padding:20px 0px;
  margin-left: 4%;
  margin-right: 4%;
}
/* エラーメッセージ背景 */
.alert-danger_sp_ec {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-success_sp_ec {
  background-color: #DFF0D8;
  border-color: #d6e9c6;
  color: #468847;
}

.alert_sp_ec {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.form_main_container_sp_ec {
  width: 100%;
  border-radius:3px
}
span.form_required_sp_ec{
  padding: 2px 4px;
  margin-left: 5px;
  display: inline-block;
}
/* フォームの項目名ラベル */
.form_box_label_sp_ec {
  padding: 2%;
  vertical-align: middle;
  text-align: left;
  margin-bottom: 2%;
}
select.input_box_sp_ec {
  padding: 10px;
  font-size: 14px;
  width: 100%;
  height: 50px;
}
input.input_box_sp_ec { width:98%; }
select.input_box_product_sp_ec { width:98%; }
select.input_box_quantity_sp_ec { width:98%; }
input.input_box_name_sp_ec { width:98%; }
input.input_box_name1_sp_ec { width:45%; }
input.input_box_name2_sp_ec { width:45%; }
input.input_box_kana_sp_ec { width:98%; }
input.input_box_kana1_sp_ec { width:45%; }
input.input_box_kana2_sp_ec { width:45%; }
select.input_box_sex_sp_ec { width:98%; }
select.input_box_job_sp_ec { width:98%; }
select.input_box_birth_year_sp_ec { width: 40%; }
select.input_box_birth_month_sp_ec { width: 25%; }
select.input_box_birth_day_sp_ec { width: 25%; }
input.input_box_zip1_sp_ec { width: 80px; }
input.input_box_zip2_sp_ec { width: 100px; }
select.input_box_pref_sp_ec { width:98%; }
input.input_box_addr1_sp_ec { width:98%; }
input.input_box_addr2_sp_ec { width:98%; }
input.input_box_addr3_sp_ec { width:98%; }
input.input_box_tel_sp_ec { width: 98%; }
input.input_box_tel1_sp_ec { width: 24%; }
input.input_box_tel2_sp_ec { width: 24%; }
input.input_box_tel3_sp_ec { width: 24%; }
input.input_box_fax_sp_ec { width: 98%; }
input.input_box_fax1_sp_ec { width: 24%; }
input.input_box_fax2_sp_ec { width: 24%; }
input.input_box_fax3_sp_ec { width: 24%; }
input.input_box_company_sp_ec { width: 98%; }
input.input_box_email_sp_ec { width:98%; }
input.input_box_email_confirm_sp_ec { width:98%; }
input.input_box_customer_number_sp_ec { width:98%; }
select.input_box_shipping_address_sp_ec { width:98%; }
select.input_box_wrapping_sp_ec { width:98%; }
select.input_box_card_method_sp_ec { width:98%; }
select.input_box_card_times_sp_ec { width:98%; }
input.input_box_card_number_sp_ec { width:98%; }
select.input_box_card_month_sp_ec { width: 25%; }
select.input_box_card_year_sp_ec { width: 25%; }
input.input_box_card_name_sp_ec { width:98%; }
select.input_box_container_payment_schedule_sp_ec { width:98%; }
input.input_box_password_sp_ec { width:98%; }
input.input_box_password_confirm_sp_ec { width:98%; }

p.form_box_label_sp_ec strong { font-weight: bold; }
p.form_box_label_sp_ec label { font-weight: bold; }
div.form_group_sp_ec p {}
div.form_group_sp_ec span { font-weight: bold; }
p.caution_sp_ec {
  padding-top:10px;
  font-size: 14px;
}
p.product_name_sp_ec {
  padding: 0 15px 0 15px;
  font-size: 16px;
}
div.scheduled_delivery_date_text_sp_ec {
  font-size: 14px;
  line-height: 20px;
  padding-left:15px;
  padding-right:15px;
}
.optin_view_sp_ec,
.agreement_view_sp_ec,
.order_checklist_view_sp_ec {
  margin-left: 4%;
  padding-top: 15px;
  position: relative;
}
.submit_sp_ec {
  padding-top: 2%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%
  margin-left: auto;
  margin-right: auto;
}

.pre_ordered_delivery_description_text_sp_ec {
  font-size: 14px;
  line-height: 20px;
  padding-left:15px;
  padding-right:15px;
}

/* カスタム項目 */
.free_columns-section_sp_ec input {
  width: 98%;
}
.free_columns-section_sp_ec input[type=checkbox], .free_columns-section_sp_ec input[type=radio] {
  width: auto;
  top: -1px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.free_columns-section_sp_ec .checkbox-wrapper, .free_columns-section_sp_ec .radio-wrapper {
  margin-top:5px
}
.free_columns-section_sp_ec .checkbox-wrapper>label, .free_columns-section_sp_ec .radio-wrapper>label {
  display: inline-block;
  margin-left: 6px;
  width: 90%;
}
.free_columns-section_sp_ec .form_group_ec label {
  font-weight: normal;
}
.free_columns-section_sp_ec textarea {
  width: 100%;
}
.free_columns-section_sp_ec select {
  width: 98%;
}
.free_columns-section_sp_ec select[multiple]{
  height: 100% !important;
}
.free_columns-section_sp_ec .category-caption-wrapper {
  margin: 1em 0;
  padding: 1em 0em 1em 1em;
  font-size: 13px;
  font-weight: bold;
  border-left: 5px solid #203594;
}
.free_columns-section_sp_ec .category-caption-text {
  display: inline-block;
  width: 78%;
}
.free_columns-section_sp_ec tr.free_column_category-footer td{
  border-left: none;
  border-right: none;
}
.free_columns-section_sp_ec .category-btn-wrapper {
  cursor:pointer ;
  font-size: 14px;
  display:inline-block;
  font-weight: bold;
  color: #010FEE;
  letter-spacing: 0.2em;
}
.free_columns-section_sp_ec .category-btn-wrapper .category-btn:before {
  display:inline-block;
  margin-right: 0.4rem;
  width: 1.3rem;
  height: 1.3rem;
  background-color: #010FEE;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.free_columns-section_sp_ec .category-btn-wrapper.category-minus .category-btn:before {
  content:'ー';
  letter-spacing: 0;
  line-height: 1.35rem;
}
.free_columns-section_sp_ec .category-btn-wrapper.category-plus {
  padding: 1em;
}
.free_columns-section_sp_ec .category-btn-wrapper.category-plus .category-btn:before {
  content:'＋';
  letter-spacing: 0;
  line-height: 1.35rem;
  font-weight: bold;
}

/* 受注自由項目 */
.order_free_columns-section_sp_ec input {
  width: 98%;
}
.order_free_columns-section_sp_ec .form_group_sp_ec label {
  font-weight: normal;
}

/* セット商品 */
.table_sp_ec td.set_item_selected{
  padding-left: 28px;
}

/*------------------------------------
* PCデザイン可変部分
*-------------------------------------*/
/* 【PC】フォームの項目名ラベル内必須アイコン */
span.form_required_ec{
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}
/* 【PC】フォームのセクションラベル */
.landing_form_label_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}
/* 【PC】フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  border-top: 1px solid #d0dcec;
  border-right: 1px solid #d0dcec;
  background: #FFF;
  border-bottom: 1px solid #999;
}
/* 【PC】フォーム左側　項目名ラベル */
.landing_form_ec th {
  background-color: #e1edfd;
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #e1edfd;
}
/* 【PC】フォーム右側　入力ボックス */
.landing_form_ec td {
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #ffffff;
}
/* 【PC】購入ボタンのデザイン */
.login_button_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background: url("/assets/default_login_btn-3545ead6f7c1f581390be8bada934a229cd580f4f4830b21c14803de789ad249.png") center;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* 【PC】購入ボタンのデザイン */
.submit_bottom_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background: url("/assets/default_btn-f6c2a9bc1ad7a90718756cd965847d700d3750ab3c837bf74bcf30dd3d083ea0.png") center;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* 【PC】購入ボタンのデザイン */
.submit_button_complete_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background: url("/assets/default_order_comp-6baf1ae5951cb6ca295e07a256d9d8ce2e646d315125a11207f4d833c9cca5d3.png") center;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
/*------------------------------------
* スマートフォンデザイン可変部分
*-------------------------------------*/
/* 【SP】フォームの項目名ラベル内必須アイコン */
span.form_required_sp_ec{
  /* セクションラベルの色 */
  background: #7E0F09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}

/* 【SP】フォームのセクションラベル */
.landing_form_label_sp_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}

/* 【SP】フォームの項目名ラベル */
.form_box_label_sp_ec {
  background: #cadefc;
  border-bottom: 1px solid #C3C3C3;
  border-top: 1px solid #C3C3C3;
}

/* 【SP】ログインボタンのデザイン */
.login_button_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background: url("/assets/default_login_btn-3545ead6f7c1f581390be8bada934a229cd580f4f4830b21c14803de789ad249.png") center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* 【SP】購入ボタンのデザイン */
.submit_bottom_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background: url("/assets/default_btn-f6c2a9bc1ad7a90718756cd965847d700d3750ab3c837bf74bcf30dd3d083ea0.png") center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.submit_button_complete_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background: url("/assets/default_order_comp-6baf1ae5951cb6ca295e07a256d9d8ce2e646d315125a11207f4d833c9cca5d3.png") center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

.preview_container_sp_ec > table {
  width: 100%;
}

.preview_container_sp_ec > table th {
  background: #cadefc;
}

.preview_container_sp_ec > table,
.preview_container_sp_ec > table tr,
.preview_container_sp_ec > table th,
.preview_container_sp_ec > table td {
  border: 1px solid #C3C3C3;
}

.table_bordered_sp_ec {
  border: 0px !important;
}

.table_sp_ec {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table_sp_ec > thead > tr > th,
.table_sp_ec > tbody > tr > th,
.table_sp_ec > tfoot > tr > th,
.table_sp_ec > thead > tr > td,
.table_sp_ec > tbody > tr > td,
.table_sp_ec > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table_bordered_sp_ec > thead > tr > th,
.table_bordered_sp_ec > tbody > tr > th,
.table_bordered_sp_ec > tfoot > tr > th,
.table_bordered_sp_ec > thead > tr > td,
.table_bordered_sp_ec > tbody > tr > td,
.table_bordered_sp_ec > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table_sp_ec tr > th {
  border-top: 0px;
  background: #F0F0F0;
  font-size: 10px;
}

.table_sp_ec tr > th,
.table_sp_ec tr > td {
  font-size: 12px;
}

.table_bordered_sp_ec tr > th,
.table_bordered_sp_ec tr > td {
  border: 1px solid #e5e5e5 !important;
}

.table_sp_ec th,
.table_sp_ec td {
  vertical-align: middle !important;
  line-height: 20px !important;
  border-top: 1px solid #e5e5e5 !important;
}

.total_color_sp_ec {
  color: #ff0000;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}

/* Amazon Pay */
.amazon_pay_box_sp_ec {
  border: solid 3px #C3C3C3;
  margin: 10px auto;
  padding: 20px 0;
  text-align: center;
}

.amazon_pay_title_sp_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  color: #df1800;
  font-weight: bold;
}

.amazon_pay_subtitle_sp_ec {
  margin: 0 auto 10px auto !important;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  color: #e6a300;
}

.amazon_pay_message_sp_ec {
  margin: 0 10px;
  font-weight: bold;
  text-align: center;
}

.amazon_pay_not_use_message_sp_ec {
  margin: 0 10px !important;
  padding: 0 0 10px 0;
  text-align: center;
  font-size: 12px;
  color: #e6a300;
}

.amazon_pay_button_all_sp_ec {
  margin: 20px auto 20px;
  width: 300px;
}

.amazon_pay_button_wallet_sp_ec {
  padding-top: 15px;
  margin-left: -15px;
}

.amazon_pay_button_wallet_sp_ec input.billing_agreement_sp_ec {
  visibility: hidden;
  font-size: 0px !important;
}

.address_book_widget_wrapper_sp_ec,
.wallet_widget_wrapper_sp_ec,
.consent_widget_wrapper_sp_ec {
}

.address_book_widget_wrapper_sp_ec,
.wallet_widget_wrapper_sp_ec,
.consent_widget_wrapper_sp_ec {
}

.consent_wrapper_sp_ec {
  height: 30px;
  color: white;
  background: red;
  padding-top: 5px;
  margin: 10px 0;
}

.consent_wrapper_sp_ec > span.consent_message_sp_ec {
  padding: 0 0 0 10px;
}

.consent_wrapper_sp_ec > span.consent_mandatory_sp_ec {
  float: right;
  background: white;
  color: red;
  padding: 2px 8px;
  margin: 2px 10px;
}

.consent_wrapper_sp_ec > input.consent_checkbox_sp_ec {
  visibility: hidden;
}

/* AmazonPay popup >> */
.amazon_pay_popup_box_sp_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.amazon_pay_popup_content_sp_ec {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 250px;
  padding: 20px;
  background: #ffffff;
}

.amazon_pay_popup_title_sp_ec {
  font-size: 20px;
}

.amazon_pay_popup_close_sp_ec {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border-style: none;
  cursor: pointer;
}

.amazon_pay_popup_subtitle_sp_ec {
  margin: 40px 0 30px;
  font-size: 15px;
}

.amazon_pay_popup_body_sp_ec {
  margin: 20px auto 20px;
  width: 300px;
}
/* << AmazonPay popup */

.login_message_box_sp_ec {
  width: 100%;
  margin: 0 auto;
  border: solid 1px #d0dcec;
}

p.login_message_wrapper_sp_ec {
  font-size: 14px;
  margin: 20px 0 !important;
  text-align: center;
}

/* Socialplus */
.socialplus_sp_ec {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.socialplus_sp_ec .button-container {
  width: 100%;
  float: left;
  padding: 10px 10px 0;
  box-sizing: border-box;
}

.socialplus_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 20px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.socialplus_sp_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.socialplus_sp_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.socialplus_sp_ec .button-container .btn-facebook {
  background-color: #4267b2;
}

.socialplus_sp_ec .button-container .btn-facebook:before {
  background-image: url("/assets/login-facebook-3e1626e3d5c7df61a277513295e7acb6cf9112c4df07db1b867c7641a7005492.png");
}

.socialplus_sp_ec .button-container .btn-facebook:after {
  border-color: #8298cc;
}

.socialplus_sp_ec .button-container .btn-twitter {
  background-color: #438dc4;
}

.socialplus_sp_ec .button-container .btn-twitter:before {
  background-image: url("/assets/login-twitter-944a487f4746a5ce6557d56ae65421e8b71eaa7fda7a0f74a1bed6b86d345567.png");
}

.socialplus_sp_ec .button-container .btn-twitter:after {
  border-color: #88BEEF;
}

.socialplus_sp_ec .button-container .btn-google {
  background-color: #0056c7;
}

.socialplus_sp_ec .button-container .btn-google:before {
  background-image: url("/assets/login-google-0119f2ac53e7fc66fe39b1e40fc4757c35ceab4bf28021ce0a81d45eee5d2360.png");
}

.socialplus_sp_ec .button-container .btn-google:after {
  border-color: #4285f4;
}

.socialplus_sp_ec .button-container .btn-gplus {
  background-color: #d04d40;
}

.socialplus_sp_ec .button-container .btn-gplus:before {
  background-image: url("/assets/login-gplus-f2319e7179a28ad715384eb95ff7490c6ff1efa46a13c944022702b87ab4be07.png");
}

.socialplus_sp_ec .button-container .btn-gplus:after {
  border-color: #cf837a;
}

.socialplus_sp_ec .button-container .btn-mixi {
  background-color: #cba958;
}

.socialplus_sp_ec .button-container .btn-mixi:before {
  background-image: url("/assets/login-mixi-99e3d6436ac6491642b1ed205a8f6ea2fbc7a349aea04474f1ae3477c27373f5.png");
}

.socialplus_sp_ec .button-container .btn-mixi:after {
  border-color: #e6bc5c;
}

.socialplus_sp_ec .button-container .btn-yahoo {
  background-color: #fe0032;
  border: 0.5px solid #f00;
}

.socialplus_sp_ec .button-container .btn-yahoo:before {
  background-image: url("/assets/login-yahoo-ecc9e51a9724b036b6fd228bdef4855731ad44ae44b75fe1f4af7eb0f59684de.png");
}

.socialplus_sp_ec .button-container .btn-yahoo:after {
  border-color: #fe0032;
}

.socialplus_sp_ec .button-container .btn-rakuten {
  background-color: #b21d23;
}

.socialplus_sp_ec .button-container .btn-rakuten:before {
  background-image: url("/assets/login-rakuten-8e21ab472f9e803e6d89857d15dd46768e21dc685f03156cfd96205df6773a66.png");
}

.socialplus_sp_ec .button-container .btn-rakuten:after {
  border-color: #ae6164;
}

.socialplus_sp_ec .button-container .btn-line {
  background-color: #31ae36;
}

.socialplus_sp_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.socialplus_sp_ec .button-container .btn-line:after {
  border-color: #70C053;
}

/* LINE ID 連携 */

.line_ec {
}

.line_ec .button-container.w100 {
  width: 100%;
}

.line_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 30px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.line_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.line_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

@media screen and (min-width: 480px) {
  .line_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .line_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .line_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }

  .line_ec .button-container .button:before {
    width: 40px;
    height: 40px;
  }

  .line_ec .button-container .button:after {
    width: 40px;
  }
}

.line_ec .button-container .btn-line {
  background-color: #31ae36;
}

.line_ec .button-container .btn-line:before {
  background-image: image_url('login-line.png');
}

.line_ec .button-container .btn-line:after {
  border-color: #70C053;
}

.line_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.line_sp_ec {
}

.line_sp_ec .button-container.w100 {
  width: 100%;
}

.line_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  padding-left: 30px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
}

.line_sp_ec .button-container .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-size: 100%;
}

.line_sp_ec .button-container .button:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: inline-block;
  width: 50px;
  height: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.line_sp_ec .button-container .btn-line:before {
  background-image: url("/assets/login-line-ed8c51d83aae2ebc670a6fdc20afa7dc93ab3205464e89d999349f49f53659c0.png");
}

.form_container_sp_ec .line_alert_sp_ec {
  font-size: 12px;
  padding: 0px;
}

.line_alert_sp_ec {
  margin: 10px;
}

@media screen and (min-width: 480px) {
  .line_sp_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .line_sp_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .line_sp_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }

  .line_sp_ec .button-container .button:before {
    width: 40px;
    height: 40px;
  }

  .line_sp_ec .button-container .button:after {
    width: 40px;
  }
}

.line_sp_ec .button-container .btn-line {
  background-color: #31ae36;
}

.line_sp_ec .button-container .btn-line:before {
  background-image: image_url('login-line.png');
}

.line_sp_ec .button-container .btn-line:after {
  border-color: #70C053;
  margin: 10px;
  width: 95%;
}

#popup_required_field_check.pc {
  z-index: 99999;
  width: 275px !important;
  float: right;
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  position: fixed;
  top: 25px;
  right: 25px;
  display: none;
}

#popup_required_field_check.sp {
  z-index: 99999;
  width: 100% !important;
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: white;
  position: fixed;
  top: 0;
  display: none;
  text-align: center;
}

#popup_required_field_check.required_field_exists {
  background: rgba(242, 133, 12, 0.8);
}

#popup_required_field_check.required_field_not_exists {
  background: rgba(4, 162, 34, 0.8)
}

.input_required_ec {
  background-color: rgba(242, 133, 12, 0.2) !important;
}

.hide {
  display: none !important;
}
/* 認証基盤 連携 */

.auth_infra_ec {
}

.auth_infra_ec .button-container.w100 {
  width: 100%;
}

.auth_infra_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
  margin-top: 10px;
  cursor: pointer;
}

#auth_infra_button_name::before {
  content: '認証基盤でログイン';
}

@media screen and (min-width: 480px) {
  .auth_infra_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .auth_infra_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .auth_infra_ec .button-container .button {
    line-height: 40px;
    height: 40px;
  }
}

.auth_infra_ec .button-container .btn-auth_infra {
  background-color: #2780E3;
}

.auth_infra_sp_ec {
}

.auth_infra_sp_ec .button-container.w100 {
  width: 100%;
}

.auth_infra_sp_ec .button-container .button {
  position: relative;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  line-height: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  overflow: hidden;
  text-decoration: none;
  margin-top: 10px;
}

@media screen and (min-width: 480px) {
  .auth_infra_sp_ec {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .auth_infra_sp_ec .button-container {
    width: calc(33.3% - 10px);
    margin: 5px;
  }

  .auth_infra_sp_ec .button-container .button {
    line-height: 40px;
    padding-left: 40px;
    height: 40px;
  }
}

.auth_infra_sp_ec .button-container .btn-auth_infra {
  background-color: #2780E3;
}
 span.form_required_ec {
  /* セクションラベルの色 */
  background: #7e0f09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}

/* 【PC】フォームのセクションラベル */
.landing_form_label_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}

/* 【PC】フォーム入力ボックス内の基本デザイン */
table.landing_form_ec {
  border-top: 1px solid #d0dcec;
  border-right: 1px solid #d0dcec;
  background: #fff;
  border-bottom: 1px solid #999;
}

/* 【PC】フォーム左側　項目名ラベル */
.landing_form_ec th {
  background-color: #e1edfd;
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #e1edfd;
}

/* 【PC】フォーム右側　入力ボックス */
.landing_form_ec td {
  border-bottom: 1px solid #d0dcec;
  border-left: 1px solid #d0dcec;
  background-color: #ffffff;
}

/* 【PC】購入ボタンのデザイン */
.submit_bottom_ec {
  border: 0px;
  width: 400px;
  height: 150px;
  background-size: 394px auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

/*-------------------------------------* * スマートフォンデザイン可変部分 *-------------------------------------*/
/* 【SP】フォームの項目名ラベル内必須アイコン */
span.form_required_sp_ec {
  /* セクションラベルの色 */
  background: #7e0f09;
  /* セクションラベルのフォント色*/
  color: #ffffff;
}

/* 【SP】フォームのセクションラベル */
.landing_form_label_sp_ec {
  /* セクションラベルの色 */
  background: #203594;
  /* セクションラベルのフォント色*/
  color: #ffffff;
  /* セクションラベルのフォントサイズ */
  font-size: 18px;
}

/* 【SP】フォームの項目名ラベル */
.form_box_label_sp_ec {
  background: #cadefc;
  border-bottom: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
}

/* 【SP】購入ボタンのデザイン */
.submit_bottom_sp_ec {
  border: 0px;
  width: 100%;
  height: 150px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* お水LPスタイル */
/* -------------------------------------------------- section size -------------------------------------------------- */
/* reset ---------------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

img {
  border: 0;
  vertical-align: bottom;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

sub {
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

pre {
  white-space: pre-wrap;
}

/* common ---------------------------------------------------------------------------- */
/* common ---------------------------------------------------------------------------- */
/* color */
/* hover */
@media screen and (min-width: 768px) {
  .c-hover {
    display: block;
    transition: opacity 0.4s;
  }
  .c-hover:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}
/* button */
/* layout -----------------------------------------------------------------------------*/
/* base ---------------------------------------------------------------------------- */
html {
  font-size: 62.5%;
}

body {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-size: 1.5rem;
  min-width: 75rem;
}

@media screen and (max-width: 767px) {
  body {
    min-width: inherit;
  }
}
a {
  text-decoration: none;
  color: #000;
}

@media screen and (min-width: 768px) {
  a:hover {
    text-decoration: underline;
  }
}
img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .main img,
  .l-footer img {
    width: 100%;
    max-width: inherit;
  }
}
* {
  word-break: break-all;
}

input,
textarea {
  border: none;
  border-radius: 0;
}

/*------------- .l-pagebody -------------*/
.main_cnts {
  width: 100%;
  overflow: hidden;
}

.l-wrapper {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .l-wrapper {
    width: 100%;
    max-width: inherit;
    box-sizing: border-box;
  }
}
.l-inner {
  width: 100%;
  max-width: 75rem;
  padding: 0 3rem;
  margin: 0 auto;
}

/*------------- .l-footer -------------*/
.l-footer {
  box-sizing: border-box;
}

.l-footer__inner {
  max-width: 75rem;
  margin: 0 auto;
  padding: 2.2rem 2.2rem 1.8rem 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: stretch;
  box-sizing: border-box;
}

.l-footer__inner .f-logo {
  width: 14.8rem;
}

.l-footer__inner .f-nav {
  /* width: calc(100% - 14.8rem); */
  padding-left: 4.8rem;
  box-sizing: border-box;
}

.l-footer__inner .f-nav .f-links li a {
  font-size: 1.4rem;
  line-height: 2.1428571429;
  letter-spacing: 0.075em;
  font-weight: 400;
  color: #fff;
  text-decoration: underline;
  margin-right: 1em;
}

.l-footer__inner .f-nav .f-links li a:hover {
  text-decoration: none;
}

.copyright {
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  padding: 1em;
  border-top: 1px solid #fff;
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .l-footer__inner .f-logo {
    width: 7.4rem;
  }
}
/*------------- .l-header -------------*/
/* layout -----------------------------------------------------------------------------*/
/* module ---------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
  .nopc {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .nosp {
    display: none !important;
  }
}
/* clearfix ---------------------------------------------------------------------------- */
.clearfix {
  zoom: 1;
}

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

/* text ---------------------------------------------------------------------------- */
.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.fwb {
  font-weight: bold !important;
}

@media screen and (max-width: 767px) {
  .sptal {
    text-align: left !important;
  }
  .sptac {
    text-align: center !important;
  }
  .sptar {
    text-align: right !important;
  }
  .spfwb {
    font-weight: bold !important;
  }
}
/* margin ---------------------------------------------------------------------------- */
.mt100 {
  margin-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

@media screen and (max-width: 767px) {
  .spmt100 {
    margin-top: 27.7777777778vw !important;
  }
  .spmb100 {
    margin-bottom: 27.7777777778vw !important;
  }
  .spml100 {
    margin-left: 27.7777777778vw !important;
  }
  .spmr100 {
    margin-right: 27.7777777778vw !important;
  }
  .spmt95 {
    margin-top: 26.3888888889vw !important;
  }
  .spmb95 {
    margin-bottom: 26.3888888889vw !important;
  }
  .spml95 {
    margin-left: 26.3888888889vw !important;
  }
  .spmr95 {
    margin-right: 26.3888888889vw !important;
  }
  .spmt90 {
    margin-top: 25vw !important;
  }
  .spmb90 {
    margin-bottom: 25vw !important;
  }
  .spml90 {
    margin-left: 25vw !important;
  }
  .spmr90 {
    margin-right: 25vw !important;
  }
  .spmt85 {
    margin-top: 23.6111111111vw !important;
  }
  .spmb85 {
    margin-bottom: 23.6111111111vw !important;
  }
  .spml85 {
    margin-left: 23.6111111111vw !important;
  }
  .spmr85 {
    margin-right: 23.6111111111vw !important;
  }
  .spmt80 {
    margin-top: 22.2222222222vw !important;
  }
  .spmb80 {
    margin-bottom: 22.2222222222vw !important;
  }
  .spml80 {
    margin-left: 22.2222222222vw !important;
  }
  .spmr80 {
    margin-right: 22.2222222222vw !important;
  }
  .spmt75 {
    margin-top: 20.8333333333vw !important;
  }
  .spmb75 {
    margin-bottom: 20.8333333333vw !important;
  }
  .spml75 {
    margin-left: 20.8333333333vw !important;
  }
  .spmr75 {
    margin-right: 20.8333333333vw !important;
  }
  .spmt70 {
    margin-top: 19.4444444444vw !important;
  }
  .spmb70 {
    margin-bottom: 19.4444444444vw !important;
  }
  .spml70 {
    margin-left: 19.4444444444vw !important;
  }
  .spmr70 {
    margin-right: 19.4444444444vw !important;
  }
  .spmt65 {
    margin-top: 18.0555555556vw !important;
  }
  .spmb65 {
    margin-bottom: 18.0555555556vw !important;
  }
  .spml65 {
    margin-left: 18.0555555556vw !important;
  }
  .spmr65 {
    margin-right: 18.0555555556vw !important;
  }
  .spmt60 {
    margin-top: 16.6666666667vw !important;
  }
  .spmb60 {
    margin-bottom: 16.6666666667vw !important;
  }
  .spml60 {
    margin-left: 16.6666666667vw !important;
  }
  .spmr60 {
    margin-right: 16.6666666667vw !important;
  }
  .spmt55 {
    margin-top: 15.2777777778vw !important;
  }
  .spmb55 {
    margin-bottom: 15.2777777778vw !important;
  }
  .spml55 {
    margin-left: 15.2777777778vw !important;
  }
  .spmr55 {
    margin-right: 15.2777777778vw !important;
  }
  .spmt50 {
    margin-top: 13.8888888889vw !important;
  }
  .spmb50 {
    margin-bottom: 13.8888888889vw !important;
  }
  .spml50 {
    margin-left: 13.8888888889vw !important;
  }
  .spmr50 {
    margin-right: 13.8888888889vw !important;
  }
  .spmt45 {
    margin-top: 12.5vw !important;
  }
  .spmb45 {
    margin-bottom: 12.5vw !important;
  }
  .spml45 {
    margin-left: 12.5vw !important;
  }
  .spmr45 {
    margin-right: 12.5vw !important;
  }
  .spmt40 {
    margin-top: 11.1111111111vw !important;
  }
  .spmb40 {
    margin-bottom: 11.1111111111vw !important;
  }
  .spml40 {
    margin-left: 11.1111111111vw !important;
  }
  .spmr40 {
    margin-right: 11.1111111111vw !important;
  }
  .spmt35 {
    margin-top: 9.7222222222vw !important;
  }
  .spmb35 {
    margin-bottom: 9.7222222222vw !important;
  }
  .spml35 {
    margin-left: 9.7222222222vw !important;
  }
  .spmr35 {
    margin-right: 9.7222222222vw !important;
  }
  .spmt30 {
    margin-top: 8.3333333333vw !important;
  }
  .spmb30 {
    margin-bottom: 8.3333333333vw !important;
  }
  .spml30 {
    margin-left: 8.3333333333vw !important;
  }
  .spmr30 {
    margin-right: 8.3333333333vw !important;
  }
  .spmt25 {
    margin-top: 6.9444444444vw !important;
  }
  .spmb25 {
    margin-bottom: 6.9444444444vw !important;
  }
  .spml25 {
    margin-left: 6.9444444444vw !important;
  }
  .spmr25 {
    margin-right: 6.9444444444vw !important;
  }
  .spmt20 {
    margin-top: 5.5555555556vw !important;
  }
  .spmb20 {
    margin-bottom: 5.5555555556vw !important;
  }
  .spml20 {
    margin-left: 5.5555555556vw !important;
  }
  .spmr20 {
    margin-right: 5.5555555556vw !important;
  }
  .spmt15 {
    margin-top: 4.1666666667vw !important;
  }
  .spmb15 {
    margin-bottom: 4.1666666667vw !important;
  }
  .spml15 {
    margin-left: 4.1666666667vw !important;
  }
  .spmr15 {
    margin-right: 4.1666666667vw !important;
  }
  .spmt10 {
    margin-top: 2.7777777778vw !important;
  }
  .spmb10 {
    margin-bottom: 2.7777777778vw !important;
  }
  .spml10 {
    margin-left: 2.7777777778vw !important;
  }
  .spmr10 {
    margin-right: 2.7777777778vw !important;
  }
  .spmt5 {
    margin-top: 1.3888888889vw !important;
  }
  .spmb5 {
    margin-bottom: 1.3888888889vw !important;
  }
  .spml5 {
    margin-left: 1.3888888889vw !important;
  }
  .spmr5 {
    margin-right: 1.3888888889vw !important;
  }
  .spmt0 {
    margin-top: 0vw !important;
  }
  .spmb0 {
    margin-bottom: 0vw !important;
  }
  .spml0 {
    margin-left: 0vw !important;
  }
  .spmr0 {
    margin-right: 0vw !important;
  }
}
/* padding ---------------------------------------------------------------------------- */
.pt100 {
  padding-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

@media screen and (max-width: 767px) {
  .sppt100 {
    padding-top: 27.7777777778vw !important;
  }
  .sppb100 {
    padding-bottom: 27.7777777778vw !important;
  }
  .sppl100 {
    padding-left: 27.7777777778vw !important;
  }
  .sppr100 {
    padding-right: 27.7777777778vw !important;
  }
  .sppt95 {
    padding-top: 26.3888888889vw !important;
  }
  .sppb95 {
    padding-bottom: 26.3888888889vw !important;
  }
  .sppl95 {
    padding-left: 26.3888888889vw !important;
  }
  .sppr95 {
    padding-right: 26.3888888889vw !important;
  }
  .sppt90 {
    padding-top: 25vw !important;
  }
  .sppb90 {
    padding-bottom: 25vw !important;
  }
  .sppl90 {
    padding-left: 25vw !important;
  }
  .sppr90 {
    padding-right: 25vw !important;
  }
  .sppt85 {
    padding-top: 23.6111111111vw !important;
  }
  .sppb85 {
    padding-bottom: 23.6111111111vw !important;
  }
  .sppl85 {
    padding-left: 23.6111111111vw !important;
  }
  .sppr85 {
    padding-right: 23.6111111111vw !important;
  }
  .sppt80 {
    padding-top: 22.2222222222vw !important;
  }
  .sppb80 {
    padding-bottom: 22.2222222222vw !important;
  }
  .sppl80 {
    padding-left: 22.2222222222vw !important;
  }
  .sppr80 {
    padding-right: 22.2222222222vw !important;
  }
  .sppt75 {
    padding-top: 20.8333333333vw !important;
  }
  .sppb75 {
    padding-bottom: 20.8333333333vw !important;
  }
  .sppl75 {
    padding-left: 20.8333333333vw !important;
  }
  .sppr75 {
    padding-right: 20.8333333333vw !important;
  }
  .sppt70 {
    padding-top: 19.4444444444vw !important;
  }
  .sppb70 {
    padding-bottom: 19.4444444444vw !important;
  }
  .sppl70 {
    padding-left: 19.4444444444vw !important;
  }
  .sppr70 {
    padding-right: 19.4444444444vw !important;
  }
  .sppt65 {
    padding-top: 18.0555555556vw !important;
  }
  .sppb65 {
    padding-bottom: 18.0555555556vw !important;
  }
  .sppl65 {
    padding-left: 18.0555555556vw !important;
  }
  .sppr65 {
    padding-right: 18.0555555556vw !important;
  }
  .sppt60 {
    padding-top: 16.6666666667vw !important;
  }
  .sppb60 {
    padding-bottom: 16.6666666667vw !important;
  }
  .sppl60 {
    padding-left: 16.6666666667vw !important;
  }
  .sppr60 {
    padding-right: 16.6666666667vw !important;
  }
  .sppt55 {
    padding-top: 15.2777777778vw !important;
  }
  .sppb55 {
    padding-bottom: 15.2777777778vw !important;
  }
  .sppl55 {
    padding-left: 15.2777777778vw !important;
  }
  .sppr55 {
    padding-right: 15.2777777778vw !important;
  }
  .sppt50 {
    padding-top: 13.8888888889vw !important;
  }
  .sppb50 {
    padding-bottom: 13.8888888889vw !important;
  }
  .sppl50 {
    padding-left: 13.8888888889vw !important;
  }
  .sppr50 {
    padding-right: 13.8888888889vw !important;
  }
  .sppt45 {
    padding-top: 12.5vw !important;
  }
  .sppb45 {
    padding-bottom: 12.5vw !important;
  }
  .sppl45 {
    padding-left: 12.5vw !important;
  }
  .sppr45 {
    padding-right: 12.5vw !important;
  }
  .sppt40 {
    padding-top: 11.1111111111vw !important;
  }
  .sppb40 {
    padding-bottom: 11.1111111111vw !important;
  }
  .sppl40 {
    padding-left: 11.1111111111vw !important;
  }
  .sppr40 {
    padding-right: 11.1111111111vw !important;
  }
  .sppt35 {
    padding-top: 9.7222222222vw !important;
  }
  .sppb35 {
    padding-bottom: 9.7222222222vw !important;
  }
  .sppl35 {
    padding-left: 9.7222222222vw !important;
  }
  .sppr35 {
    padding-right: 9.7222222222vw !important;
  }
  .sppt30 {
    padding-top: 8.3333333333vw !important;
  }
  .sppb30 {
    padding-bottom: 8.3333333333vw !important;
  }
  .sppl30 {
    padding-left: 8.3333333333vw !important;
  }
  .sppr30 {
    padding-right: 8.3333333333vw !important;
  }
  .sppt25 {
    padding-top: 6.9444444444vw !important;
  }
  .sppb25 {
    padding-bottom: 6.9444444444vw !important;
  }
  .sppl25 {
    padding-left: 6.9444444444vw !important;
  }
  .sppr25 {
    padding-right: 6.9444444444vw !important;
  }
  .sppt20 {
    padding-top: 5.5555555556vw !important;
  }
  .sppb20 {
    padding-bottom: 5.5555555556vw !important;
  }
  .sppl20 {
    padding-left: 5.5555555556vw !important;
  }
  .sppr20 {
    padding-right: 5.5555555556vw !important;
  }
  .sppt15 {
    padding-top: 4.1666666667vw !important;
  }
  .sppb15 {
    padding-bottom: 4.1666666667vw !important;
  }
  .sppl15 {
    padding-left: 4.1666666667vw !important;
  }
  .sppr15 {
    padding-right: 4.1666666667vw !important;
  }
  .sppt10 {
    padding-top: 2.7777777778vw !important;
  }
  .sppb10 {
    padding-bottom: 2.7777777778vw !important;
  }
  .sppl10 {
    padding-left: 2.7777777778vw !important;
  }
  .sppr10 {
    padding-right: 2.7777777778vw !important;
  }
  .sppt5 {
    padding-top: 1.3888888889vw !important;
  }
  .sppb5 {
    padding-bottom: 1.3888888889vw !important;
  }
  .sppl5 {
    padding-left: 1.3888888889vw !important;
  }
  .sppr5 {
    padding-right: 1.3888888889vw !important;
  }
  .sppt0 {
    padding-top: 0vw !important;
  }
  .sppb0 {
    padding-bottom: 0vw !important;
  }
  .sppl0 {
    padding-left: 0vw !important;
  }
  .sppr0 {
    padding-right: 0vw !important;
  }
}
/* print ---------------------------------------------------------------------------- */
/* print ---------------------------------------------------------------------------- */
@media print {
  * html body {
    zoom: 70%;
  }
}
/* -------------------------------------------------- section size -------------------------------------------------- */
/* TOP ---------------------------------------------------------------------------- */
#contents img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

#contents .cta-btn a {
  transition: all 0.3s;
}

#contents .cta-btn a:hover {
  opacity: 0.6;
}

#lp-form {
  padding: 0 15px;
}

input.input_required_ec,
select.input_required_ec {
  background-color: #ffffff !important;
  border: 1px solid #c3c3c3 !important;
}/*# sourceMappingURL=lp.css.map */