@charset "UTF-8";
/* ======================= VARIABLE ====== */
/* placeholder color */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@500;700&family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Krona+One&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.2 | 20191019
   License: none (public domain)
*/
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, img, 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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

menu, 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;
}

:-moz-placeholder {
  color: #808080;
}

:placeholder-shown {
  color: #808080;
}

::-webkit-input-placeholder {
  color: #808080;
}

:-moz-placeholder {
  color: #808080;
  opacity: 1;
}

::-moz-placeholder {
  color: #808080;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #808080;
}

/* ======================= IMPORT ====== */
/* ======================= BASE ====== */
* {
  word-break: break-word;
  box-sizing: border-box;
}

html, body {
  margin: 0;
  height: 100%;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

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

.fm {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
}

.fg, .news_list .news_date, .news_list .news_category, .news_list .news_title, .news_category_block .news_category_title, .news_category_list .news_category_link, .news-d_wrap .news-d_date, .news-d_wrap .news-d_title, .news-d_wrap .news-d_label, .common_contact_wrap .common_contact_title, .common_contact_wrap .common_contact_text, .common_contact_wrap .common_contact_subtext, .common_contact_tel_link, .common_contact_mail_link, .contact_step_block .contact_step_list .contact_step_num, .contact_step_block .contact_step_text_list .contact_step_text_item, .contact_product_result .contact_product_result_title, .contact_product_result .contact_product_result_list .form_product_result_label, .contact_tel_block .contact_tel_title, .contact_tel_block .contact_tel_text, .contact_tel_link, .contact_complete_block .contact_complete_title, .contact_complete_block .contact_complete_text, .about_mv_wrap .about_mv_title, .about_mv_wrap .about_mv_text, .about_mv_wrap .about_mv_list .about_mv_item_title, .about_reason_wrap .about_reason_main_title, .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_text, .about_reason_wrap .about_reason_block .about_reason_title, .about_reason_wrap .about_reason_block .about_reason_text, .column_link .column_title, .column_link .column_label, .column_link .column_text, .column_key_list .column_key_link, .column_tag_list .column_tag_link, .company_aside_list .company_aside_link, .company_history_list, .company_president_block .company_president_head .company_president_title, .company_president_block .company_president_text, .company_staff_block .company_staff_title, .company_staff_block .company_staff_text, .company_staff_block .company_staff_list .company_staff_pic .company_staff_label, .company_staff_block .company_staff_list .company_staff_name, .company_staff_block .company_staff_list .company_staff_info, .company_staff_block .company_staff_btnarea .company_staff_viewmore_btn, .company_factory_block .company_factory_textarea .company_factory_title, .company_factory_block .company_factory_textarea .company_factory_text, .company_factory_block .company_address_block .company_address_main .company_address_text, .company_factory_block .company_address_link, .faq_wrap .faq_anchor_list .faq_anchor_link, .faq_wrap .faq_main_title, .faq_list .faq_head .faq_title, .faq_list .faq_body .faq_text, .others_list .others_title, .others_list .others_text, .error_wrap .error_title, .error_wrap .error_text, .error_wrap .error_btn, .voice_category_block .voice_category_title, .voice_category_list .voice_category_label .voice_category_text, .voice_category_list .voice_category_link, .voice_list .voice_head .voice_label, .voice_list .voice_body .voice_name, .voice_list .voice_body .voice_title, .voice_list .voice_body .voice_text, .voice-d_mem_info .voice-d_name, .service_aside_block .service_aside_title, .service_aside_list .service_aside_btn, .service_aside_list .service_aside_sublist .service_aside_link, .service_fix_btn, .service01_mv_wrap .service01_feature_list .service01_feature_title, .service01_mv_wrap .service01_feature_list .service01_feature_text, .service01_category_wrap .service01_category_list .service01_category_box, .service01_voice_wrap .service01_voice_head .service01_voice_text, .service_work_wrap .service_work_main_text, .service_work_block .service_wrok_main, .service_work_block .service_wrok_main .service_work_btn, .service_others_wrap .service_others_title, .service_others_wrap .service_others_list .service_others_subtitle, .service_others_wrap .service_others_list .service_others_text, .water_mv_wrap .water_mv_title, .water_mv_wrap .water_mv_text, .water_about_wrap .water_about_title, .water_about_wrap .water_about_subtitle, .water_about_wrap .water_about_text, .water_feature_wrap .water_feature_list .water_feature_title, .water_feature_wrap .water_feature_list .water_feature_text, .water_reason_wrap .water_reason_list .water_reason_title, .water_reason_wrap .water_reason_list .water_reason_text, .water_flow_wrap .water_flow_list .water_flow_text, .water_flow_wrap .water_flow_subtitle, .water_flow_wrap .water_flow_subtext, .water_design_wrap .water_design_list .water_design_title, .water_design_wrap .water_design_list .water_design_text, .water_design_sublink span, .water_voice_wrap .water_voice_head .water_voice_text, .water_sample_wrap .water_sample_link .water_sample_name, .water_sample_wrap .water_sample_text, .water_faq_wrap .water_faq_head .water_faq_title, .water_faq_wrap .water_faq_body .water_faq_text, .water-all_mv_wrap .water-all_mv_title, .water-all_mv_wrap .water-all_mv_text, .water-all_block .water-all_head .water-all_title, .water-all_link .water-all_label, .water-all_link .water-all_name, .water-all_link .water-all_text, .water-all_link .water-all_category, .water-detail_contact_btn, .water-detail_category, .water_pattern_list .water_pattern_text, .painting_mv_wrap .painting_mv_title, .painting_mv_wrap .painting_mv_text, .painting_about_wrap .painting_about_title, .painting_about_wrap .painting_about_subtitle, .painting_about_wrap .painting_about_text, .painting_feature_wrap .painting_feature_list .painting_feature_title, .painting_feature_wrap .painting_feature_list .painting_feature_text, .painting_contact_btn, .painting_sample_wrap .painting_sample_info_text, .painting_sample_wrap .painting_sample_link .painting_sample_name, .painting_sample_wrap .painting_sample_text, .painting_voice_wrap .painting_voice_head .painting_voice_text, .painting_faq_wrap .painting_faq_head .painting_faq_title, .painting_faq_wrap .painting_faq_body .painting_faq_text, .editor_title, .editor_label, .editor_label2, .editor_key_link, .editor_map .editor_map_ctg, .editor_wrap, .editor_contents_block .editor_contents_title, .editor-w_wrap, .product_link .product_title, .product_link .product_text, .product_key_list .product_key_item, .product_side_fixed_block .product_side_fixed_textarea .product_side_fixed_text, .product_side_fixed_block .product_side_fixed_subtext, .product_side_fixed_block .product_side_tel_link, .product_side_fixed_block .product_side_mail_link, .product_side_fixed_block .product_side_ec_link, .product_aside_block .product_aside_title a, .product_aside_block .product_aside_title2, .product_aside_head_link, .product_aside_list .product_aside_btn, .product_aside_list .product_aside_sublist .product_aside_link, .product_aside_form_block .product_aside_form_input, .product_fix_btn, .product-all_head .product-all_title, .product-all_list .product-all_main .product-all_name, .product-all_list .product-all_main .product-all_text, .product-all_list2 .product-all_main2 .product-all_name2, .product-all_list2 .product-all_main2 .product-all_text2, .product_guide_wrap .product_guide_block .product_guide_talk, .product_guide_wrap .product_guide_list .product_guide_main .product_guide_title, .product_guide_wrap .product_guide_list .product_guide_main .product_guide_text, .product_guide_wrap .product_guide_sublist .product_guide_text, .product-all_type_list .product-all_type_link, .product-category_others_wrap .product-category_others_list .product-category_others_text, .product-result_text, .product_talk_wrap .product_talk_sub .product_talk_name, .product_talk_wrap .product_talk_main .product_talk_text, .product-d_block .product-d_title, .product-d_block .product-d_table, .product-d_block .product-d_download_list .product-d_download_link, .product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_name, .product-d_block .product-d_sample_text, .product-d_cart_btn, .product-d_others_list .product-d_others_link, .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01, .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01, .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02, .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02, .top_mv_wrap .top_mv_column_list .top_mv_column_label, .top_mv_wrap .top_mv_column_list .top_mv_column_title, .top_mv_wrap .top_mv_column_sp_list .top_mv_column_label, .top_mv_wrap .top_mv_column_sp_list .top_mv_column_title, .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_title, .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_text, .top_service_main_block .top_service_main_title, .top_service_main_block .top_service_main_text, .top_service_main_block .top_service_main_list .top_service_main_box_title, .top_service_main_block .top_service_category_title, .top_service_main_block .top_service_category_list .top_service_category_text, .top_service_sub_block .top_service_sub_title, .top_service_sub_block .top_service_sub_text, .top_service_sub_block .top_service_detail_list .top_service_detail_text, .search_keyword .search-ttl, .top_guide_wrap .top_guide_block .top_guide_talk, .top_guide_wrap .top_guide_list .top_guide_main .top_guide_title, .top_guide_wrap .top_guide_list .top_guide_main .top_guide_text, .top_guide_wrap .top_guide_sublist .top_guide_text, .top_search_wrap .top_search_list .top_search_title_block .top_search_title, .top_search_wrap .top_search_list .top_search_text, .top_point_wrap .top_point_main .top_point_main_title, .top_point_wrap .top_point_main .top_point_main_text, .top_point_wrap .top_point_list .top_point_item_title, .top_point_wrap .top_point_list .top_point_item_text, .top_ec_wrap .top_ec_subtitle, .top_ec_wrap .top_ec_text, .top_category_label .top_category_text, .top_column_wrap .top_column_list .top_column_label, .top_column_wrap .top_column_list .top_column_title, .top_column_wrap .top_column_list .top_column_text, .top_column_wrap .top_column_key_list .top_column_key_link, .top_company_wrap .top_company_title, .top_company_wrap .top_company_text, .top_contact_wrap .top_contact_block .top_contact_title, .top_contact_wrap .top_contact_block .top_contact_subtitle, .top_contact_wrap .top_contact_block .top_contact_text, .common_mv_wrap .common_mv_title, .common_related_title, .common_related-b_title, .common_top_title01, .common_top_title02, .common_top_title03, .common_top_title04, .common_water_title01, .common_water_title02, .common_water_title03, .common_painting_title01, .common_painting_title02, .popup_service_wrap .popup_service_title, .popup_product_wrap .popup_product_title, .pankuzu_list .pankuzu_item, .pager_block .pager_prev, .pager_block .pager_next, .pager_block .pager_list, .pager-d_block .pager_prev, .pager-d_block .pager_next, .pager-d_block .pager_all_link, .header_wrap .header_list .header_link, .header_tel_box .header_tel_textarea .header_tel_text, .header_tel_link, .header_mail_box .header_mail_textarea .header_mail_text, .header_mail_link, .header_menu_flex .header_menu_list .header_menu_link .header_menu_text, .header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink, .header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link, .header_menu_flex .header_menu_time_text, .header_menu_info_list .header_menu_info_link, .header_search_menu .header_search_form_block .header_search_input, .header_search_menu .header_search_flex .header_search_title, .header_search_menu .header_search_flex .header_search_list .header_search_item, .form_input, .form_select, .form_textarea, .form_radio_label .form_radio_text, .form_checkbox_label .form_checkbox_text, .form_title, .form_subtitle, .form_file_block .form_file_delete_btn, .form_file_add_btn, .form_file_list .form_file_item, .form_btnarea .form_back_btn, .form_btnarea .form_submit_btn, .form_error, .footer_wrap .footer_block .footer_text, .footer_wrap .footer_list .footer_link, .footer_wrap .footer_sublist .footer_sublink, .footer_wrap .footer_others_block .footer_others_list .footer_others_link, .footer_others_sub .footer_copyright, .footer_nav_search .footer_nav_group .footer_nav_title a, .common_btn01, .common_btn02, .common_btn03, .common_all_link, .common_all-l_link, .common_all-bl_link, .common_all-gl_link, .common_aside_btn .common_aside_btn_text, .common_top_btn .common_top_btn_text {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.fg-w3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
}

.fg-w5 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}

.fg-w6 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
}

.fg-w7 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}

.fe, .common_contact_wrap .common_contact_title span, .about_reason_wrap .about_reason_main_title small, .about_reason_wrap .about_reason_block .about_reason_title small, .error_wrap .error_title span, .service01_mv_wrap .service01_feature_list .service01_feature_title small, .service_work_block .service_wrok_main .service_work_title span, .water_feature_wrap .water_feature_list .water_feature_title small, .water_flow_wrap .water_flow_list .water_flow_pic .water_flow_num, .water-all_mv_wrap .water-all_mv_title span, .painting_feature_wrap .painting_feature_list .painting_feature_title small, .top_company_wrap .top_company_title span, .top_contact_wrap .top_contact_block .top_contact_title span, .common_mv_wrap .common_mv_title span, .common_related_title small, .common_related-b_title small, .common_top_title01 small, .common_top_title02 small, .common_top_title03 small, .common_top_title04 small, .common_water_title01 small, .common_water_title02 small, .common_water_title03 small, .common_painting_title01 small, .common_painting_title02 small, .header_menu_flex .header_menu_list .header_menu_link .header_menu_text span, .header_search_menu .header_search_flex .header_search_title small {
  font-family: "Krona One", sans-serif;
}

/* regular font */
.fs-xxs {
  font-size: 10px;
}

.fs-xs {
  font-size: 11px;
}

.fs-s {
  font-size: 12px;
}

.fs-m {
  font-size: 14px;
}

.fs-l {
  font-size: 16px;
}

a {
  cursor: pointer;
  text-decoration: none;
}

button {
  padding: 0;
  border: none;
  outline: none;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.common_inner {
  position: relative;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_l {
  position: relative;
  max-width: 1370px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_xl {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_m {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_s {
  position: relative;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.news_category_list .news_category_link, .common_contact_tel_link, .common_contact_mail_link, .contact_product_result .contact_product_result_list .form_product_result_label small, .contact_tel_link, .voice_category_list .voice_category_label .voice_category_text, .voice_category_list .voice_category_link, .service_aside_color_list .service_aside_color_link, .service01_category_wrap .service01_category_list .service01_category_pic, .water_reason_wrap .water_reason_list .water_reason_text a, .water_slider_btnarea .slick-next_btn, .water-detail_contact_btn, .painting_contact_btn, .painting_slider_btnarea .slick-next_btn, .editor_wrap a, .editor_contents_block .editor_contents_list ul a, .editor-w_wrap a, .product_side_fixed_block .product_side_close_btn, .product_side_fixed_block .product_side_tel_link, .product_side_fixed_block .product_side_mail_link, .product_side_fixed_block .product_side_ec_link, .product_talk_wrap .product_talk_main .product_talk_text a, .product-d_block .product-d_table .product-d_table_info a, .product-d_cart_btn, .top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn, .top_point_wrap .top_point_list .top_point_item_text a, .top_category_label .top_category_text, .pankuzu_list .pankuzu_link, .pager_block .pager_prev, .pager_block .pager_next, .pager_block .pager_list .pager_link, .pager-d_block .pager_prev, .pager-d_block .pager_next, .pager-d_block .pager_all_link, .header_wrap .header_list .header_link, .header_wrap .header_btnarea .header_search_btn, .header_tel_link, .header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink, .header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link, .header_menu_info_list .header_menu_info_link, .header_search_menu .header_search_form_block .header_search_submit_btn, .form_checkbox_label .form_checkbox_text a, .form_file_block .form_file_delete_btn, .form_file_add_btn, .footer_wrap .footer_list .footer_link, .footer_wrap .footer_sublist .footer_sublink, .footer_wrap .footer_others_block .footer_others_list .footer_others_link, .slider_btnarea .slick-next_btn, .slider-s_btnarea .slick-next_btn {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.news_category_list .news_category_link:hover, .common_contact_tel_link:hover, .common_contact_mail_link:hover, .contact_product_result .contact_product_result_list .form_product_result_label small:hover, .contact_tel_link:hover, .voice_category_list .voice_category_label .voice_category_text:hover, .voice_category_list .voice_category_link:hover, .service_aside_color_list .service_aside_color_link:hover, .service01_category_wrap .service01_category_list .service01_category_pic:hover, .water_reason_wrap .water_reason_list .water_reason_text a:hover, .water_slider_btnarea .slick-next_btn:hover, .water-detail_contact_btn:hover, .painting_contact_btn:hover, .painting_slider_btnarea .slick-next_btn:hover, .editor_wrap a:hover, .editor_contents_block .editor_contents_list ul a:hover, .editor-w_wrap a:hover, .product_side_fixed_block .product_side_close_btn:hover, .product_side_fixed_block .product_side_tel_link:hover, .product_side_fixed_block .product_side_mail_link:hover, .product_side_fixed_block .product_side_ec_link:hover, .product_talk_wrap .product_talk_main .product_talk_text a:hover, .product-d_block .product-d_table .product-d_table_info a:hover, .product-d_cart_btn:hover, .top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn:hover, .top_point_wrap .top_point_list .top_point_item_text a:hover, .top_category_label .top_category_text:hover, .pankuzu_list .pankuzu_link:hover, .pager_block .pager_prev:hover, .pager_block .pager_next:hover, .pager_block .pager_list .pager_link:hover, .pager-d_block .pager_prev:hover, .pager-d_block .pager_next:hover, .pager-d_block .pager_all_link:hover, .header_wrap .header_list .header_link:hover, .header_wrap .header_btnarea .header_search_btn:hover, .header_tel_link:hover, .header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink:hover, .header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link:hover, .header_menu_info_list .header_menu_info_link:hover, .header_search_menu .header_search_form_block .header_search_submit_btn:hover, .form_checkbox_label .form_checkbox_text a:hover, .form_file_block .form_file_delete_btn:hover, .form_file_add_btn:hover, .footer_wrap .footer_list .footer_link:hover, .footer_wrap .footer_sublist .footer_sublink:hover, .footer_wrap .footer_others_block .footer_others_list .footer_others_link:hover, .slider_btnarea .slick-next_btn:hover, .slider-s_btnarea .slick-next_btn:hover {
  opacity: 0.7;
}
@media only screen and (max-width:960px) {
  .news_category_list .news_category_link:hover, .common_contact_tel_link:hover, .common_contact_mail_link:hover, .contact_product_result .contact_product_result_list .form_product_result_label small:hover, .contact_tel_link:hover, .voice_category_list .voice_category_label .voice_category_text:hover, .voice_category_list .voice_category_link:hover, .service_aside_color_list .service_aside_color_link:hover, .service01_category_wrap .service01_category_list .service01_category_pic:hover, .water_reason_wrap .water_reason_list .water_reason_text a:hover, .water_slider_btnarea .slick-next_btn:hover, .water-detail_contact_btn:hover, .painting_contact_btn:hover, .painting_slider_btnarea .slick-next_btn:hover, .editor_wrap a:hover, .editor_contents_block .editor_contents_list ul a:hover, .editor-w_wrap a:hover, .product_side_fixed_block .product_side_close_btn:hover, .product_side_fixed_block .product_side_tel_link:hover, .product_side_fixed_block .product_side_mail_link:hover, .product_side_fixed_block .product_side_ec_link:hover, .product_talk_wrap .product_talk_main .product_talk_text a:hover, .product-d_block .product-d_table .product-d_table_info a:hover, .product-d_cart_btn:hover, .top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn:hover, .top_point_wrap .top_point_list .top_point_item_text a:hover, .top_category_label .top_category_text:hover, .pankuzu_list .pankuzu_link:hover, .pager_block .pager_prev:hover, .pager_block .pager_next:hover, .pager_block .pager_list .pager_link:hover, .pager-d_block .pager_prev:hover, .pager-d_block .pager_next:hover, .pager-d_block .pager_all_link:hover, .header_wrap .header_list .header_link:hover, .header_wrap .header_btnarea .header_search_btn:hover, .header_tel_link:hover, .header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink:hover, .header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link:hover, .header_menu_info_list .header_menu_info_link:hover, .header_search_menu .header_search_form_block .header_search_submit_btn:hover, .form_checkbox_label .form_checkbox_text a:hover, .form_file_block .form_file_delete_btn:hover, .form_file_add_btn:hover, .footer_wrap .footer_list .footer_link:hover, .footer_wrap .footer_sublist .footer_sublink:hover, .footer_wrap .footer_others_block .footer_others_list .footer_others_link:hover, .slider_btnarea .slick-next_btn:hover, .slider-s_btnarea .slick-next_btn:hover {
    opacity: 1;
  }
}

.about_reason_wrap .about_reason_block .about_reason_pic, .column_link .column_pic, .company_slider_block .company_slider_list .company_slider_pic, .company_staff_block .company_staff_list .company_staff_pic, .voice_list .voice_head .voice_pic, .voice_list .voice_body .voice_mem, .voice-d_mem_info .voice-d_mem_pic_block .voice-d_mem_pic, .service_aside_list .service_aside_sublist .service_aside_link span, .service01_mv_wrap .service01_feature_list .service01_feature_pic, .service01_category_wrap .service01_category_list .service01_category_pic, .service_work_block .service_work_pic, .service_others_wrap .service_others_list .service_others_pic, .water_feature_wrap .water_feature_list .water_feature_pic, .water_flow_wrap .water_flow_list .water_flow_pic, .water_design_sublink .water_design_icon, .water-all_mv_wrap, .water-all_link .water-all_category span, .water-detail_category span, .water_pattern_list .water_pattern_link, .painting_feature_wrap .painting_feature_list .painting_feature_pic, .editor_main_pic, .product-all_list .product-all_pic_block .product-all_pic, .product-all_list2 .product-all_pic_block2 .product-all_pic2, .product_guide_wrap .product_guide_list .product_guide_pic_block .product_guide_pic, .product-all_type_list .product-all_type_link, .product-category_others_wrap .product-category_others_list .product-category_others_link, .top_mv_wrap .top_mv_main .top_mv_pic, .top_mv_wrap .top_mv_column_list .top_mv_column_main, .top_mv_wrap .top_mv_column_sp_list .top_mv_column_main, .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic, .top_service_main_block .top_service_main_list .top_service_main_link, .top_guide_wrap .top_guide_list .top_guide_pic_block .top_guide_pic, .top_column_wrap .top_column_list .top_column_pic_block .top_column_pic, .top_company_wrap .top_company_box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #f1f1f1;
}

.common_pc {
  display: block;
}
.common_pc.height_100 {
  height: 100%;
}
@media only screen and (max-width:960px) {
  .common_pc {
    display: none;
  }
}

.common_sp {
  display: none;
}
@media only screen and (max-width:960px) {
  .common_sp {
    display: block;
  }
}

.common_pc_768 {
  display: block;
}
@media only screen and (max-width:768px) {
  .common_pc_768 {
    display: none;
  }
}

.common_sp_768 {
  display: none;
}
@media only screen and (max-width:768px) {
  .common_sp_768 {
    display: block;
  }
}

.common_pc_640 {
  display: block;
}
@media only screen and (max-width:640px) {
  .common_pc_640 {
    display: none;
  }
}

.common_sp_640 {
  display: none;
}
@media only screen and (max-width:640px) {
  .common_sp_640 {
    display: block;
  }
}

/* animation */
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
/* br */
.br_500 {
  display: none;
}
@media only screen and (max-width:640px) {
  .br_500 {
    display: block;
  }
}

@media only screen and (max-width:640px) {
  .br_pc {
    display: none;
  }
}

/*=================

    basic.scss

=======================*/
.common_wrap {
  margin: 510px 0 0;
  background: #fff;
  position: relative;
  z-index: 5;
  padding: 80px 80px 0;
}
@media only screen and (max-width:1200px) {
  .common_wrap {
    padding: 80px 40px 0;
  }
}
@media only screen and (max-width:960px) {
  .common_wrap {
    margin: 300px 0 0;
    padding: 24px 16px 0;
  }
}
.common_wrap.contact {
  background: #EAEAEA;
  padding: 160px 80px 80px;
}
@media only screen and (max-width:1200px) {
  .common_wrap.contact {
    padding: 160px 40px 80px;
  }
}
@media only screen and (max-width:960px) {
  .common_wrap.contact {
    padding: 64px 16px 0;
  }
}
.common_wrap.contact:before {
  content: "";
  display: none;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: -16px;
  left: 0;
  background: #EE7C58;
}
@media only screen and (max-width:768px) {
  .common_wrap.contact:before {
    display: block;
  }
}
.common_wrap.contact:after {
  background: #EAEAEA;
}
@media only screen and (max-width:768px) {
  .common_wrap.contact:after {
    bottom: -16px;
  }
}
@media only screen and (max-width:768px) {
  .common_wrap.b_contact:after {
    bottom: -16px;
  }
}
.common_wrap.service01 {
  padding: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .common_wrap.service01 {
    padding: 64px 0 0;
  }
}
@media only screen and (max-width:768px) {
  .common_wrap.service01:after {
    bottom: -16px;
  }
}
.common_wrap.service01:before {
  content: "";
  display: none;
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: -16px;
  left: 0;
  background: #EE7C58;
}
@media only screen and (max-width:768px) {
  .common_wrap.service01:before {
    display: block;
  }
}
.common_wrap.service01 .common_contact_wrap {
  padding: 80px 16px 0;
}
@media only screen and (max-width:960px) {
  .common_wrap.service01 .common_contact_wrap {
    padding: 40px 16px 0;
  }
}
.common_wrap.water {
  padding: 0;
}
@media only screen and (max-width:768px) {
  .common_wrap.water:after {
    bottom: -16px;
  }
}
.common_wrap.water .common_contact_wrap {
  padding: 80px 16px 0;
}
@media only screen and (max-width:960px) {
  .common_wrap.water .common_contact_wrap {
    padding: 40px 16px 0;
  }
}

.anchor_line {
  padding: 134px 0 0;
  margin: -134px 0 0;
}
@media only screen and (max-width:1366px) {
  .anchor_line {
    padding: 124px 0 0;
    margin: -124px 0 0;
  }
}
@media only screen and (max-width:960px) {
  .anchor_line {
    padding: 96px 0 0;
    margin: -96px 0 0;
  }
}

/* 余白 */
.mb150 {
  margin: 0 0 150px;
}
@media only screen and (max-width:960px) {
  .mb150 {
    margin: 0 0 75px;
  }
}

.mb80 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .mb80 {
    margin: 0 0 60px;
  }
}

.mb60 {
  margin: 0 0 60px;
}

.mb50 {
  margin: 0 0 50px;
}
@media only screen and (max-width:960px) {
  .mb50 {
    margin: 0 0 30px;
  }
}

.mb40 {
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .mb40 {
    margin: 0 0 30px;
  }
}

.mb32 {
  margin: 0 0 32px;
}

.mb30 {
  margin: 0 0 30px;
}

.mb25 {
  margin: 0 0 25px;
}

.mb24 {
  margin: 0 0 24px;
}

.mb20 {
  margin: 0 0 20px;
}

.mb15 {
  margin: 0 0 15px;
}

.mb12 {
  margin: 0 0 12px;
}

.mb10 {
  margin: 0 0 10px;
}

.mb8 {
  margin: 0 0 8px;
}

.mb4 {
  margin: 0 0 4px;
}

/* LINK */
/* ALIGN */
.align_right {
  text-align: right;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

.align_center {
  text-align: center;
}

/* WEIGHT */
.fw_bold {
  font-weight: bold;
}

/* EDITOR */
.marker {
  background: linear-gradient(transparent 60%, rgba(234, 57, 0, 0.2) 60%);
}

.ymarker {
  background: linear-gradient(transparent 30%, #fce57b 30%);
}

.ymarker-s {
  background: linear-gradient(transparent 75%, #fce57b 75%);
}

.rmarker {
  background: linear-gradient(transparent 30%, #ffd4d4 30%);
}

.rmarker-s {
  background: linear-gradient(transparent 75%, #ffd4d4 75%);
}

.bmarker {
  background: linear-gradient(transparent 30%, #d4e9ff 30%);
}

.bmarker-s {
  background: linear-gradient(transparent 75%, #d4e9ff 75%);
}

/* circle */
.circle {
  width: 1374px;
  height: 1374px;
  background: #E9F9FC;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  animation: circle 20s ease-in-out infinite;
  -webkit-animation: circle 20s ease-in-out infinite;
}
@media only screen and (max-width:1200px) {
  .circle {
    width: 1100px;
    height: 1100px;
  }
}
@media only screen and (max-width:960px) {
  .circle {
    width: 650px;
    height: 650px;
  }
}

@keyframes circle {
  0% {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  }
  12.5% {
    border-radius: 50% 50% 50% 70%;
    -webkit-border-radius: 50% 50% 50% 70%;
    -moz-border-radius: 50% 50% 50% 70%;
  }
  25% {
    border-radius: 50% 50% 70% 60%;
    -webkit-border-radius: 50% 50% 70% 60%;
    -moz-border-radius: 50% 50% 70% 60%;
  }
  37.5% {
    border-radius: 80% 30% 50% 50%;
    -webkit-border-radius: 80% 30% 50% 50%;
    -moz-border-radius: 80% 30% 50% 50%;
  }
  50% {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  }
  62.5% {
    border-radius: 40% 40% 50% 40%;
    -webkit-border-radius: 40% 40% 50% 40%;
    -moz-border-radius: 40% 40% 50% 40%;
  }
  75% {
    border-radius: 30% 50% 40% 80%;
    -webkit-border-radius: 30% 50% 40% 80%;
    -moz-border-radius: 30% 50% 40% 80%;
  }
  87.5% {
    border-radius: 50% 50% 50% 70%;
    -webkit-border-radius: 50% 50% 50% 70%;
    -moz-border-radius: 50% 50% 50% 70%;
  }
  100% {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  }
}
/*=================

    button.scss

=======================*/
.common_btn01 {
  position: relative;
  display: inline-block;
  border: 1px #C6C6C6 solid;
  color: #808080;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  padding: 10px 38px;
  background: #fff;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:640px) {
  .common_btn01 {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    padding: 10px;
  }
}
.common_btn01:hover {
  background: #1C97B5;
  color: #fff;
}
.common_btn01:hover img {
  filter: brightness(0) invert(1);
}
.common_btn01 img {
  display: inline-block;
  width: 20px;
  margin: 0 0 0 14px;
  vertical-align: -4px;
}
@media only screen and (max-width:640px) {
  .common_btn01 img {
    margin: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}

.common_btn02 {
  outline: none;
  display: block;
  width: 100%;
  border: 2px #FFD81A solid;
  color: #1C97B5;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  padding: 10px 38px;
  background: #FFD81A;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.common_btn02:hover {
  background: #fff;
  color: #1C97B5;
}
.common_btn02:hover img {
  filter: none;
}
.common_btn02 img {
  display: inline-block;
  width: 28px;
  margin: 0 8px -4px 0;
  vertical-align: -4px;
}
.common_btn02.w242 {
  max-width: 260px;
}
.common_btn02.center {
  margin: 0 auto;
}
.common_btn02.contact {
  max-width: 400px;
  margin: 0 auto 40px;
}
@media only screen and (max-width:960px) {
  .common_btn02.contact {
    font-size: 14px;
  }
}

.common_btn03 {
  position: relative;
  display: inline-block;
  border: 2px #1C97B5 solid;
  color: #1C97B5;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  padding: 10px 38px;
  background: #fff;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.common_btn03:hover {
  background: #1C97B5;
  color: #fff;
}
.common_btn03:hover img {
  filter: brightness(0) invert(1);
}
.common_btn03 img {
  display: inline-block;
  width: 20px;
  margin: 0 0 0 14px;
  vertical-align: -4px;
}

/* link */
.common_all_link {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  line-height: 1.5;
  color: #1C97B5;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .common_all_link {
    font-size: 13px;
  }
}
.common_all_link:hover small {
  background: #1C97B5;
}
.common_all_link:hover small img {
  filter: brightness(0) invert(1);
}
.common_all_link span {
  display: inline-block;
  vertical-align: middle;
}
.common_all_link small {
  margin: 0 0 0 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  min-width: 32px;
  height: 32px;
  background: #fff;
  border: 1px #1C97B5 solid;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  border-radius: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
}
@media only screen and (max-width:960px) {
  .common_all_link small {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
}
.common_all_link small img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.common_all_link small .arrow_icon {
  width: 16px;
}
.common_all_link small .menu_icon {
  width: 21px;
}
.common_all_link small .cart_icon {
  width: 18px;
}

.common_all-l_link {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  color: #1C97B5;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .common_all-l_link {
    font-size: 13px;
  }
}
.common_all-l_link:hover small {
  background: #1C97B5;
}
.common_all-l_link:hover small img {
  filter: brightness(0) invert(1);
}
.common_all-l_link span {
  display: inline-block;
  vertical-align: middle;
}
.common_all-l_link small {
  margin: 0 0 0 24px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px #1C97B5 solid;
  border-radius: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .common_all-l_link small {
    width: 36px;
    height: 36px;
  }
}
.common_all-l_link small img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.common_all-l_link small .arrow_icon {
  width: 16px;
}
.common_all-l_link small .menu_icon {
  width: 21px;
}
.common_all-l_link small .cart_icon {
  width: 18px;
}

.common_all-bl_link {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1.5;
  color: #1C97B5;
  font-weight: 500;
}
@media only screen and (max-width:960px) {
  .common_all-bl_link {
    font-size: 13px;
  }
}
.common_all-bl_link:hover small {
  background: #1C97B5;
}
.common_all-bl_link:hover small img {
  filter: brightness(0) invert(1);
}
.common_all-bl_link span {
  display: inline-block;
  vertical-align: middle;
}
.common_all-bl_link small {
  margin: 0 0 0 24px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #fff;
  border: 1px #1C97B5 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .common_all-bl_link small {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
}
.common_all-bl_link small img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.common_all-bl_link small .arrow_icon {
  width: 16px;
}
.common_all-bl_link small .menu_icon {
  width: 21px;
}
.common_all-bl_link small .cart_icon {
  width: 18px;
}

.common_all-gl_link {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  line-height: 1.5;
  color: #23B195;
  font-weight: 500;
}
@media only screen and (max-width:960px) {
  .common_all-gl_link {
    font-size: 13px;
  }
}
.common_all-gl_link:hover small {
  background: #23B195;
}
.common_all-gl_link:hover small img {
  filter: brightness(0) invert(1);
}
.common_all-gl_link span {
  display: inline-block;
  vertical-align: middle;
}
.common_all-gl_link small {
  margin: 0 0 0 24px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: #fff;
  border: 1px #23B195 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .common_all-gl_link small {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
}
.common_all-gl_link small img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.common_all-gl_link small .arrow_icon {
  width: 16px;
}
.common_all-gl_link small .menu_icon {
  width: 21px;
}
.common_all-gl_link small .cart_icon {
  width: 18px;
}

.slider_btnarea_block {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

.slider_btnarea {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 116px;
}
@media only screen and (max-width:960px) {
  .slider_btnarea {
    width: 76px;
  }
}
.slider_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #1C97B5 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url("../images/button/prev_icon.svg") center center no-repeat #fff;
  background-size: 16px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .slider_btnarea .slick-prev_btn {
    width: 36px;
    height: 36px;
  }
}
.slider_btnarea .slick-prev_btn:hover {
  background: url("../images/button/prev-w_icon.svg") center center no-repeat #1C97B5;
  background-size: 16px;
}
.slider_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}
.slider_btnarea .slick-prev_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.slider_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #1C97B5 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url("../images/button/next_icon.svg") center center no-repeat #fff;
  background-size: 16px;
}
@media only screen and (max-width:960px) {
  .slider_btnarea .slick-next_btn {
    width: 36px;
    height: 36px;
  }
}
.slider_btnarea .slick-next_btn:hover {
  background: url("../images/button/next-w_icon.svg") center center no-repeat #1C97B5;
  background-size: 16px;
}
.slider_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}
.slider_btnarea .slick-next_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

.slider-s_btnarea {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 100px;
}
@media only screen and (max-width:960px) {
  .slider-s_btnarea {
    width: 76px;
  }
}
.slider-s_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 48px;
  height: 48px;
  border: 1px #1C97B5 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url("../images/button/prev_icon.svg") center center no-repeat #fff;
  background-size: 16px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .slider-s_btnarea .slick-prev_btn {
    width: 36px;
    height: 36px;
  }
}
.slider-s_btnarea .slick-prev_btn:hover {
  background: url("../images/button/prev_icon_wh.svg") center center no-repeat #1C97B5;
  background-size: 16px;
}
.slider-s_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}
.slider-s_btnarea .slick-prev_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.slider-s_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 48px;
  height: 48px;
  border: 1px #1C97B5 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url("../images/button/next_icon.svg") center center no-repeat #fff;
  background-size: 16px;
}
@media only screen and (max-width:960px) {
  .slider-s_btnarea .slick-next_btn {
    width: 36px;
    height: 36px;
  }
}
.slider-s_btnarea .slick-next_btn:hover {
  background: url("../images/button/next_icon_wh.svg") center center no-repeat #1C97B5;
  background-size: 16px;
}
.slider-s_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}
.slider-s_btnarea .slick-next_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

.common_aside_btn {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: url("../images/common/fixed_bg.jpg") center center no-repeat;
  background-size: cover;
  border: 2px #fff solid;
  border-right: none;
  border-radius: 15px 0 0 15px;
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  width: 119px;
  height: 299px;
  position: fixed;
  right: 0;
  top: 150px;
  z-index: 30;
  overflow: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .common_aside_btn {
    width: calc(100% - 32px);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px #fff solid;
    border-right: 1px #fff solid;
    height: 67px;
    display: block;
    right: inherit;
    left: 50%;
    top: inherit;
    bottom: 16px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
@media only screen and (max-width:768px) {
  .common_aside_btn.product {
    bottom: 67px;
  }
}
.common_aside_btn:hover:after {
  opacity: 1;
}
.common_aside_btn:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.common_aside_btn:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.common_aside_btn .common_aside_btn_main {
  position: relative;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .common_aside_btn .common_aside_btn_main {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    height: 100%;
  }
}
.common_aside_btn .common_aside_btn_logo {
  display: block;
  width: 40px;
  margin: 0 auto 16px;
}
@media only screen and (max-width:960px) {
  .common_aside_btn .common_aside_btn_logo {
    margin: 0 24px 0 0;
  }
}
.common_aside_btn .common_aside_btn_text {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
  font-weight: 700;
  letter-spacing: 3.5px;
  writing-mode: vertical-rl;
}
@media only screen and (max-width:960px) {
  .common_aside_btn .common_aside_btn_text {
    writing-mode: inherit;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1.2px;
  }
}

.common_top_btn {
  opacity: 0;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  width: 136px;
  height: 65px;
  background: #fff;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 35;
  border: 2px solid #1C97B5;
  border-right: 0px;
  border-bottom: 0px;
  border-radius: 80px 0px 0px 0px;
  -webkit-border-radius: 80px 0px 0px 0px;
  -moz-border-radius: 80px 0px 0px 0px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.common_top_btn.active {
  opacity: 1;
}
@media only screen and (max-width:960px) {
  .common_top_btn.active {
    display: none;
    opacity: 0;
  }
}
@media only screen and (max-width:960px) {
  .common_top_btn {
    display: none;
  }
}
.common_top_btn .common_top_btn_text {
  font-size: 11px;
  color: #1C97B5;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
}
.common_top_btn img {
  display: block;
  width: 32px;
  margin: 0 auto;
}

/*=================

    footer.scss

=======================*/
.footer_wrap {
  position: relative;
  padding: 80px 16px 16px;
  z-index: 2;
  background: #192636;
}
@media only screen and (max-width:960px) {
  .footer_wrap {
    padding: 80px 16px 16px;
  }
}
@media only screen and (max-width:640px) {
  .footer_wrap {
    padding: 80px 16px 16px;
  }
}
.footer_wrap .footer_inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.footer_wrap .footer_block {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_block {
    display: block;
  }
}
.footer_wrap .footer_block .footer_main {
  width: 320px;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_block .footer_main {
    width: 100%;
    margin: 0 0 40px;
  }
}
.footer_wrap .footer_block .footer_sub {
  width: 645px;
  margin: 0 0 0 20px;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_block .footer_sub {
    width: 100%;
    margin: 0;
  }
}
.footer_wrap .footer_block .footer_logo {
  display: block;
  width: 260px;
  margin-bottom: 20px;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_block .footer_logo {
    width: 220px;
    margin: 0 auto 32px;
  }
}
.footer_wrap .footer_block .footer_logo img {
  display: block;
  width: 100%;
}
.footer_wrap .footer_block .footer_text {
  font-size: 16px;
  line-height: 1.7;
  color: #fff;
  font-weight: 500;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_block .footer_text {
    font-size: 14px;
  }
}
.footer_wrap .footer_block .footer_text span {
  display: block;
  margin: 0 0 16px;
}
.footer_wrap .footer_block .footer_text span:last-of-type {
  margin: 0;
}
.footer_wrap .footer_block .footer_menu_block {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:640px) {
  .footer_wrap .footer_block .footer_menu_block {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.footer_wrap .footer_block .footer_menu_block .footer_menu_main {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: calc((100% - 80px) / 3 * 2 + 40px);
  margin: 0 40px 0 0;
}
@media only screen and (max-width:640px) {
  .footer_wrap .footer_block .footer_menu_block .footer_menu_main {
    display: block;
    margin: 0;
    width: calc(50% - 12px);
  }
}
.footer_wrap .footer_block .footer_menu_block .footer_menu_main .footer_list {
  width: calc(50% - 20px);
}
@media only screen and (max-width:640px) {
  .footer_wrap .footer_block .footer_menu_block .footer_menu_main .footer_list {
    width: 100%;
    margin: 0 0 16px;
  }
}
@media only screen and (max-width:640px) {
  .footer_wrap .footer_block .footer_menu_block .footer_menu_main .footer_list:last-of-type {
    margin: 0;
  }
}
.footer_wrap .footer_block .footer_menu_block .footer_menu_sub {
  width: calc((100% - 80px) / 3);
}
@media only screen and (max-width:640px) {
  .footer_wrap .footer_block .footer_menu_block .footer_menu_sub {
    display: block;
    margin: 0;
    width: calc(50% - 12px);
  }
}
.footer_wrap .footer_list .footer_item {
  margin: 0 0 12px;
}
@media only screen and (max-width:640px) {
  .footer_wrap .footer_list .footer_item {
    margin: 0 0 12px;
  }
}
.footer_wrap .footer_list .footer_item:last-of-type {
  margin: 0;
}
.footer_wrap .footer_list .footer_link {
  color: #fff;
  line-height: 1.7;
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_list .footer_link {
    font-size: 16px;
  }
}
.footer_wrap .footer_sublist {
  margin: 16px 0 0;
}
@media only screen and (max-width:640px) {
  .footer_wrap .footer_sublist {
    margin: 8px 0 0;
  }
}
.footer_wrap .footer_sublist .footer_subitem {
  margin: 0 0 12px;
}
.footer_wrap .footer_sublist .footer_subitem:last-of-type {
  margin: 0;
}
.footer_wrap .footer_sublist .footer_sublink {
  position: relative;
  padding: 0 0 0 13px;
  color: #fff;
  line-height: 1.7;
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_sublist .footer_sublink {
    font-size: 14px;
  }
}
.footer_wrap .footer_sublist .footer_sublink:before {
  content: "";
  display: block;
  background: #fff;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: transalteY(-50%);
  -webkit-transform: transalteY(-50%);
  -moz-transform: transalteY(-50%);
  -ms-transform: transalteY(-50%);
}
.footer_wrap .footer_others_block {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  flex-direction: row-reverse;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_others_block {
    display: block;
  }
}
.footer_wrap .footer_others_block .footer_others_main {
  width: 645px;
  margin: 0 0 0 20px;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_others_block .footer_others_main {
    width: 100%;
    margin: 0;
  }
}
.footer_wrap .footer_others_block .footer_others_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  gap: 16px;
}
.footer_wrap .footer_others_block .footer_others_list .footer_others_item:last-of-type {
  margin: 0;
}
.footer_wrap .footer_others_block .footer_others_list .footer_others_link {
  color: #fff;
  line-height: 1.7;
  font-size: 14px;
  font-weight: 400;
}
@media only screen and (max-width:960px) {
  .footer_wrap .footer_others_block .footer_others_list .footer_others_link {
    font-size: 13px;
  }
}

.footer_others_sub .footer_copyright {
  padding: 16px;
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 1.7;
  color: #fff;
  font-weight: 400;
  background: #192636;
}
@media only screen and (max-width:960px) {
  .footer_others_sub .footer_copyright {
    font-size: 13px;
    text-align: center;
    padding: 24px 0 100px;
  }
}

.footer_pic {
  display: block;
  width: 100%;
  height: 240px;
  background: url("../images/common/f_pic.png") top center no-repeat;
  background-size: cover;
}
@media only screen and (max-width:960px) {
  .footer_pic {
    height: 140px;
  }
}
@media only screen and (max-width:640px) {
  .footer_pic {
    height: 56px;
  }
}

.footer_nav_search {
  background: transparent;
  padding: 48px 0;
}
.footer_nav_search .footer_nav_inner {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (max-width:768px) {
  .footer_nav_search .footer_nav_inner {
    flex-direction: column;
    gap: 24px;
  }
}
@media only screen and (max-width:768px) {
  .footer_nav_search .footer_nav_group {
    width: 100%;
  }
}
.footer_nav_search .footer_nav_group .footer_nav_title {
  margin: 0 0 12px;
}
.footer_nav_search .footer_nav_group .footer_nav_title a {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.footer_nav_search .footer_nav_group .footer_nav_title a:hover {
  opacity: 0.7;
}
.footer_nav_search .footer_nav_group .footer_nav_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width:768px) {
  .footer_nav_search .footer_nav_group .footer_nav_list {
    row-gap: 8px;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.footer_nav_search .footer_nav_group .footer_nav_list li {
  margin-bottom: 8px;
}
.footer_nav_search .footer_nav_group .footer_nav_list li a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
}
.footer_nav_search .footer_nav_group .footer_nav_list li a:hover {
  color: rgba(255, 255, 255, 0.7);
}

.footer_area_list {
  flex-direction: column;
}
.footer_area_list .footer_area_item {
  margin-bottom: 16px;
}
.footer_area_list .footer_area_item .footer_area_parent {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  margin-bottom: 8px;
}
.footer_area_list .footer_area_item .footer_area_children {
  padding-left: 16px;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 24px;
}
.footer_area_list .footer_area_item .footer_area_children li {
  margin-bottom: 4px;
}
.footer_area_list .footer_area_item .footer_area_children li a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
}
.footer_area_list .footer_area_item .footer_area_children li a:hover {
  color: rgba(255, 255, 255, 0.7);
}

/*=================

    form.scss

=======================*/
.form_input {
  display: block;
  width: 100%;
  height: 58px;
  border: 1px #cacaca solid;
  background: #eaeaea;
  outline: none;
  font-size: 16px;
  color: #333;
  padding: 0 16px;
}
@media only screen and (max-width:960px) {
  .form_input {
    font-size: 13px;
  }
}
.form_input:focus {
  border: 1px #1C97B5 solid;
}
.form_input.error {
  border-color: #1C97B5;
  background: rgba(234, 57, 0, 0.3);
}
.form_input.w111 {
  max-width: 111px;
}
.form_input.w344 {
  max-width: 344px;
}

.form_select {
  display: block;
  width: 100%;
  height: 45px;
  border: 1px #cacaca solid;
  background: url("assets/images/form/select_arrow.svg") right 16px center no-repeat #eaeaea;
  background-size: 20px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  font-size: 16px;
  color: #808080;
  padding: 0 45px 0 16px;
}
@media only screen and (max-width:960px) {
  .form_select {
    font-size: 13px;
    background-position: right 8px center;
    padding: 0 36px 0 16px;
  }
}
.form_select.active {
  color: #333;
}
.form_select.error {
  border-color: #1C97B5;
  background-color: rgba(234, 57, 0, 0.3);
}
.form_select:focus {
  border: 1px #333 solid;
}
.form_select.w160 {
  max-width: 160px;
}
.form_select.w344 {
  max-width: 344px;
}
.form_select:disabled {
  color: black;
}

.form_textarea {
  display: block;
  width: 100%;
  height: 200px;
  border: 1px #cacaca solid;
  background: #eaeaea;
  outline: none;
  font-size: 16px;
  color: #333;
  padding: 10px 16px;
  resize: none;
}
@media only screen and (max-width:960px) {
  .form_textarea {
    font-size: 13px;
  }
}
.form_textarea:focus {
  border: 1px #1C97B5 solid;
}
.form_textarea.error {
  border-color: #1C97B5;
  background: rgba(234, 57, 0, 0.3);
}

.form_choose_list {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -12px;
}
@media only screen and (max-width:640px) {
  .form_choose_list {
    display: block;
    margin: 0;
  }
}
.form_choose_list .form_choose_item {
  margin: 0 24px 12px 0;
}
@media only screen and (max-width:640px) {
  .form_choose_list .form_choose_item {
    margin: 0 0 12px;
  }
}
@media only screen and (max-width:640px) {
  .form_choose_list .form_choose_item:last-of-type {
    margin: 0;
  }
}

.form_radio_label.error .form_radio_text::before {
  border-color: #1C97B5;
  background: rgba(28, 151, 181, 0.3);
}
.form_radio_label input {
  display: none;
}
.form_radio_label .form_radio_text {
  display: inline-block;
  padding: 0 0 0 27px;
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  position: relative;
}
@media only screen and (max-width:960px) {
  .form_radio_label .form_radio_text {
    font-size: 13px;
  }
}
.form_radio_label .form_radio_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 17px;
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .form_radio_label .form_radio_text::before {
    top: 2px;
  }
}
.form_radio_label input:checked + .form_radio_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 9px;
  height: 9px;
  background: #1C97B5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .form_radio_label input:checked + .form_radio_text::after {
    top: 7px;
  }
}
.form_radio_label input:disabled:checked + .form_radio_text::after {
  background: #888;
}

.form_checkbox_label input {
  display: none;
}
.form_checkbox_label .form_checkbox_text {
  display: inline-block;
  padding: 0 0 0 27px;
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  position: relative;
}
@media only screen and (max-width:960px) {
  .form_checkbox_label .form_checkbox_text {
    font-size: 13px;
  }
}
.form_checkbox_label .form_checkbox_text a {
  color: #333;
  text-decoration: underline;
}
.form_checkbox_label .form_checkbox_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 17px;
  background: #fff;
  border: 1px solid #cacaca;
}
@media only screen and (max-width:960px) {
  .form_checkbox_label .form_checkbox_text::before {
    top: 2px;
  }
}
.form_checkbox_label input:checked + .form_checkbox_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 5px;
  width: 9px;
  height: 9px;
  background: #1C97B5;
}
@media only screen and (max-width:960px) {
  .form_checkbox_label input:checked + .form_checkbox_text::after {
    top: 7px;
  }
}
.form_checkbox_label input:disabled:checked + .form_checkbox_text::after {
  background: #888;
}

.form_title {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  color: #333;
  font-weight: 700;
  line-height: 1.8;
  font-size: 16px;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .form_title {
    font-size: 13px;
  }
}
.form_title small {
  display: block;
  width: 37px;
  line-height: 18px;
  padding: 2px 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  margin: 0 0 0 16px;
  white-space: nowrap;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.form_title .must {
  background: #1C97B5;
}
.form_title .option {
  background: #808080;
}

.form_detail {
  margin: 16px 0 24px;
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and (max-width:960px) {
  .form_detail {
    font-size: 12px;
  }
}

.form_subtitle {
  font-size: 12px;
  line-height: 1.85;
  color: #333;
}
@media only screen and (max-width:960px) {
  .form_subtitle {
    font-size: 11px;
  }
}

.form_box {
  width: 100%;
}

.form_name_block {
  display: flex;
  display: -ms-flexbox;
}
@media only screen and (max-width:640px) {
  .form_name_block {
    display: block;
  }
}
.form_name_block .form_box {
  width: 160px;
  margin: 0 24px 0 0;
}
@media only screen and (max-width:640px) {
  .form_name_block .form_box {
    width: 100%;
    margin: 0 0 8px;
  }
}
.form_name_block .form_box:last-of-type {
  margin: 0;
}

.form_file_block .form_file_box {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  margin: 0 0 12px;
}
.form_file_block .form_file_label {
  display: block;
  max-width: 343px;
  width: calc(100% - 81px);
  border: 1px solid #cacaca;
  background: #eaeaea;
  padding: 8.25px 16px;
  font-size: 14px;
  color: #808080;
}
@media only screen and (max-width:960px) {
  .form_file_block .form_file_label {
    font-size: 12px;
    width: calc(100% - 71px);
    padding: 8.25px 12px;
  }
}
.form_file_block .form_file_delete_btn {
  display: block;
  width: 73px;
  min-width: 73px;
  height: 44px;
  font-size: 12px;
  border: 1px #1C97B5 solid;
  color: #1C97B5;
  background: #fff;
  margin: 0 0 0 8px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
@media only screen and (max-width:960px) {
  .form_file_block .form_file_delete_btn {
    width: 63px;
    min-width: 63px;
  }
}
.form_file_block input[type=file] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.form_file_add_btn {
  font-size: 12px;
  line-height: 1.8;
  color: #1C97B5;
  background: none;
}
.form_file_add_btn img {
  display: inline-block;
  width: 16px;
  margin: 0 4px 0 0;
  vertical-align: -4px;
}

.form_file_list {
  padding: 0 0 0 16px;
}
.form_file_list .form_file_item {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}
@media only screen and (max-width:960px) {
  .form_file_list .form_file_item {
    font-size: 12px;
  }
}
.form_file_list .form_file_item:last-of-type {
  margin: 0;
}

.form_btnarea {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.form_btnarea .form_back_btn {
  position: relative;
  display: inline-block;
  border: 2px #1C97B5 solid;
  color: #1C97B5;
  font-size: 16px;
  line-height: 48px;
  font-weight: 700;
  text-align: center;
  width: 123px;
  background: #fff;
  margin: 0 16px 0 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .form_btnarea .form_back_btn {
    font-size: 14px;
    line-height: 44px;
    margin: 0 8px 0 0;
    width: 120px;
  }
}
.form_btnarea .form_back_btn:hover {
  background: #1C97B5;
  color: #fff;
}
.form_btnarea .form_back_btn:hover img {
  filter: brightness(0) invert(1);
}
.form_btnarea .form_back_btn img {
  display: block;
  width: 20px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.form_btnarea .form_submit_btn {
  position: relative;
  outline: none;
  display: block;
  width: 158px;
  border: 2px #1C97B5 solid;
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  background: #1C97B5;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .form_btnarea .form_submit_btn {
    font-size: 14px;
    line-height: 44px;
    width: 150px;
  }
}
.form_btnarea .form_submit_btn:hover {
  background: #fff;
  color: #1C97B5;
}
.form_btnarea .form_submit_btn:hover img {
  filter: none;
}
.form_btnarea .form_submit_btn img {
  display: block;
  width: 20px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  filter: brightness(0) invert(1);
}

.form_error {
  font-size: 12px;
  line-height: 1.8;
  color: #b51c1c;
  margin: 12px 0 0;
}

/*=================

    header.scss

=======================*/
.header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 70;
  height: 134px;
  padding: 0 15px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
@media only screen and (max-width:1366px) {
  .header_wrap {
    height: 124px;
  }
}
@media only screen and (max-width:960px) {
  .header_wrap {
    height: 96px;
  }
}
@media only screen and (max-width:350px) {
  .header_wrap {
    padding: 0 12px 0 8px;
  }
}
.header_wrap.active {
  background: rgba(255, 255, 255, 0.5);
}
.header_wrap.active .header_logo img {
  filter: invert(0.9);
}
.header_wrap.active .header_btnarea .header_search_btn img {
  filter: invert(0.9);
}
.header_wrap.active .header_list .header_link {
  color: #333;
}
.header_wrap.active .header_tel_box .header_tel_textarea .left_icon {
  color: #333;
}
.header_wrap.active .header_tel_box .header_tel_textarea .right_icon {
  color: #333;
}
.header_wrap.active .header_tel_box .header_tel_textarea .header_tel_text {
  color: #333;
}
.header_wrap.active .header_mail_box .header_mail_textarea .left_icon {
  color: #333;
}
.header_wrap.active .header_mail_box .header_mail_textarea .right_icon {
  color: #333;
}
.header_wrap.active .header_mail_box .header_mail_textarea .header_mail_text {
  color: #333;
}
.header_wrap .header_inner {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 0 auto;
  padding: 48px 0 0;
}
@media only screen and (max-width:960px) {
  .header_wrap .header_inner {
    padding: 0;
    height: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.header_wrap .header_logo {
  display: block;
  width: 132px;
  min-width: 132px;
}
@media only screen and (max-width:1366px) {
  .header_wrap .header_logo {
    width: 110px;
    min-width: 110px;
    margin: 0 8px 0 0;
  }
}
@media only screen and (max-width:960px) {
  .header_wrap .header_logo {
    width: 112px;
    min-width: 112px;
    margin: 0;
  }
}
@media only screen and (max-width:350px) {
  .header_wrap .header_logo {
    width: 90px;
    min-width: 90px;
  }
}
.header_wrap .header_logo img {
  display: block;
  width: 100%;
}
.header_wrap .header_nav {
  margin: 0 12px 0 0;
}
@media only screen and (max-width:960px) {
  .header_wrap .header_nav {
    display: none;
  }
}
.header_wrap .header_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.header_wrap .header_list .header_item {
  margin: 4px 12px;
}
@media only screen and (max-width:1366px) {
  .header_wrap .header_list .header_item {
    margin: 4px 6px;
  }
}
.header_wrap .header_list .header_link {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and (max-width:1366px) {
  .header_wrap .header_list .header_link {
    font-size: 13px;
  }
}
.header_wrap .header_btnarea {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.header_wrap .header_btnarea .header_btnarea_main {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.header_wrap .header_btnarea .header_search_btn {
  display: block;
  width: 32px;
  min-width: 32px;
  margin: 0 24px 0 0;
  background: none;
}
@media only screen and (max-width:960px) {
  .header_wrap .header_btnarea .header_search_btn {
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin: 0 8px 0 0;
  }
}
@media only screen and (max-width:350px) {
  .header_wrap .header_btnarea .header_search_btn {
    width: 28px;
    min-width: 28px;
    height: 28px;
  }
}
.header_wrap .header_btnarea .header_search_btn img {
  display: block;
  width: 100%;
}
@media only screen and (max-width:960px) {
  .header_wrap .header_btnarea .header_search_btn img {
    width: 24px;
    margin: 0 auto;
  }
}
.header_wrap .header_btnarea .header_tel_box {
  margin: 0 8px 0 0;
}

.header_tel_box {
  position: relative;
}
.header_tel_box .header_tel_textarea {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media only screen and (max-width:960px) {
  .header_tel_box .header_tel_textarea {
    display: none;
  }
}
.header_tel_box .header_tel_textarea .left_icon {
  margin: 0 4px 0 0;
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}
.header_tel_box .header_tel_textarea .right_icon {
  margin: 0 0 0 4px;
  display: block;
  color: #fff;
  font-size: 18px;
  position: relative;
  font-weight: 700;
}
.header_tel_box .header_tel_textarea .header_tel_text {
  font-size: 11px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
@media only screen and (max-width:1366px) {
  .header_tel_box .header_tel_textarea .header_tel_text {
    font-size: 10px;
  }
}
@media only screen and (max-width:1366px) {
  .header_tel_box .header_tel_link {
    padding: 8px 20px 8px 10px;
    font-size: 14px;
  }
}
@media only screen and (max-width:960px) {
  .header_tel_box .header_tel_link {
    padding: 0;
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.16));
  }
}
@media only screen and (max-width:960px) {
  .header_tel_box .header_tel_link small {
    display: none;
  }
}
@media only screen and (max-width:960px) {
  .header_tel_box .header_tel_link .header_tel_icon {
    margin: 0;
    background: none;
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
}
@media only screen and (max-width:960px) {
  .header_tel_box .header_tel_link .header_tel_icon img {
    filter: none;
  }
}

.header_tel_link {
  display: inline-block;
  padding: 8px 40px 8px 10px;
  white-space: nowrap;
  border: 2px #1C97B5 solid;
  background: #fff;
  color: #1C97B5;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
}
.header_tel_link .header_tel_icon {
  position: relative;
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: -11px;
  width: 35px;
  min-width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.header_tel_link .header_tel_icon img {
  width: 28px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

.header_mail_box {
  position: relative;
}
.header_mail_box .header_mail_textarea {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media only screen and (max-width:960px) {
  .header_mail_box .header_mail_textarea {
    display: none;
  }
}
.header_mail_box .header_mail_textarea .left_icon {
  margin: 0 4px 0 0;
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}
.header_mail_box .header_mail_textarea .right_icon {
  margin: 0 0 0 4px;
  display: block;
  color: #fff;
  font-size: 18px;
  position: relative;
  font-weight: 700;
}
.header_mail_box .header_mail_textarea .header_mail_text {
  font-size: 11px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width:1366px) {
  .header_mail_box .header_mail_textarea .header_mail_text {
    font-size: 10px;
  }
}
@media only screen and (max-width:1366px) {
  .header_mail_box .header_mail_link {
    padding: 8px 20px 8px 10px;
    font-size: 14px;
  }
}
@media only screen and (max-width:960px) {
  .header_mail_box .header_mail_link {
    padding: 0;
    filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.16));
  }
}
@media only screen and (max-width:960px) {
  .header_mail_box .header_mail_link small {
    display: none;
  }
}
@media only screen and (max-width:960px) {
  .header_mail_box .header_mail_link .header_mail_icon {
    margin: 0;
    background: none;
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
}
.header_mail_link {
  display: inline-block;
  padding: 8px 40px 8px 10px;
  white-space: nowrap;
  border: 2px #FFD81A solid;
  background: #FFD81A;
  color: #1C97B5;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.header_mail_link:hover {
  background: #fff;
}
.header_mail_link .header_mail_icon {
  position: relative;
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: -11px;
  width: 35px;
  min-width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.header_mail_link .header_mail_icon img {
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

.header_menu_btn {
  position: relative;
  display: block;
  outline: none;
  background: #fff;
  width: 70px;
  height: 70px;
  padding: 0;
  margin: 0 0 0 24px;
  border: 2px #1C97B5 solid;
  filter: drop-shadow(8px 10px 20px rgba(0, 0, 0, 0.16));
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.header_menu_btn:hover {
  background: #1C97B5;
}
.header_menu_btn:hover .top {
  background: #fff;
}
.header_menu_btn:hover .middle {
  background: #fff;
}
.header_menu_btn:hover .bottom {
  background: #fff;
}
@media only screen and (max-width:1366px) {
  .header_menu_btn {
    width: 55px;
    height: 55px;
    margin: 0 0 0 12px;
  }
}
@media only screen and (max-width:960px) {
  .header_menu_btn {
    width: 48px;
    height: 48px;
    margin: 0 0 0 8px;
  }
}
.header_menu_btn .top {
  display: block;
  width: 24px;
  height: 2px;
  background: #1C97B5;
  margin: 0 auto 3px;
}
.header_menu_btn .middle {
  display: block;
  width: 24px;
  height: 2px;
  background: #1C97B5;
  margin: 0 auto 3px;
}
.header_menu_btn .bottom {
  display: block;
  width: 24px;
  height: 2px;
  background: #1C97B5;
  margin: 0 auto;
}
.header_menu_btn.active .top {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(25deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
.header_menu_btn.active .middle {
  display: none;
}
.header_menu_btn.active .bottom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}

.header_menu_wrap {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100svh;
  z-index: 100;
}
@media only screen and (max-width:960px) {
  .header_menu_wrap {
    background: #fff;
  }
}
.header_menu_wrap .header_menu_head {
  background: #fff;
  position: relative;
  z-index: 5;
  padding: 0 15px;
}
@media only screen and (max-width:960px) {
  .header_menu_wrap .header_menu_head {
    height: 70px;
  }
}
.header_menu_wrap .header_menu_head .header_menu_head_inner {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  padding: 48px 0 97px;
  max-width: 1386px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media only screen and (max-width:1366px) {
  .header_menu_wrap .header_menu_head .header_menu_head_inner {
    max-width: 1148px;
  }
}
@media only screen and (max-width:960px) {
  .header_menu_wrap .header_menu_head .header_menu_head_inner {
    padding: 0;
  }
}
.header_menu_wrap .header_menu_head .header_menu_head_inner .header_menu_btn {
  z-index: 20;
}
@media only screen and (max-width:960px) {
  .header_menu_wrap .header_menu_head .header_menu_head_inner .header_menu_btn {
    border: none;
    margin: 26px 0 0;
    filter: drop-shadow(8px 10px 20px rgba(0, 0, 0, 0));
  }
}

.header_menu_block {
  background: #fff;
  height: 100vh;
  position: relative;
  padding: 0 16px;
}
@media only screen and (max-width:960px) {
  .header_menu_block {
    padding: 40px 16px;
    height: calc(100% - 70px);
  }
}
.header_menu_block .header_menu_bg {
  display: block;
  width: 100%;
  height: 158px;
  position: absolute;
  left: 0;
  top: -157px;
}
@media only screen and (max-width:960px) {
  .header_menu_block .header_menu_bg {
    display: none;
  }
}
.header_menu_block .header_menu_scroll {
  position: relative;
  max-height: calc(100% - 16px);
  overflow: scroll;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.header_menu_block .header_menu_scroll::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
@media only screen and (max-width:960px) {
  .header_menu_block .header_menu_scroll {
    max-height: 100%;
  }
}
.header_menu_block .header_menu_inner {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
}

.header_menu_flex {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media only screen and (max-width:960px) {
  .header_menu_flex {
    display: block;
  }
}
.header_menu_flex .header_menu_box {
  width: 236px;
}
@media only screen and (max-width:960px) {
  .header_menu_flex .header_menu_box {
    width: 100%;
    margin: 0 0 24px;
  }
}
.header_menu_flex .header_menu_box:last-of-type {
  width: 200px;
}
@media only screen and (max-width:960px) {
  .header_menu_flex .header_menu_box:last-of-type {
    margin: 84px auto 0;
  }
}
.header_menu_flex .header_menu_list .header_menu_item {
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .header_menu_flex .header_menu_list .header_menu_item {
    margin: 0 0 24px;
  }
}
.header_menu_flex .header_menu_list .header_menu_item:last-of-type {
  margin: 0;
}
.header_menu_flex .header_menu_list .header_menu_link {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 0 0 8px;
  border-bottom: 1px #c6c6c6 solid;
}
.header_menu_flex .header_menu_list .header_menu_link:hover small {
  background: #1C97B5;
}
.header_menu_flex .header_menu_list .header_menu_link:hover small img {
  filter: brightness(0) invert(1);
}
.header_menu_flex .header_menu_list .header_menu_link .header_menu_text {
  font-size: 24px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .header_menu_flex .header_menu_list .header_menu_link .header_menu_text {
    font-size: 20px;
  }
}
.header_menu_flex .header_menu_list .header_menu_link .header_menu_text span {
  display: block;
  color: #1C97B5;
  font-size: 14px;
}
@media only screen and (max-width:960px) {
  .header_menu_flex .header_menu_list .header_menu_link .header_menu_text span {
    font-size: 13px;
  }
}
.header_menu_flex .header_menu_list .header_menu_link small {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  min-width: 28px;
  background: #fff;
  margin: 8px 0 0;
  border: 1px #1C97B5 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.header_menu_flex .header_menu_list .header_menu_link small img {
  display: block;
  width: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.header_menu_flex .header_menu_list .header_menu_sublist {
  margin: 16px 0 0;
}
.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_subitem {
  margin: 0 0 12px;
}
@media only screen and (max-width:960px) {
  .header_menu_flex .header_menu_list .header_menu_sublist .header_menu_subitem {
    margin: 0 0 8px;
  }
}
.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_subitem:last-of-type {
  margin: 0;
}
.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  padding: 0 0 0 14px;
  font-weight: 500;
  position: relative;
}
@media only screen and (max-width:960px) {
  .header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink {
    font-size: 14px;
  }
}
.header_menu_flex .header_menu_list .header_menu_sublist .header_menu_sublink:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #1C97B5;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.header_menu_flex .header_menu_list .header_menu_service_list {
  margin: 16px 0 0;
  padding: 0 0 0 32px;
}
@media only screen and (max-width:960px) {
  .header_menu_flex .header_menu_list .header_menu_service_list {
    padding: 0 0 0 16px;
  }
}
.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_item {
  margin: 0 0 10px;
}
.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_item:last-of-type {
  margin: 0;
}
.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link {
  position: relative;
  font-size: 14px;
  color: #787878;
  line-height: 1.8;
  font-weight: 500;
  padding: 0 0 0 17px;
}
@media only screen and (max-width:960px) {
  .header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link {
    font-size: 13px;
  }
}
.header_menu_flex .header_menu_list .header_menu_service_list .header_menu_service_link:before {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #787878;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.header_menu_flex .header_tel_link {
  padding: 8px 10px;
  width: 100%;
}
.header_menu_flex .header_mail_link {
  padding: 8px 10px;
  width: 100%;
}
.header_menu_flex .header_menu_time_text {
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  margin: 4px 0 16px;
  text-align: center;
}

.header_menu_info_list {
  margin: 40px 0 0;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
@media only screen and (max-width:960px) {
  .header_menu_info_list {
    margin: 0;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
  }
}
.header_menu_info_list .header_menu_info_item {
  margin: 0 0 0 40px;
}
@media only screen and (max-width:960px) {
  .header_menu_info_list .header_menu_info_item {
    margin: 0 20px;
  }
}
.header_menu_info_list .header_menu_info_link {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}

.header_search_menu {
  display: none;
  position: fixed;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: calc(100% - 80px);
  z-index: 100;
  background: #fff;
}
@media only screen and (max-width:960px) {
  .header_search_menu {
    top: 16px;
    width: calc(100% - 32px);
  }
}
.header_search_menu .header_search_head {
  height: 80px;
  padding: 5px 10px;
}
.header_search_menu .header_search_head .header_search_head_inner {
  height: 100%;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.header_search_menu .header_search_head .header_menu_btn {
  border-color: #fff;
  filter: drop-shadow(8px 10px 20px rgba(0, 0, 0, 0));
  margin: 0;
}
.header_search_menu .header_search_block {
  padding: 0 40px 80px;
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_block {
    padding: 0 16px 80px;
  }
}
.header_search_menu .header_search_block .header_search_scroll {
  overflow: scroll;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.header_search_menu .header_search_block .header_search_scroll::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.header_search_menu .header_search_block .header_search_inner {
  max-height: calc(100svh - 240px);
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_block .header_search_inner {
    max-height: calc(100svh - 192px);
  }
}
.header_search_menu .header_search_form_block {
  display: block;
  width: 100%;
  position: relative;
}
.header_search_menu .header_search_form_block .header_search_input {
  outline: none;
  display: block;
  width: 100%;
  height: 96px;
  background: #f6f6f6;
  border: 1px #f6f6f6 solid;
  padding: 0 116px 0 40px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_form_block .header_search_input {
    height: 60px;
    padding: 0 60px 0 20px;
  }
}
@media only screen and (max-width:350px) {
  .header_search_menu .header_search_form_block .header_search_input {
    font-size: 14px;
  }
}
.header_search_menu .header_search_form_block .header_search_input:focus {
  border-color: #333;
}
.header_search_menu .header_search_form_block .header_search_submit_btn {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 56px;
  height: 56px;
  background: #1C97B5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_form_block .header_search_submit_btn {
    width: 44px;
    height: 44px;
    right: 8px;
  }
}
.header_search_menu .header_search_form_block .header_search_submit_btn img {
  display: block;
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_form_block .header_search_submit_btn img {
    width: 20px;
  }
}
.header_search_menu .header_search_flex {
  margin: 40px 0 0;
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_flex {
    display: block;
  }
}
.header_search_menu .header_search_flex .header_search_title {
  white-space: nowrap;
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  font-size: 28px;
  font-weight: 700;
  color: #333;
  line-height: 1.5;
  margin: 0 80px 0 0;
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_flex .header_search_title {
    font-size: 24px;
    margin: 0;
  }
}
@media only screen and (max-width:350px) {
  .header_search_menu .header_search_flex .header_search_title {
    display: block;
  }
}
.header_search_menu .header_search_flex .header_search_title small {
  font-size: 16px;
  color: #1C97B5;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_flex .header_search_title small {
    font-size: 14px;
    margin: 0 0 2px 16px;
  }
}
@media only screen and (max-width:350px) {
  .header_search_menu .header_search_flex .header_search_title small {
    display: block;
    margin: 0;
  }
}
.header_search_menu .header_search_flex .header_search_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 8px 0 0;
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_flex .header_search_list {
    margin: 16px 0 0;
  }
}
.header_search_menu .header_search_flex .header_search_list .header_search_item {
  font-size: 16px;
  line-height: 1.5;
  color: black;
  font-weight: 500;
  margin: 8px 0 0;
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_flex .header_search_list .header_search_item {
    font-size: 14px;
  }
}
.header_search_menu .header_search_flex .header_search_list .header_search_item:after {
  content: "/";
  margin: 0 14px;
}
@media only screen and (max-width:960px) {
  .header_search_menu .header_search_flex .header_search_list .header_search_item:after {
    margin: 0 8px;
  }
}
.header_search_menu .header_search_flex .header_search_list .header_search_item:last-of-type:after {
  content: none;
  margin: 0;
}
.header_search_menu .header_search_flex .header_search_list .header_search_link {
  color: black;
  font-weight: 700;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.header_search_menu .header_search_flex .header_search_list .header_search_link:hover {
  color: #1C97B5;
  text-decoration: underline;
}

/*=================

    pager.scss

=======================*/
.pager_block {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .pager_block {
    margin: 64px 0 0;
  }
}
.pager_block .pager_prev {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  padding: 6px 14px 6px 7px;
  border: 2px #1C97B5 solid;
  color: #1C97B5;
  font-size: 14px;
  font-weight: 700;
  margin: 0 20px 0 0;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
@media only screen and (max-width:960px) {
  .pager_block .pager_prev {
    margin: 0 2px 0 0;
  }
}
@media only screen and (max-width:640px) {
  .pager_block .pager_prev {
    display: block;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  }
}
@media only screen and (max-width:640px) {
  .pager_block .pager_prev span {
    display: none;
  }
}
.pager_block .pager_prev img {
  display: inline-block;
  width: 24px;
  margin: 0 4px 0 0;
  vertical-align: -7px;
}
@media only screen and (max-width:640px) {
  .pager_block .pager_prev img {
    margin: 0;
    vertical-align: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
  }
}
.pager_block .pager_next {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  padding: 6px 7px 6px 14px;
  border: 2px #1C97B5 solid;
  color: #1C97B5;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 0 20px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
@media only screen and (max-width:960px) {
  .pager_block .pager_next {
    margin: 0 0 0 2px;
  }
}
@media only screen and (max-width:640px) {
  .pager_block .pager_next {
    display: block;
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  }
}
@media only screen and (max-width:640px) {
  .pager_block .pager_next span {
    display: none;
  }
}
.pager_block .pager_next img {
  display: inline-block;
  width: 24px;
  margin: 0 0 0 4px;
  vertical-align: -7px;
}
@media only screen and (max-width:640px) {
  .pager_block .pager_next img {
    margin: 0;
    vertical-align: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
  }
}
.pager_block .pager_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  color: #1C97B5;
  font-weight: 700;
  font-size: 14px;
}
.pager_block .pager_list .pager_item {
  margin: 0 4px;
}
@media only screen and (max-width:960px) {
  .pager_block .pager_list .pager_item {
    margin: 0 2px;
  }
}
.pager_block .pager_list .pager_link {
  display: block;
  position: relative;
  border: 2px #1C97B5 solid;
  line-height: 36px;
  min-width: 40px;
  width: 40px;
  text-align: center;
  color: #1C97B5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.pager_block .pager_list .pager_link.active {
  color: #fff;
  background: #1C97B5;
}

.pager-d_block {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .pager-d_block {
    margin: 40px 0 0;
  }
}
.pager-d_block .pager_prev {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  padding: 6px 14px 6px 7px;
  border: 2px #1C97B5 solid;
  color: #1C97B5;
  font-size: 14px;
  font-weight: 700;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
.pager-d_block .pager_prev img {
  display: inline-block;
  width: 24px;
  margin: 0 4px 0 0;
  vertical-align: -7px;
}
.pager-d_block .pager_prev.disabled {
  visibility: hidden;
}
.pager-d_block .pager_next {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  padding: 6px 7px 6px 14px;
  border: 2px #1C97B5 solid;
  color: #1C97B5;
  font-size: 14px;
  font-weight: 700;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
.pager-d_block .pager_next img {
  display: inline-block;
  width: 24px;
  margin: 0 0 0 4px;
  vertical-align: -7px;
}
.pager-d_block .pager_next.disabled {
  visibility: hidden;
}
.pager-d_block .pager_all_link {
  font-size: 14px;
  line-height: 1.5;
  color: #1C97B5;
  font-weight: 700;
  text-decoration: underline;
  margin: 0 24px;
}

/*=================

    pankuzu.scss

=======================*/
/*
.pankuzu_block{
	@include cm.display-flex;
	@include cm.align-items(center);
	@include cm.justify-content(flex-end);
	@media only screen and (max-width:640px){
		display: block;
	}
	.pankuzu_list{
		@include cm.justify-content(flex-start);
	}
}
*/
.pankuzu_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.pankuzu_list::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width:640px) {
  .pankuzu_list {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
}
.pankuzu_list .pankuzu_item {
  white-space: nowrap;
  line-height: 1.5;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
}
@media only screen and (max-width:960px) {
  .pankuzu_list .pankuzu_item {
    font-size: 11px;
  }
}
.pankuzu_list .pankuzu_item:after {
  content: "/";
  margin: 0 16px;
}
@media only screen and (max-width:960px) {
  .pankuzu_list .pankuzu_item:after {
    margin: 0 8px;
  }
}
.pankuzu_list .pankuzu_item:last-of-type:after {
  content: none;
}
.pankuzu_list .pankuzu_item span {
  max-width: 150px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: normal;
}
@media only screen and (max-width:640px) {
  .pankuzu_list .pankuzu_item span {
    max-width: inherit;
    max-width: inherit;
    white-space: nowrap;
  }
}
.pankuzu_list .pankuzu_link {
  color: #fff;
}

/*=================

    popup.scss

=======================*/
.popup_service_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100svh;
  z-index: 100;
  background: rgba(255, 255, 255, 0.92);
  padding: 60px 16px 16px;
}
.popup_service_wrap .popup_service_close_btn {
  display: block;
  width: 64px;
  height: 64px;
  background: #1C97B5;
  position: absolute;
  top: 0;
  right: 0;
}
.popup_service_wrap .popup_service_close_btn img {
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.popup_service_wrap .popup_service_body {
  height: calc(100svh - 76px);
  overflow: scroll;
}
.popup_service_wrap .popup_service_title {
  font-size: 24px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  margin: 0 0 24px;
}
.popup_service_wrap .service_aside_block {
  padding: 0 16px;
}

.popup_product_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100svh;
  z-index: 100;
  background: rgba(255, 255, 255, 0.92);
  padding: 60px 16px 16px;
}
.popup_product_wrap .popup_product_close_btn {
  display: block;
  width: 64px;
  height: 64px;
  background: #1C97B5;
  position: absolute;
  top: 0;
  right: 0;
}
.popup_product_wrap .popup_product_close_btn img {
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.popup_product_wrap .popup_product_body {
  height: calc(100svh - 76px);
  overflow: scroll;
}
.popup_product_wrap .popup_product_title {
  font-size: 24px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  margin: 0 0 24px;
}
.popup_product_wrap .product_aside_block {
  padding: 0 16px;
}

/*
.popup_filter{
	display: none;
	position: fixed;
	z-index: 70;
	top: 0;
	left: 0;
	right: 0;
	background: rgba($deep-black,.5);
	width: 100%;
	height: 100vh;
}
.popup_wrap{
	display: none;
	position: fixed;
	top:50%;
	left: 50%;
	z-index: 75;
	@include cm.transform(translateX(-50%) translateY(-50%));
	max-width: 540px;
	width: calc( 100% - 30px );
	@include cm.border-radius(10px);
	background: var.$white;
	padding: 40px 50px;
	@media only screen and (max-width:960px){
		padding: 30px 15px;
	}
	.popup_close_btn{
		display: block;
		width: 70px;
		height: 70px;
		padding: 0;
		background: none;
		border: none;
		position: absolute;
		top: -35px;
		right: -35px;
		@extend %common_a_transition;
		@media only screen and (max-width:960px){
			width: 40px;
			height: 40px;
			top:-10px;
			right: -10px;
		}
		img{
			display: block;
			width: 100%;
		}
	}
	.popup_inner{
		max-height: calc( 100vh - 160px );
		overflow-y: scroll;
		&.btn_fixed{
			max-height: calc( 100vh - 210px );
			@media only screen and (max-width:960px){
				max-height: calc( 100vh - 215px );
			}
		}
	}
}
*/
/*=================

    text.scss

=======================*/
/*=================

    title.scss

=======================*/
/* mv */
.common_mv_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 16px;
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (max-width:960px) {
  .common_mv_wrap {
    height: 330px;
  }
}
.common_mv_wrap.posi_bottom {
  background-position: center bottom;
}
.common_mv_wrap.nofilter:before {
  display: none;
}
.common_mv_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.common_mv_wrap .common_inner {
  height: 100%;
}
.common_mv_wrap .common_mv_box {
  position: absolute;
  bottom: 214px;
  left: 0;
  width: 100%;
}
@media only screen and (max-width:960px) {
  .common_mv_wrap .common_mv_box {
    bottom: 38px;
  }
}
.common_mv_wrap .common_mv_title {
  font-size: 56px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  margin: 0 0 18px;
}
@media only screen and (max-width:960px) {
  .common_mv_wrap .common_mv_title {
    font-size: 32px;
    margin: 0 0 8px;
  }
}
.common_mv_wrap .common_mv_title span {
  display: block;
  font-size: 24px;
}
@media only screen and (max-width:960px) {
  .common_mv_wrap .common_mv_title span {
    font-size: 16px;
  }
}

/* page title */
.common_related_title {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  font-size: 42px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .common_related_title {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}
.common_related_title small {
  white-space: nowrap;
  font-size: 16px;
  color: #1C97B5;
  font-weight: 700;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .common_related_title small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_related-b_title {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  font-size: 42px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .common_related-b_title {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}
.common_related-b_title small {
  white-space: nowrap;
  font-size: 16px;
  color: #1C97B5;
  font-weight: 700;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .common_related-b_title small {
    white-space: normal;
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_top_title01 {
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width:960px) {
  .common_top_title01 {
    display: block;
    font-size: 28px;
    margin: 0 0 24px;
  }
}
.common_top_title01 small {
  font-size: 18px;
  color: #1C97B5;
  font-weight: 700;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .common_top_title01 small {
    font-size: 14px;
  }
}

.common_top_title02 {
  font-size: 40px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin: 0 0 30px;
}
@media only screen and (max-width:960px) {
  .common_top_title02 {
    font-size: 28px;
    margin: 0 0 24px;
  }
}
.common_top_title02 small {
  display: block;
  color: #1C97B5;
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .common_top_title02 small {
    font-size: 14px;
  }
}

.common_top_title03 {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width:960px) {
  .common_top_title03 {
    display: block;
    font-size: 28px;
    margin: 0 0 24px;
  }
}
.common_top_title03 small {
  font-size: 18px;
  color: #1C97B5;
  font-weight: 700;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .common_top_title03 small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_top_title04 {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width:960px) {
  .common_top_title04 {
    display: block;
    font-size: 28px;
    margin: 0 0 24px;
  }
}
.common_top_title04 small {
  font-size: 18px;
  color: #1C97B5;
  font-weight: 700;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .common_top_title04 small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_water_title01 {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width:960px) {
  .common_water_title01 {
    display: block;
    font-size: 28px;
    margin: 0 0 24px;
  }
}
.common_water_title01 small {
  font-size: 18px;
  color: #1C97B5;
  font-weight: 700;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .common_water_title01 small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
  }
}

.common_water_title02 {
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .common_water_title02 {
    font-size: 32px;
  }
}
.common_water_title02 small {
  display: block;
  color: #1C97B5;
  font-size: 16px;
  font-weight: 700;
  margin: 8px 0 0;
}
@media only screen and (max-width:960px) {
  .common_water_title02 small {
    font-size: 14px;
  }
}

.common_water_title03 {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width:960px) {
  .common_water_title03 {
    font-size: 32px;
    margin: 0 0 24px;
  }
}
.common_water_title03 small {
  white-space: nowrap;
  font-size: 18px;
  color: #1C97B5;
  font-weight: 700;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .common_water_title03 small {
    font-size: 14px;
  }
}

.common_painting_title01 {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width:960px) {
  .common_painting_title01 {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}
.common_painting_title01 small {
  white-space: nowrap;
  font-size: 18px;
  color: #23B195;
  font-weight: 700;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .common_painting_title01 small {
    display: block;
    font-size: 14px;
    margin: 8px 0 0;
    white-space: inherit;
  }
}

.common_painting_title02 {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width:960px) {
  .common_painting_title02 {
    display: block;
    font-size: 32px;
    margin: 0 0 24px;
  }
}
.common_painting_title02 small {
  white-space: nowrap;
  font-size: 18px;
  color: #23B195;
  font-weight: 700;
  margin: 0 0 4px 16px;
}
@media only screen and (max-width:960px) {
  .common_painting_title02 small {
    display: block;
    margin: 4px 0 0;
    font-size: 14px;
  }
}

/*=================

    index.scss

=======================*/
.top_mv_wrap {
  position: relative;
  height: 710px;
}
@media only screen and (max-width:960px) {
  .top_mv_wrap {
    height: 560px;
  }
}
.top_mv_wrap .top_mv_main {
  height: 100%;
}
.top_mv_wrap .top_mv_main .top_mv_main_list {
  height: 100%;
}
.top_mv_wrap .top_mv_main .top_mv_main_list .top_mv_main_item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.top_mv_wrap .top_mv_main .swiper-slide-active .top_mv_pic {
  animation: zoomIn 6s linear forwards;
  -webkit-animation: zoomIn 6s linear forwards;
}
.top_mv_wrap .top_mv_main .slick-current .top_mv_pic {
  animation: zoomIn 6s linear forwards;
  -webkit-animation: zoomIn 6s linear forwards;
}
.top_mv_wrap .top_mv_main .top_mv_pic {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.top_mv_wrap .top_mv_main .top_mv_pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.top_mv_wrap .top_mv_main .top_mv_box01 {
  position: absolute;
  left: 80px;
  bottom: 192px;
  z-index: 5;
}
@media only screen and (max-width:1100px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 {
    bottom: 230px;
  }
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 {
    text-align: center;
    bottom: inherit;
    top: 160px;
    width: calc(100% - 32px);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 {
  font-size: 48px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  margin: 0 0 8px;
}
@media only screen and (max-width:1100px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 {
    font-size: 32px;
  }
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 {
    font-size: 18px;
  }
}
@media only screen and (max-width:350px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 {
    font-size: 14px;
  }
}
.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 small {
  position: relative;
}
.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 small:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #1C97B5;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_subtitle01 small:before {
    width: 4px;
    height: 4px;
    top: -4px;
  }
}
.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 {
  font-size: 80px;
  line-height: 1.33;
  color: #fff;
  font-weight: 700;
}
@media only screen and (max-width:1100px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 {
    font-size: 72px;
  }
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 {
    font-size: 48px;
  }
}
@media only screen and (max-width:350px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 {
    font-size: 40px;
  }
}
.top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 span {
  display: block;
}
@media only screen and (max-width:1366px) {
  .top_mv_wrap .top_mv_main .top_mv_box01 .top_mv_title01 span:last-of-type {
    padding: 0;
  }
}
.top_mv_wrap .top_mv_main .top_mv_box02 {
  position: absolute;
  left: 80px;
  bottom: 242px;
  z-index: 5;
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 {
    text-align: center;
    bottom: inherit;
    top: 160px;
    width: calc(100% - 32px);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
.top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02 {
  font-size: 48px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  margin: 0 0 8px;
}
@media only screen and (max-width:1200px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02 {
    font-size: 32px;
  }
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02 {
    font-size: 18px;
  }
}
@media only screen and (max-width:350px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_subtitle02 {
    font-size: 14px;
  }
}
.top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 {
  font-size: 80px;
  line-height: 1.33;
  color: #fff;
  font-weight: 700;
}
@media only screen and (max-width:1200px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 {
    font-size: 60px;
  }
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 {
    font-size: 32px;
  }
}
@media only screen and (max-width:350px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 {
    font-size: 28px;
  }
}
.top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 span {
  display: block;
}
@media only screen and (max-width:1366px) {
  .top_mv_wrap .top_mv_main .top_mv_box02 .top_mv_title02 span:last-of-type {
    padding: 0;
  }
}
.top_mv_wrap .top_mv_column {
  position: absolute;
  right: 160px;
  bottom: 107px;
  z-index: 5;
}
@media only screen and (max-width:1200px) {
  .top_mv_wrap .top_mv_column {
    right: 80px;
  }
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_column {
    right: 16px;
    bottom: 58px;
    width: 256px;
  }
}
.top_mv_wrap .top_mv_column_slider {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  position: relative;
}
.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 52px;
  min-width: 52px;
  height: 24px;
  margin: 0 16px 0 0;
}
.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 40px;
  border: 1px #1C97B5 solid;
  background: url("assets/images/index/prev_icon.svg") center center no-repeat #fff;
  background-size: 10px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-prev_btn:hover {
  background: url("assets/images/common/prev-w_icon.svg") center center no-repeat #1C97B5;
  background-size: 10px;
}
.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}
.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 40px;
  border: 1px #1C97B5 solid;
  background: url("../images/index/next_icon.svg") center center no-repeat #fff;
  background-size: 10px;
}
.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn:hover {
  background: url("../images/common/next-w_icon.svg") center center no-repeat #1C97B5;
  background-size: 10px;
}
.top_mv_wrap .top_mv_column_slider .top_mv_column_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}
.top_mv_wrap .top_mv_column_slider .top_mv_column_slider_main {
  width: 188px;
}
.top_mv_wrap .top_mv_column_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.top_mv_wrap .top_mv_column_list .slick-list {
  height: 100%;
}
.top_mv_wrap .top_mv_column_list .slick-track {
  height: 100%;
}
.top_mv_wrap .top_mv_column_list .slick-slide {
  height: 100%;
}
.top_mv_wrap .top_mv_column_list .slick-slide > div {
  height: 100%;
}
.top_mv_wrap .top_mv_column_list .top_mv_column_item {
  margin: 0 0 0 16px;
}
.top_mv_wrap .top_mv_column_list .top_mv_column_link {
  display: block;
  width: 188px;
  height: 120px;
  padding: 4px;
  background: #fff;
}
.top_mv_wrap .top_mv_column_list .top_mv_column_link:hover .top_mv_column_main:after {
  opacity: 1;
}
.top_mv_wrap .top_mv_column_list .top_mv_column_main {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
}
.top_mv_wrap .top_mv_column_list .top_mv_column_main:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.top_mv_wrap .top_mv_column_list .top_mv_column_main:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.top_mv_wrap .top_mv_column_list .top_mv_column_label {
  display: inline-block;
  padding: 2px 7px;
  font-size: 10px;
  color: #fff;
  line-height: 1.5;
  border: 1px #fff solid;
  position: relative;
  z-index: 5;
}
.top_mv_wrap .top_mv_column_list .top_mv_column_title {
  font-size: 11px;
  line-height: 1.8;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: calc(100% - 16px);
  position: absolute;
  bottom: 8px;
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_link {
  display: block;
  width: 188px;
  height: 120px;
  padding: 4px;
  background: #fff;
}
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_link:hover .top_mv_column_main:after {
  opacity: 1;
}
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_main {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px;
}
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_main:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_main:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_label {
  display: inline-block;
  padding: 2px 7px;
  font-size: 10px;
  color: #fff;
  line-height: 1.5;
  border: 1px #fff solid;
  position: relative;
  z-index: 5;
}
.top_mv_wrap .top_mv_column_sp_list .top_mv_column_title {
  font-size: 11px;
  line-height: 1.8;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: calc(100% - 16px);
  position: absolute;
  bottom: 8px;
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.top_mv_wrap .top_mv_sub {
  display: block;
  width: calc(100% - 220px);
  position: absolute;
  right: 0;
  bottom: -72px;
  z-index: 10;
  background: #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  padding: 0 16px 0 43px;
  height: 144px;
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_sub {
    height: 66px;
    bottom: -33px;
    width: calc(100% - 20px);
    padding: 0 0 0 16px;
  }
}
.top_mv_wrap .top_mv_sub .top_mv_sublist {
  height: 100%;
  /*
  .slick-list{
  				height: 100%;
  			}	
  			.slick-slide{
  				height: 100%;
  				&>div{
  					height: 100%;
  				}
  			}
  			.slick-track{
  				-js-display: flex !important;
  				display:flex !important;
  				display:-webkit-box !important;
  				display:-ms-flexbox !important;
  				display: -webkit-flex !important;
  				@include cm.align-items(center);
  				height: 100%;
  				-moz-transform: translate3d(0px, 0px, 0px) !important;
  			  -ms-transform: translate3d(0px, 0px, 0px) !important;
  			  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  			  transform: translate3d(0px, 0px, 0px) !important;
  			}
  			.slick-slide{
  				height: inherit !important;
  			}
  			.slick-slide > div{
  				height: 100%;
  			}
  */
}
.top_mv_wrap .top_mv_sub .top_mv_sublist .top_mv_subitem {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-flex !important;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  height: 100%;
  padding: 0 16px 0 0;
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_sub .top_mv_sublist .top_mv_subitem {
    padding: 0 8px 0 0;
  }
}
@media only screen and (max-width:640px) {
  .top_mv_wrap .top_mv_sub .top_mv_sublist .top_mv_subitem {
    padding: 0;
    width: auto !important;
  }
}
.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox {
  cursor: pointer;
}
.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_line .top {
  width: 100%;
}
.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_line .right {
  height: 100%;
  transition-delay: 0.3s;
}
.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_line .bottom {
  width: 100%;
  transition-delay: 0.6s;
}
.top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_line .left {
  height: 100%;
  transition-delay: 0.9s;
}
@media only screen and (max-width:640px) {
  .top_mv_wrap .top_mv_sub .swiper-slide-thumb-active .top_mv_subbox .top_mv_sub_info {
    display: block;
  }
}
.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox {
  cursor: pointer;
}
.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_line .top {
  width: 100%;
}
.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_line .right {
  height: 100%;
  transition-delay: 0.3s;
}
.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_line .bottom {
  width: 100%;
  transition-delay: 0.6s;
}
.top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_line .left {
  height: 100%;
  transition-delay: 0.9s;
}
@media only screen and (max-width:640px) {
  .top_mv_wrap .top_mv_sub .slick-current .top_mv_subbox .top_mv_sub_info {
    display: block;
  }
}
.top_mv_wrap .top_mv_sub .top_mv_subbox {
  position: relative;
  width: 100%;
  padding: 12px 16px;
  overflow: hidden;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox {
    padding: 8px;
  }
}
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_line .top {
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  top: 1px;
  left: 0;
  background: #1C97B5;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_line .right {
  display: block;
  width: 2px;
  height: 0;
  position: absolute;
  top: 0;
  right: 1px;
  background: #1C97B5;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_line .bottom {
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  bottom: 1px;
  right: 0;
  background: #1C97B5;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_line .left {
  display: block;
  width: 2px;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 1px;
  background: #1C97B5;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic {
  display: block;
  width: 120px;
  min-width: 120px;
  height: 80px;
  margin: 0 10px 0 0;
}
@media only screen and (max-width:1366px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic {
    width: 80px;
    min-width: 80px;
  }
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic {
    width: 51px;
    height: 34px;
    min-width: 52px;
    margin: 0;
  }
}
@media only screen and (max-width:350px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_pic {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_info {
    margin: 0 0 0 4px;
  }
}
@media only screen and (max-width:640px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_info {
    display: none;
  }
}
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_title {
  font-size: 14px;
  line-height: 1.5;
  color: black;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_title {
    font-size: 11px;
  }
}
@media only screen and (max-width:350px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_title {
    font-size: 10px;
  }
}
.top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_text {
  font-size: 10px;
  line-height: 1.5;
  color: black;
  margin: 4px 0 0;
}
@media only screen and (max-width:960px) {
  .top_mv_wrap .top_mv_sub .top_mv_subbox .top_mv_sub_text {
    display: none;
  }
}

@keyframes zoomIn {
  0% {
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) scale(1.15);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.15);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.15);
  }
}
.top_service_wrap {
  background: url("assets/images/index/service_bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 96px 16px 80px;
}
@media only screen and (max-width:960px) {
  .top_service_wrap {
    padding: 52px 16px 40px;
  }
}
.top_service_wrap .common_top_title01 {
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .top_service_wrap .common_top_title01 {
    margin: 0 0 16px;
  }
}

.top_service_main_block {
  padding: 40px;
  background: #fbfbfb;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  margin: 0 0 32px;
}
@media only screen and (max-width:1200px) {
  .top_service_main_block {
    padding: 24px;
  }
}
@media only screen and (max-width:960px) {
  .top_service_main_block {
    padding: 16px;
    margin: 0 0 24px;
  }
}
.top_service_main_block .top_service_main_flex {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_main_flex {
    display: block;
  }
}
.top_service_main_block .top_service_main_flex .top_service_info {
  width: 768px;
  padding: 24px 0 0;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_main_flex .top_service_info {
    width: 100%;
    padding: 16px 0 0;
    margin: 0 0 40px;
  }
}
@media only screen and (max-width:768px) {
  .top_service_main_block .top_service_main_flex .top_service_info .align_right {
    text-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
  }
}
.top_service_main_block .top_service_main_flex .top_service_info_inner {
  display: flex;
  display: -ms-flexbox;
  gap: 16px;
  margin: 0 0 24px;
}
@media only screen and (max-width:768px) {
  .top_service_main_block .top_service_main_flex .top_service_info_inner {
    flex-direction: column;
  }
}
.top_service_main_block .top_service_main_flex .top_service_category {
  width: 391px;
  margin: 0 0 0 20px;
  background: rgba(28, 151, 181, 0.24);
  padding: 32px 24px;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_main_flex .top_service_category {
    width: 100%;
    margin: 0;
    padding: 24px 8px;
  }
}
.top_service_main_block .top_service_main_title {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
  color: #333;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_main_title {
    font-size: 20px;
  }
}
.top_service_main_block .top_service_main_pic {
  width: 50%;
  height: 100%;
}
@media only screen and (max-width:768px) {
  .top_service_main_block .top_service_main_pic {
    width: 100%;
  }
}
.top_service_main_block .top_service_main_text {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_main_text {
    font-size: 13px;
    margin: 0 0 16px;
  }
}
.top_service_main_block .top_service_main_text a {
  color: #1C97B5;
  font-weight: 700;
  text-decoration: underline;
}
.top_service_main_block .top_service_main_list_title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}
.top_service_main_block .top_service_main_list {
  display: flex;
  display: -ms-flexbox;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_main_list {
    margin: 0 0 16px;
  }
}
@media only screen and (max-width:768px) {
  .top_service_main_block .top_service_main_list {
    display: block;
  }
}
.top_service_main_block .top_service_main_list .top_service_main_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 0 0;
  min-height: 100px;
}
@media only screen and (max-width:1200px) {
  .top_service_main_block .top_service_main_list .top_service_main_item {
    width: calc((100% - 24px) / 3);
    margin: 0 12px 0 0;
  }
}
@media only screen and (max-width:768px) {
  .top_service_main_block .top_service_main_list .top_service_main_item {
    width: 100%;
    margin: 0 0 16px;
    height: 100px;
  }
}
.top_service_main_block .top_service_main_list .top_service_main_item:last-of-type {
  margin: 0;
}
.top_service_main_block .top_service_main_list .top_service_main_link {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.top_service_main_block .top_service_main_list .top_service_main_link:hover:after {
  opacity: 1;
}
.top_service_main_block .top_service_main_list .top_service_main_link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%);
  -webkit-background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.top_service_main_block .top_service_main_list .top_service_main_link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);
  -webkit-background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.top_service_main_block .top_service_main_list .top_service_main_box {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  width: 100%;
  padding: 0 32px;
  background: url("assets/images/common/arrow_white-right_icon.svg") right 12px center no-repeat;
  background-size: 16px;
}
@media only screen and (max-width:1200px) {
  .top_service_main_block .top_service_main_list .top_service_main_box {
    padding: 0 32px 0 12px;
  }
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_main_list .top_service_main_box {
    padding: 0 32px;
  }
}
.top_service_main_block .top_service_main_list .top_service_main_box_title {
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width:1200px) {
  .top_service_main_block .top_service_main_list .top_service_main_box_title {
    font-size: 12px;
  }
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_main_list .top_service_main_box_title {
    font-size: 13px;
  }
}
.top_service_main_block .top_service_category_title {
  font-size: 24px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  margin: 0 0 24px;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_category_title {
    font-size: 20px;
    margin: 0 0 16px;
  }
}
.top_service_main_block .top_service_category_list {
  margin: 0 0 24px;
}
.top_service_main_block .top_service_category_list .top_service_category_item {
  margin: 0 0 16px;
}
.top_service_main_block .top_service_category_list .top_service_category_item:last-of-type {
  margin: 0;
}
.top_service_main_block .top_service_category_list .top_service_category_link {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: 100%;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 48px 8px 16px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_category_list .top_service_category_link {
    background-position: right 8px center;
    padding: 8px 32px 8px 8px;
  }
}
.top_service_main_block .top_service_category_list .top_service_category_link:hover {
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #1C97B5;
  background-size: 16px;
}
.top_service_main_block .top_service_category_list .top_service_category_link:hover .top_service_category_text {
  color: #fff;
}
.top_service_main_block .top_service_category_list .top_service_category_icon {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px #333 solid;
  background: #fff;
  margin: 0 16px 0 0;
  padding: 2px;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_category_list .top_service_category_icon {
    margin: 0 8px 0 0;
  }
}
.top_service_main_block .top_service_category_list .top_service_category_icon .top_service_category_icon_img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.top_service_main_block .top_service_category_list .top_service_category_text {
  width: calc(100% - 48px);
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .top_service_main_block .top_service_category_list .top_service_category_text {
    width: calc(100% - 40px);
    font-size: 13px;
  }
}

.top_service_sub_block .top_service_sub_list {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_sub_list {
    display: block;
  }
}
.top_service_sub_block .top_service_sub_list .top_service_sub_item {
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  background: #fbfbfb;
  padding: 40px 24px;
  width: 440px;
  margin: 0 22px 0 0;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_sub_list .top_service_sub_item {
    width: 100%;
    margin: 0 0 24px;
    padding: 16px;
  }
}
.top_service_sub_block .top_service_sub_list .top_service_sub_item:last-of-type {
  width: 356px;
  margin: 0;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_sub_list .top_service_sub_item:last-of-type {
    width: 100%;
  }
}
.top_service_sub_block .top_service_sub_title {
  font-size: 28px;
  line-height: 1.5;
  text-align: center;
  color: #333;
  font-weight: 700;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_sub_title {
    font-size: 20px;
    margin: 0 0 16px;
  }
}
.top_service_sub_block .top_service_sub_pic01 {
  display: block;
  width: 100%;
  max-width: 251px;
  margin: 0 auto 24px;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_sub_pic01 {
    margin: 0 0 16px;
  }
}
.top_service_sub_block .top_service_sub_pic02 {
  width: 100%;
  margin: 0 auto 24px;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_sub_pic02 {
    margin: 0 auto 16px;
  }
}
.top_service_sub_block .top_service_sub_text {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_sub_text {
    font-size: 13px;
    margin: 0 0 16px;
  }
}
@media only screen and (max-width:768px) {
  .top_service_sub_block .align_right {
    text-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
  }
}
.top_service_sub_block .top_service_detail_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 36px;
  gap: 8px;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_detail_list {
    margin: 0 0 16px;
  }
}
.top_service_sub_block .top_service_detail_list .top_service_detail_item {
  width: calc((100% - 16px) / 2);
}
.top_service_sub_block .top_service_detail_list .top_service_detail_link {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  padding: 8px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_detail_list .top_service_detail_link {
    padding: 8px 32px 8px 8px;
    background-position: right 8px center;
  }
}
.top_service_sub_block .top_service_detail_list .top_service_detail_link:hover {
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #1C97B5;
  background-size: 16px;
}
.top_service_sub_block .top_service_detail_list .top_service_detail_link:hover .top_service_detail_text {
  color: #fff;
}
.top_service_sub_block .top_service_detail_list img {
  display: block;
  width: 32px;
  margin: 0 8px 0 0;
}
.top_service_sub_block .top_service_detail_list .top_service_detail_text {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .top_service_sub_block .top_service_detail_list .top_service_detail_text {
    font-size: 13px;
    width: calc(100% - 40px);
  }
}

.search_keyword {
  margin: 0 0 24px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
@media only screen and (max-width:960px) {
  .search_keyword {
    margin: 24px 0;
  }
}
.search_keyword .search_box_inner {
  width: 100%;
}
.search_keyword .search-ttl {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 16px;
}
@media only screen and (max-width:960px) {
  .search_keyword .search-ttl {
    font-size: 18px;
  }
}
.search_keyword .form_container {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  gap: 16px;
  margin: 0 0 8px;
}
@media only screen and (max-width:768px) {
  .search_keyword .form_container {
    display: block;
  }
}
.search_keyword .form_wrap {
  flex: 1;
}
.search_keyword .form_wrap .keyword_wrap input {
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.search_keyword .form_wrap .keyword_wrap input:focus {
  border-color: #1C97B5;
  outline: none;
}
.search_keyword .button_wrap {
  min-width: 120px;
}
@media only screen and (max-width:768px) {
  .search_keyword .button_wrap {
    margin-top: 12px;
    width: 100%;
  }
}
.search_keyword .button_wrap .submit {
  width: 100%;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  background: #1C97B5;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.search_keyword .button_wrap .submit i.icon_search {
  margin-right: 8px;
}
.search_keyword .button_wrap .submit:hover {
  background: #1C97B5;
}
.search_keyword .search_word_container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.search_keyword .search_word_container .word-item {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #1C97B5;
  background: #f2f2f2;
  padding: 6px 12px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.search_keyword .search_word_container .word-item img {
  width: 20px;
  margin: 0 2px -4px 0;
}
.search_keyword .search_word_container .word-item:hover {
  opacity: 0.7;
}

.top_item_wrap {
  position: relative;
  background: #ececec;
  padding: 80px 0 40px;
  /*
  &:after{
  		content:"";
  		display: block;
  		width: 100%;
  		height: 100%;
  		background: url(var.$get_img+"index/item_bg02.png") center top no-repeat;
  		background-size: 100%;
  		position: absolute;
  		top: 0;
  		left: 0;
  		@media only screen and (max-width:640px){
  			background: url(var.$get_img+"index/item_bg02_sp.png") center top no-repeat;
  			background-size: 100%;
  		}
  	}
  */
}
@media only screen and (max-width:960px) {
  .top_item_wrap {
    padding: 40px 0;
  }
}
.top_item_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("assets/images/index/item_bg.png") center center no-repeat;
  background-size: cover;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
}
.top_item_wrap .item_dot01 {
  display: block;
  position: absolute;
  top: 5%;
  right: 30%;
  animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .item_dot01 {
    width: 15%;
  }
}
.top_item_wrap .item_dot02 {
  display: block;
  position: absolute;
  top: 15%;
  right: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 0.5s;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .item_dot02 {
    width: 15%;
  }
}
.top_item_wrap .item_dot03 {
  display: block;
  position: absolute;
  bottom: 15%;
  left: 7%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .item_dot03 {
    width: 15%;
  }
}
.top_item_wrap .item_dot04 {
  display: block;
  position: absolute;
  top: 30%;
  left: 12%;
  animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .item_dot04 {
    width: 15%;
  }
}
.top_item_wrap .common_top_title01 {
  padding: 0 16px 0 44px;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .common_top_title01 {
    margin: 0;
    padding: 0 16px;
  }
}
.top_item_wrap .top_item_block {
  position: relative;
  z-index: 5;
  width: 90%;
  margin: 0 0 0 10%;
  overflow: hidden;
}
@media only screen and (max-width:1366px) {
  .top_item_wrap .top_item_block {
    width: 100%;
    margin: 0;
  }
}
.top_item_wrap .top_item_slider {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  flex-direction: row-reverse;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .top_item_slider {
    display: block;
  }
}
.top_item_wrap .top_item_slider .slider_btnarea {
  margin: 0 35px 40px 0;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .top_item_slider .slider_btnarea {
    margin: 0 0 0 16px;
  }
}
.top_item_wrap .top_item_slider_inner {
  width: calc(100% - 250px);
  position: relative;
  padding: 0 0 0 40px;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .top_item_slider_inner {
    width: 100%;
    padding: 0 0 0 70px;
  }
}
@media only screen and (max-width:350px) {
  .top_item_wrap .top_item_slider_inner {
    padding: 0 0 0 4px;
  }
}
.top_item_wrap .top_product_list .slick-list {
  overflow: visible;
}
.top_item_wrap .top_product_list .slick-track {
  padding: 40px 0;
}
.top_item_wrap .top_product_list .slick-slide:nth-of-type(4n + 1) .product_link {
  margin: 48px 0 0;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .top_product_list .slick-slide:nth-of-type(4n + 1) .product_link {
    margin: 0;
  }
}
.top_item_wrap .top_product_list .slick-slide:nth-of-type(4n + 3) .product_link {
  margin: 40px 0 0;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .top_product_list .slick-slide:nth-of-type(4n + 3) .product_link {
    margin: 0;
  }
}
.top_item_wrap .top_product_list .slick-slide:nth-of-type(4n) .product_link {
  margin: 24px 0 0;
}
@media only screen and (max-width:960px) {
  .top_item_wrap .top_product_list .slick-slide:nth-of-type(4n) .product_link {
    margin: 0;
  }
}
.top_item_wrap .top_product_list .top_product_item {
  padding: 0 12px;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.top_item_wrap .top_product_list .product_link {
  display: block;
  width: 288px;
}

.top_media_wrap {
  padding: 80px;
}
@media only screen and (max-width:960px) {
  .top_media_wrap {
    padding: 40px 16px;
  }
}
.top_media_wrap .common_top_title02_p {
  margin: 0 0 24px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
.top_media_wrap .top_media_block {
  position: relative;
}
.top_media_wrap .top_media_block::before, .top_media_wrap .top_media_block::after {
  content: "「";
  position: absolute;
  font-size: 48px;
  color: #ccc;
  font-family: serif;
  font-weight: bold;
  line-height: 1;
}
.top_media_wrap .top_media_block::before {
  top: -24px;
  left: -64px;
  content: "「";
}
.top_media_wrap .top_media_block::after {
  bottom: -24px;
  right: -64px;
  content: "」";
}
.top_media_wrap .top_media_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  gap: 16px;
}
.top_media_wrap .top_media_item {
  width: calc((100% - 32px) / 3);
}
@media only screen and (max-width:960px) {
  .top_media_wrap .top_media_item {
    width: calc((100% - 16px) / 2);
  }
}
.top_media_wrap .top_media_item a {
  padding: 16px;
  height: 100%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  background: #f1f1f1;
  display: flex;
  display: -ms-flexbox;
  gap: 16px;
}
.top_media_wrap .top_media_item a:hover {
  opacity: 0.7;
}
@media only screen and (max-width:960px) {
  .top_media_wrap .top_media_item a {
    gap: 8px;
  }
}
.top_media_wrap .top_media_item img {
  width: 24px;
  min-width: 24px;
}
@media only screen and (max-width:960px) {
  .top_media_wrap .top_media_item img {
    width: 16px;
    min-width: 20px;
  }
}
.top_media_wrap .top_media_text h3 {
  color: #1C97B5;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.top_media_wrap .top_media_text p {
  line-height: 1.5;
  font-size: 12px;
  color: #333;
}

.top_guide_wrap {
  padding: 104px 16px;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap {
    padding: 80px 16px;
  }
}
.top_guide_wrap.product .top_guide_block {
  padding: 80px 48px;
}
.top_guide_wrap.product .top_guide_block .top_guide_talk {
  width: 260px;
  height: 225px;
  font-size: 16px;
  left: -25px;
}
.top_guide_wrap .common_top_title02 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .common_top_title02 {
    margin: 0 0 24px;
  }
}
.top_guide_wrap .common_related_title {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.top_guide_wrap .top_guide_block {
  position: relative;
  background: #fefced;
  background: rgba(28, 151, 181, 0.24);
  padding: 120px 16px;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_block {
    padding: 40px 16px;
  }
}
.top_guide_wrap .top_guide_block .top_guide_talk {
  position: absolute;
  left: -67px;
  top: -94px;
  background: url("../images/index/guide_talk_bg.png") center center no-repeat;
  background-size: contain;
  width: 315px;
  height: 272px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8;
  color: #333;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width:1366px) {
  .top_guide_wrap .top_guide_block .top_guide_talk {
    left: -24px;
  }
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_block .top_guide_talk {
    width: 174px;
    height: 150px;
    font-size: 11px;
    left: -18px;
    top: -80px;
  }
}
.top_guide_wrap .top_guide_block .top_guide_talk span {
  position: absolute;
  left: 50%;
  top: calc(50% - 10px);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.top_guide_wrap .top_guide_inner {
  max-width: 985px;
  width: 100%;
  margin: 0 auto;
}
.top_guide_wrap .top_guide_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_list {
    margin: 0 0 12px;
  }
}
@media only screen and (max-width:640px) {
  .top_guide_wrap .top_guide_list {
    display: block;
    margin: 0 0 28px;
  }
}
.top_guide_wrap .top_guide_list .top_guide_item {
  width: calc(50% - 12px);
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_list .top_guide_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}
@media only screen and (max-width:640px) {
  .top_guide_wrap .top_guide_list .top_guide_item {
    width: 100%;
  }
}
.top_guide_wrap .top_guide_list .top_guide_link {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  background: #fff;
  height: 100%;
  padding: 16px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:640px) {
  .top_guide_wrap .top_guide_list .top_guide_link {
    padding: 8px;
  }
}
.top_guide_wrap .top_guide_list .top_guide_link:hover {
  background: #1C97B5;
}
.top_guide_wrap .top_guide_list .top_guide_link:hover .top_guide_pic_block .top_guide_pic {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
}
.top_guide_wrap .top_guide_list .top_guide_link:hover .top_guide_main {
  color: #fff;
}
.top_guide_wrap .top_guide_list .top_guide_pic_block {
  position: relative;
  width: 198px;
  height: 124px;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_list .top_guide_pic_block {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width:640px) {
  .top_guide_wrap .top_guide_list .top_guide_pic_block {
    width: 63px;
    height: 63px;
  }
}
.top_guide_wrap .top_guide_list .top_guide_pic_block .top_guide_pic {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.top_guide_wrap .top_guide_list .top_guide_main {
  width: calc(100% - 214px);
  margin: 0 0 0 16px;
  color: #333;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_list .top_guide_main {
    margin: 0 0 0 8px;
    width: calc(100% - 79px);
  }
}
.top_guide_wrap .top_guide_list .top_guide_main .top_guide_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 4px;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_list .top_guide_main .top_guide_title {
    font-size: 14px;
  }
}
@media only screen and (max-width:640px) {
  .top_guide_wrap .top_guide_list .top_guide_main .top_guide_title {
    -webkit-line-clamp: 1;
    margin: 0;
  }
}
.top_guide_wrap .top_guide_list .top_guide_main .top_guide_text {
  font-size: 12px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_list .top_guide_main .top_guide_text {
    font-size: 11px;
  }
}
@media only screen and (max-width:640px) {
  .top_guide_wrap .top_guide_list .top_guide_main .top_guide_text {
    -webkit-line-clamp: 2;
  }
}
.top_guide_wrap .top_guide_sublist {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 0 -16px;
}
@media only screen and (max-width:640px) {
  .top_guide_wrap .top_guide_sublist {
    display: block;
  }
}
.top_guide_wrap .top_guide_sublist .top_guide_subitem {
  margin: 0 0 16px;
  width: calc(50% - 12px);
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_sublist .top_guide_subitem {
    width: calc(50% - 8px);
  }
}
@media only screen and (max-width:640px) {
  .top_guide_wrap .top_guide_sublist .top_guide_subitem {
    width: 100%;
  }
}
.top_guide_wrap .top_guide_sublist .top_guide_sublink {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: 100%;
  height: 100%;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 48px 8px 16px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_sublist .top_guide_sublink {
    padding: 8px 32px 8px 8px;
    background-position: right 8px center;
  }
}
.top_guide_wrap .top_guide_sublist .top_guide_sublink:hover {
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #1C97B5;
  background-size: 16px;
}
.top_guide_wrap .top_guide_sublist .top_guide_sublink:hover .top_guide_text {
  color: #fff;
}
.top_guide_wrap .top_guide_sublist .top_guide_icon {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px #333 solid;
  background: #fff;
  margin: 0 16px 0 0;
  padding: 2px;
}
.top_guide_wrap .top_guide_sublist .top_guide_icon .top_guide_icon_img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.top_guide_wrap .top_guide_sublist .top_guide_text {
  width: calc(100% - 48px);
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .top_guide_wrap .top_guide_sublist .top_guide_text {
    width: calc(100% - 40px);
  }
}

.top_search_wrap {
  padding: 80px 0;
  position: relative;
  /*
  &:after{
  		content:"";
  		display: block;
  		width: calc( 100% - 80px );
  		height: 100%;
  		background: url(var.$get_img+"index/search_bg.png") center top no-repeat;
  		background-size: 100%;
  		position: absolute;
  		top: 0;
  		right: 0;
  		@media only screen and (max-width:1200px){
  			width: calc( 100% - 40px );
  		}
  		@media only screen and (max-width:960px){
  			width: 100%;
  		}
  		@media only screen and (max-width:640px){
  			background: url(var.$get_img+"index/search_bg_sp.png") center top no-repeat;
  			background-size: 100%;
  		}
  	}
  */
}
@media only screen and (max-width:960px) {
  .top_search_wrap {
    padding: 40px 16px;
  }
}
.top_search_wrap:before {
  content: "";
  display: block;
  width: calc(100% - 80px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width:1200px) {
  .top_search_wrap:before {
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width:960px) {
  .top_search_wrap:before {
    width: 100%;
  }
}
.top_search_wrap .top_search_head_title_block {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.top_search_wrap .common_top_title03 {
  width: calc(100% - 173px);
  margin: 0 0 80px;
}
@media only screen and (max-width:1440px) {
  .top_search_wrap .common_top_title03 {
    max-width: 1107px;
    width: 100%;
  }
}
@media only screen and (max-width:960px) {
  .top_search_wrap .common_top_title03 {
    display: flex;
    display: -ms-flexbox;
    margin: 0 0 40px;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
}
@media only screen and (max-width:960px) {
  .top_search_wrap .common_top_title03 small {
    color: #1C97B5;
  }
}
.top_search_wrap .common_all-l_link {
  margin: 0 0 16px;
}
.top_search_wrap .top_search_block {
  z-index: 5;
  position: relative;
  padding: 0 80px 0 160px;
}
@media only screen and (max-width:1200px) {
  .top_search_wrap .top_search_block {
    padding: 0 40px 0 80px;
  }
}
@media only screen and (max-width:960px) {
  .top_search_wrap .top_search_block {
    padding: 0;
  }
}
.top_search_wrap .top_search_block .search_dot01 {
  display: block;
  position: absolute;
  top: 5%;
  right: 30%;
  animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
}
@media only screen and (max-width:960px) {
  .top_search_wrap .top_search_block .search_dot01 {
    width: 15%;
  }
}
.top_search_wrap .top_search_block .search_dot02 {
  display: block;
  position: absolute;
  top: 15%;
  left: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 0.5s;
}
@media only screen and (max-width:960px) {
  .top_search_wrap .top_search_block .search_dot02 {
    width: 15%;
  }
}
.top_search_wrap .top_search_block .search_dot03 {
  display: block;
  position: absolute;
  top: 50%;
  right: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .top_search_wrap .top_search_block .search_dot03 {
    width: 15%;
  }
}
.top_search_wrap .top_search_block .search_dot04 {
  display: block;
  position: absolute;
  bottom: 15%;
  left: 50%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .top_search_wrap .top_search_block .search_dot04 {
    width: 15%;
  }
}
.top_search_wrap .top_search_inner {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.top_search_wrap .top_search2_box {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.top_search_wrap .top_search2_box .top_search_list2 {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  width: calc(100% - 173px);
}
@media only screen and (max-width:1440px) {
  .top_search_wrap .top_search2_box .top_search_list2 {
    max-width: 1107px;
    width: 100%;
  }
}
.top_search_wrap .top_search2_box .top_search_list2 li img {
  width: 16px;
  margin-bottom: -4px;
}
.top_search_wrap .top_search2_box .top_search_list2 li a {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: #1C97B5;
  background: #fff;
  padding: 8px 10px 8px 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
  background: #f2f2f2;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.top_search_wrap .top_search_list {
  width: calc(100% - 173px);
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
@media only screen and (max-width:1440px) {
  .top_search_wrap .top_search_list {
    max-width: 1107px;
    width: 100%;
  }
}
@media only screen and (max-width:768px) {
  .top_search_wrap .top_search_list {
    margin: 0 0 8px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.top_search_wrap .top_search_list .top_search_item {
  width: calc((100% - 60px) / 4);
  margin: 0 20px 24px 0;
}
@media only screen and (max-width:768px) {
  .top_search_wrap .top_search_list .top_search_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}
.top_search_wrap .top_search_list .top_search_item:hover {
  opacity: 0.7;
}
.top_search_wrap .top_search_list .top_search_item:hover .top_search_pic2 {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
}
.top_search_wrap .top_search_list .top_search_item:nth-of-type(4n) {
  margin: 0 0 24px;
}
@media only screen and (max-width:768px) {
  .top_search_wrap .top_search_list .top_search_item:nth-of-type(4n) {
    margin: 0 0 16px;
  }
}
.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n + 1) .top_search_link {
  border: 8px solid #5bae91;
  background: #5bae91;
}
.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n + 2) .top_search_link {
  border: 8px solid #e2855e;
  background: #e2855e;
}
.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n + 3) .top_search_link {
  border: 8px solid #e0b03b;
  background: #e0b03b;
}
.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n + 4) .top_search_link {
  border: 8px solid #d67a8f;
  background: #d67a8f;
}
.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n + 5) .top_search_link {
  border: 8px solid #5f9c9d;
  background: #5f9c9d;
}
.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n + 6) .top_search_link {
  border: 8px solid #5bae91;
  background: #5bae91;
}
.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n + 7) .top_search_link {
  border: 8px solid #e2855e;
  background: #e2855e;
}
.top_search_wrap .top_search_list .top_search_item:nth-of-type(8n + 8) .top_search_link {
  border: 8px solid #e0b03b;
  background: #e0b03b;
}
.top_search_wrap .top_search_list .top_search_link {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 4px solid #4a9c8c;
}
.top_search_wrap .top_search_list .top_search_link:hover .top_search_pic {
  transform: translateX(-50%) translateY(-50%) scale(1.4) rotateY(360deg);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.4) rotateY(360deg);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.4) rotateY(360deg);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.4) rotateY(360deg);
}
.top_search_wrap .top_search_list .top_search_pic2 {
  width: 100%;
  height: 160px;
  border-radius: 120px 120px 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 5;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
@media only screen and (max-width:768px) {
  .top_search_wrap .top_search_list .top_search_pic2 {
    height: 140px;
  }
}
.top_search_wrap .top_search_list .top_search_head {
  position: relative;
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto 8px;
}
@media only screen and (max-width:768px) {
  .top_search_wrap .top_search_list .top_search_head {
    width: 64px;
    height: 64px;
  }
}
.top_search_wrap .top_search_list .top_search_head .top_search_pic {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100%;
  height: 240px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 5;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
@media only screen and (max-width:768px) {
  .top_search_wrap .top_search_list .top_search_head .top_search_pic {
    width: 55px;
    height: 55px;
  }
}
.top_search_wrap .top_search_list .top_search_body {
  width: 100%;
  padding: 8px;
}
.top_search_wrap .top_search_list .top_search_title_block {
  text-align: center;
  background: url("assets/images/button/arrow_icon.svg") right top 6px no-repeat;
  background-size: 13px;
  margin: -24px 0 8px;
}
@media only screen and (max-width:768px) {
  .top_search_wrap .top_search_list .top_search_title_block {
    background: none;
    padding: 0;
  }
}
.top_search_wrap .top_search_list .top_search_title_block .top_search_title {
  font-size: 18px;
  line-height: 1.5;
  display: inline;
  color: #333;
  background: #fff;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width:960px) {
  .top_search_wrap .top_search_list .top_search_title_block .top_search_title {
    font-size: 12px;
  }
}
.top_search_wrap .top_search_list .top_search_text {
  font-size: 12px;
  line-height: 1.8;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .top_search_wrap .top_search_list .top_search_text {
    font-size: 11px;
  }
}
.top_search_wrap .top_search_list2 {
  width: calc(100% - 173px);
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.top_new_studio {
  margin: 80px 0;
}
@media only screen and (max-width:960px) {
  .top_new_studio {
    margin: 0;
  }
}

.top_voice_wrap {
  padding: 80px 35px;
}
@media only screen and (max-width:960px) {
  .top_voice_wrap {
    padding: 80px 16px 40px;
  }
}
.top_voice_wrap .common_top_title01 {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 0 0 90px;
}
@media only screen and (max-width:960px) {
  .top_voice_wrap .common_top_title01 {
    text-align: center;
    margin: 0;
  }
}
@media only screen and (max-width:960px) {
  .top_voice_wrap .common_top_title01 small {
    display: block;
    margin: 8px 0 0;
  }
}
.top_voice_wrap .top_voice_block {
  margin: 0 0 90px;
}
@media only screen and (max-width:960px) {
  .top_voice_wrap .top_voice_block {
    margin: 0;
  }
}
.top_voice_wrap .voice_list {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  margin: 0;
}
@media only screen and (max-width:960px) {
  .top_voice_wrap .voice_list {
    margin: 0 -16px;
  }
}
.top_voice_wrap .voice_list .slick-slide:nth-of-type(3n + 1) .voice_link {
  margin: 28px 0 0;
}
.top_voice_wrap .voice_list .slick-slide:nth-of-type(3n + 2) .voice_link {
  margin: 60px 0 0;
}
.top_voice_wrap .voice_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-flex !important;
}
.top_voice_wrap .voice_list .slick-slide {
  height: inherit !important;
}
.top_voice_wrap .voice_list .voice_item {
  width: calc((100% - 48px) / 3);
}
@media only screen and (max-width:960px) {
  .top_voice_wrap .voice_list .voice_item {
    width: inherit;
  }
}
.top_voice_wrap .voice_list .voice_item:first-of-type {
  padding: 80px 0 0;
  margin: 0 24px 0 0;
}
@media only screen and (max-width:960px) {
  .top_voice_wrap .voice_list .voice_item:first-of-type {
    padding: 40px 12px;
  }
}
.top_voice_wrap .voice_list .voice_item:nth-of-type(2) {
  padding: 40px 0 0;
  margin: 0 24px 0 0;
}
@media only screen and (max-width:960px) {
  .top_voice_wrap .voice_list .voice_item:nth-of-type(2) {
    padding: 40px 12px;
  }
}
.top_voice_wrap .voice_list .voice_item:nth-of-type(3) {
  margin: 0;
}
@media only screen and (max-width:960px) {
  .top_voice_wrap .voice_list .voice_item:nth-of-type(3) {
    padding: 40px 12px;
  }
}
.top_voice_wrap .voice_list .voice_head .voice_label {
  top: 16px;
  right: 16px;
  max-width: calc(100% - 32px);
  font-size: 14px;
}
@media only screen and (max-width:1200px) {
  .top_voice_wrap .voice_list .voice_head .voice_label {
    top: 12px;
    right: 12px;
    max-width: calc(100% - 24px);
    font-size: 12px;
  }
}
@media only screen and (max-width:960px) {
  .top_voice_wrap .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}
.top_voice_wrap .voice_list .voice_head .voice_head_inner {
  height: 260px;
}
@media only screen and (max-width:1200px) {
  .top_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 200px;
  }
}
@media only screen and (max-width:640px) {
  .top_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}
.top_voice_wrap .voice_list .voice_body {
  padding: 52px 16px 32px;
}
@media only screen and (max-width:1200px) {
  .top_voice_wrap .voice_list .voice_body {
    padding: 40px 16px 28px;
  }
}
.top_voice_wrap .voice_list .voice_body .voice_mem {
  width: 88px;
  height: 88px;
  border: 8px #fff solid;
  top: -44px;
}
@media only screen and (max-width:1200px) {
  .top_voice_wrap .voice_list .voice_body .voice_mem {
    height: 64px;
    width: 64px;
    border: 5px #fff solid;
    top: -32px;
  }
}
.top_voice_wrap .voice_list .voice_body .voice_title {
  font-size: 20px;
}
@media only screen and (max-width:1200px) {
  .top_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 16px;
  }
}
@media only screen and (max-width:640px) {
  .top_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}

.top_point_wrap {
  padding: 80px 16px;
}
@media only screen and (max-width:960px) {
  .top_point_wrap {
    padding: 40px 16px;
  }
}
.top_point_wrap .common_top_title01 {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .common_top_title01 {
    text-align: center;
    margin: 0 0 40px;
  }
}
@media only screen and (max-width:960px) {
  .top_point_wrap .common_top_title01 small {
    display: block;
    margin: 8px 0 0;
  }
}
.top_point_wrap .top_point_block {
  display: flex;
  display: -ms-flexbox;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_block {
    display: block;
  }
}
.top_point_wrap .top_point_main {
  width: 538px;
  background: url("../images/index/img_about_01.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  margin: 0 40px 0 0;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_main {
    background: none;
    width: 100%;
    margin: 0;
    height: auto;
    filter: drop-shadow(8px 10px 20px rgba(0, 0, 0, 0));
    padding: 263px 0 0;
  }
}
.top_point_wrap .top_point_main:before {
  content: "";
  display: none;
  width: 100%;
  height: 413px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/index/img_about_01.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_main:before {
    display: block;
  }
}
.top_point_wrap .top_point_main .top_point_main_box {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: calc(100% - 87px);
  padding: 70px 40px 12px 8px;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_main .top_point_main_box {
    position: relative;
    width: calc(100% - 24px);
    padding: 40px 24px 32px 0;
  }
}
.top_point_wrap .top_point_main .top_point_main_title {
  font-size: 24px;
  line-height: 1.5;
  color: black;
  font-weight: 700;
  margin: 0 0 30px;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_main .top_point_main_title {
    font-size: 20px;
    margin: 0 0 8px;
  }
}
.top_point_wrap .top_point_main .top_point_main_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  color: black;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_main .top_point_main_text {
    font-size: 14px;
    margin: 0 0 8px;
  }
}
.top_point_wrap .top_point_main .top_point_main_text a {
  color: #1C97B5;
}
.top_point_wrap .top_point_list {
  width: 694px;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 0 -40px;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_list {
    width: 100%;
    margin: 0 0 -16px;
  }
}
.top_point_wrap .top_point_list .top_point_item {
  width: calc(50% - 20px);
  background: #f1f1f1;
  filter: drop-shadow(8px 10px 8px rgba(0, 0, 0, 0.16));
  padding: 27px 16px 32px;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_list .top_point_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
    padding: 8px;
    min-height: inherit;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.16));
  }
}
.top_point_wrap .top_point_list .top_point_box {
  max-width: 254px;
  width: 100%;
  margin: 0 auto;
}
.top_point_wrap .top_point_list .top_point_item_title {
  font-size: 18px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_list .top_point_item_title {
    font-size: 12px;
    margin: 0 0 8px;
  }
}
.top_point_wrap .top_point_list .top_point_pic {
  display: block;
  width: 100%;
  max-width: 160px;
  min-width: 160px;
  margin: 0 auto 8px;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_list .top_point_pic {
    max-width: 80px;
    margin: 0 auto 8px;
    min-width: auto;
  }
}
.top_point_wrap .top_point_list .top_point_item_text {
  font-size: 14px;
  line-height: 1.8;
  color: black;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .top_point_wrap .top_point_list .top_point_item_text {
    font-size: 11px;
  }
}
.top_point_wrap .top_point_list .top_point_item_text a {
  color: #1C97B5;
  text-decoration: underline;
}

.top_activities_wrap {
  padding: 80px 16px;
}
@media only screen and (max-width:960px) {
  .top_activities_wrap {
    padding: 40px 16px 80px;
  }
}
.top_activities_wrap .common_top_title01 {
  margin: 0 0 32px;
}
@media only screen and (max-width:960px) {
  .top_activities_wrap .common_top_title01 {
    text-align: center;
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:960px) {
  .top_activities_wrap .common_top_title01 small {
    display: block;
    margin: 8px 0 0;
  }
}
.top_activities_wrap .top_activities_list {
  display: flex;
  display: -ms-flexbox;
  margin: 0 0 32px;
}
@media only screen and (max-width:960px) {
  .top_activities_wrap .top_activities_list {
    margin: 0 0 40px;
  }
}
@media only screen and (max-width:768px) {
  .top_activities_wrap .top_activities_list {
    display: block;
  }
}
.top_activities_wrap .top_activities_list .top_activities_item {
  width: calc((100% - 80px) / 3);
  margin: 0 40px 0 0;
}
@media only screen and (max-width:1200px) {
  .top_activities_wrap .top_activities_list .top_activities_item {
    width: calc((100% - 48px) / 3);
    margin: 0 24px 0 0;
  }
}
@media only screen and (max-width:768px) {
  .top_activities_wrap .top_activities_list .top_activities_item {
    width: 100%;
    margin: 0 0 24px;
  }
}
.top_activities_wrap .top_activities_list .top_activities_item:last-of-type {
  margin: 0;
}
.top_activities_wrap .top_activities_list .column_link .column_pic_block {
  height: 257px;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .top_activities_wrap .top_activities_list .column_link .column_pic_block {
    height: 228px;
    margin: 0 0 8px;
  }
}
.top_activities_wrap .top_activities_list .column_link .column_title {
  font-size: 20px;
}
@media only screen and (max-width:960px) {
  .top_activities_wrap .top_activities_list .column_link .column_title {
    font-size: 18px;
  }
}
.top_activities_wrap .top_activities_list .column_link .column_main {
  padding: 0 16px;
}
.top_activities_wrap .top_activities_list .column_link .column_text {
  font-size: 16px;
}
@media only screen and (max-width:960px) {
  .top_activities_wrap .top_activities_list .column_link .column_text {
    font-size: 12px;
  }
}
.top_activities_wrap .top_activities_list .column_tag_list {
  padding: 0 16px;
}

.top_ec_wrap {
  width: 100%;
  margin: 0 auto 80px;
}
.top_ec_wrap .top_ec_block {
  display: flex;
  display: -ms-flexbox;
  position: relative;
  overflow: hidden;
  background: #192636;
}
@media only screen and (max-width:960px) {
  .top_ec_wrap .top_ec_block {
    display: block;
  }
}
.top_ec_wrap .top_ec_main {
  padding: 80px 16px;
  position: relative;
  z-index: 5;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width:960px) {
  .top_ec_wrap .top_ec_main {
    width: 100%;
    padding: 40px 16px;
  }
}
.top_ec_wrap .top_ec_sub {
  width: 50%;
  background-size: cover;
  background: url("../images/index/about.jpg") center center no-repeat;
}
@media only screen and (max-width:960px) {
  .top_ec_wrap .top_ec_sub {
    width: 100%;
    height: 200px;
  }
}
.top_ec_wrap .top_ec_subtitle {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .top_ec_wrap .top_ec_subtitle {
    font-size: 14px;
    margin: 0 0 16px;
  }
}
.top_ec_wrap .top_ec_logo {
  display: block;
  width: 168px;
  margin: 0 auto 24px;
}
@media only screen and (max-width:960px) {
  .top_ec_wrap .top_ec_logo {
    width: 150px;
    margin: 0 auto 28px;
  }
}
.top_ec_wrap .top_ec_text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
  margin: 0 0 43px;
}
@media only screen and (max-width:960px) {
  .top_ec_wrap .top_ec_text {
    font-size: 14px;
    margin: 0 0 28px;
  }
}
.top_ec_wrap .top_ec_text span {
  display: block;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .top_ec_wrap .top_ec_text span {
    margin: 0 0 24px;
  }
}
.top_ec_wrap .top_ec_text span:last-of-type {
  margin: 0;
}
@media only screen and (max-width:640px) {
  .top_ec_wrap .common_btn01 {
    font-size: 16px;
    max-width: 220px;
  }
}

.top_videos_wrap {
  padding: 80px 16px;
  background: #ececec;
  margin: 0 auto 80px;
}
@media only screen and (max-width:640px) {
  .top_videos_wrap {
    padding: 40px 16px;
  }
}
.top_videos_wrap .common_top_title02_wrap {
  margin-bottom: 24px;
}
.top_videos_wrap .common_top_title02_wrap p {
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
}
.top_videos_wrap .top_videos_block {
  width: 100%;
  margin: 0 auto;
}
.top_videos_wrap .top_videos_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (max-width:640px) {
  .top_videos_wrap .top_videos_list {
    flex-direction: column;
    gap: 20px;
  }
}
.top_videos_wrap .top_videos_item {
  width: calc((100% - 80px) / 2);
}
@media only screen and (max-width:640px) {
  .top_videos_wrap .top_videos_item {
    width: 100%;
  }
}
.top_videos_wrap .top_videos_thumb {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 8px;
}
.top_videos_wrap .top_videos_thumb iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.top_videos_wrap .top_videos_text h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 8px;
}
.top_videos_wrap .top_videos_text p {
  font-size: 14px;
  line-height: 1.5;
}

.top_news_wrap {
  position: relative;
  padding: 80px 16px;
}
@media only screen and (max-width:960px) {
  .top_news_wrap {
    padding: 40px 16px;
  }
}
.top_news_wrap .common_top_title01 {
  margin: 0 0 32px;
}
@media only screen and (max-width:960px) {
  .top_news_wrap .common_top_title01 {
    margin: 0 0 24px;
  }
}
.top_news_wrap .top_news_bg {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: calc(40% - 20px);
  background: url("../images/index/sample_01-scaled.jpg") center center no-repeat;
  background-size: cover;
}
@media only screen and (max-width:960px) {
  .top_news_wrap .top_news_bg {
    height: 280px;
    width: 280px;
  }
}
@media only screen and (max-width:640px) {
  .top_news_wrap .top_news_bg {
    height: 200px;
    width: 200px;
  }
}
@media only screen and (max-width:350px) {
  .top_news_wrap .top_news_bg {
    height: 200px;
    width: 200px;
  }
}
.top_news_wrap .top_news_bg:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.top_news_wrap .top_news_block {
  width: calc(100% - 280px);
}
@media only screen and (max-width:960px) {
  .top_news_wrap .top_news_block {
    width: 100%;
  }
}
.top_news_wrap .top_news_category_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 12px;
}
@media only screen and (max-width:960px) {
  .top_news_wrap .top_news_category_list {
    margin: 0;
  }
}
.top_news_wrap .top_news_category_list .top_news_category_item {
  margin: 0 8px 8px 0;
}
.top_news_wrap .news_list {
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .top_news_wrap .news_list {
    margin: 0 0 24px;
  }
}
.top_news_wrap .news_list .news_link:after {
  width: calc(100% - 36px);
}

.top_category_label input {
  display: none;
}
.top_category_label .top_category_text {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  color: #9D9D9D;
  background: #EAEAEA;
  padding: 2px 16px;
  font-weight: 700;
  border-radius: 24px;
}
@media only screen and (max-width:960px) {
  .top_category_label .top_category_text {
    padding: 2px 8px;
    font-size: 13px;
  }
}
.top_category_label input:checked + .top_category_text {
  background: #1C97B5;
  color: #fff;
}

.top_column_wrap {
  padding: 80px 16px;
}
@media only screen and (max-width:960px) {
  .top_column_wrap {
    padding: 40px 16px;
  }
}
.top_column_wrap .common_top_title01 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .common_top_title01 {
    margin: 0 0 24px;
  }
}
.top_column_wrap .top_column_info {
  position: relative;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_info {
    margin: 0 0 16px;
  }
}
.top_column_wrap .top_column_info .top_column_category_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: calc(100% - 330px);
  margin: 0 auto -8px;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_info .top_column_category_list {
    width: 100%;
    margin: 0 auto;
  }
}
.top_column_wrap .top_column_info .top_column_category_list .top_column_category_item {
  margin: 0 4px 8px;
}
.top_column_wrap .top_column_info .common_all-l_link {
  position: absolute;
  right: 0;
  top: -6px;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_info .common_all-l_link {
    position: relative;
    right: inherit;
    top: inherit;
  }
}
.top_column_wrap .top_column_list {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_list {
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:640px) {
  .top_column_wrap .top_column_list {
    display: block;
    margin: 0;
  }
}
.top_column_wrap .top_column_list .top_column_item {
  margin: 0 64px 0 0;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_list .top_column_item {
    margin: 0 2% 0 0;
  }
}
@media only screen and (max-width:640px) {
  .top_column_wrap .top_column_list .top_column_item {
    margin: 0 0 24px;
  }
}
.top_column_wrap .top_column_list .top_column_item:first-of-type {
  width: 476px;
}
@media only screen and (max-width:640px) {
  .top_column_wrap .top_column_list .top_column_item:first-of-type {
    width: 100%;
  }
}
.top_column_wrap .top_column_list .top_column_item:first-of-type .top_column_pic_block .top_column_pic {
  height: 360px;
}
@media only screen and (max-width:640px) {
  .top_column_wrap .top_column_list .top_column_item:first-of-type .top_column_pic_block .top_column_pic {
    height: 228px;
  }
}
.top_column_wrap .top_column_list .top_column_item:nth-of-type(2) {
  width: 360px;
  padding: 80px 0 0;
}
@media only screen and (max-width:640px) {
  .top_column_wrap .top_column_list .top_column_item:nth-of-type(2) {
    width: 100%;
    padding: 0;
  }
}
.top_column_wrap .top_column_list .top_column_item:nth-of-type(2) .top_column_pic_block .top_column_pic {
  height: 320px;
}
@media only screen and (max-width:640px) {
  .top_column_wrap .top_column_list .top_column_item:nth-of-type(2) .top_column_pic_block .top_column_pic {
    height: 228px;
  }
}
.top_column_wrap .top_column_list .top_column_item:nth-of-type(3) {
  width: 322px;
  margin: 0;
}
@media only screen and (max-width:640px) {
  .top_column_wrap .top_column_list .top_column_item:nth-of-type(3) {
    width: 100%;
    padding: 0;
  }
}
.top_column_wrap .top_column_list .top_column_item:nth-of-type(3) .top_column_pic_block .top_column_pic {
  height: 320px;
}
@media only screen and (max-width:640px) {
  .top_column_wrap .top_column_list .top_column_item:nth-of-type(3) .top_column_pic_block .top_column_pic {
    height: 228px;
  }
}
.top_column_wrap .top_column_list .top_column_link {
  display: block;
  width: 100%;
}
.top_column_wrap .top_column_list .top_column_link:hover .top_column_pic_block .top_column_pic {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
}
.top_column_wrap .top_column_list .top_column_pic_block {
  overflow: hidden;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_list .top_column_pic_block {
    margin: 0 0 8px;
  }
}
.top_column_wrap .top_column_list .top_column_pic_block .top_column_pic {
  display: block;
  width: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.top_column_wrap .top_column_list .top_column_label_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.top_column_wrap .top_column_list .top_column_label_list .top_column_label_item {
  margin: 0 8px 8px 0;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_list .top_column_label_list .top_column_label_item {
    margin: 0 4px 4px 0;
  }
}
.top_column_wrap .top_column_list .top_column_label {
  background: #eaeaea;
  display: inline-block;
  padding: 1.5px 16px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  color: #8A8A8A;
  border-radius: 24px;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_list .top_column_label {
    margin: 0 0 4px;
  }
}
.top_column_wrap .top_column_list .top_column_title {
  font-size: 24px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_list .top_column_title {
    font-size: 18px;
    margin: 0 0 4px;
  }
}
.top_column_wrap .top_column_list .top_column_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_list .top_column_text {
    font-size: 11px;
  }
}
.top_column_wrap .top_column_key_list {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.top_column_wrap .top_column_key_list .top_column_key_item {
  margin: 8px 8px 0 0;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_key_list .top_column_key_item {
    margin: 4px 8px 0 0;
  }
}
.top_column_wrap .top_column_key_list .top_column_key_link {
  display: inline-block;
  color: #8A8A8A;
  font-size: 11px;
  line-height: 1.5;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.top_column_wrap .top_column_key_list .top_column_key_link:hover {
  color: #1C97B5;
  text-decoration: underline;
}
@media only screen and (max-width:960px) {
  .top_column_wrap .top_column_key_list .top_column_key_link {
    font-size: 10px;
  }
}
.top_column_wrap .top_column_key_list .top_column_key_link:before {
  content: "#";
}

.top_member_wrap {
  padding: 80px 16px;
}
@media only screen and (max-width:960px) {
  .top_member_wrap {
    padding: 40px 16px;
  }
}
.top_member_wrap .top_member_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 20px;
}
.top_member_wrap .top_member_list li {
  width: calc((100% - 80px) / 5);
}
@media only screen and (max-width:960px) {
  .top_member_wrap .top_member_list li {
    width: calc((100% - 40px) / 3);
  }
}
.top_member_wrap .top_member_list .top_member_img {
  background-size: cover;
  background-position: center;
  width: 100%;
  border-radius: 200px;
  aspect-ratio: 1/1;
  border: 1px solid #333;
  margin: 0 0 16px 0;
}
.top_member_wrap .top_member_list .top_member_text h3 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 8px 0;
}
@media only screen and (max-width:960px) {
  .top_member_wrap .top_member_list .top_member_text h3 {
    font-size: 16px;
  }
}
.top_member_wrap .top_member_list .top_member_text p {
  font-size: 14px;
  line-height: 1.5;
  color: #818181;
}
@media only screen and (max-width:960px) {
  .top_member_wrap .top_member_list .top_member_text p {
    font-size: 12px;
  }
}

.top_company_wrap {
  display: flex;
  display: -ms-flexbox;
}
@media only screen and (max-width:640px) {
  .top_company_wrap {
    display: block;
  }
}
.top_company_wrap .top_company_box {
  width: 100%;
  position: relative;
}
@media only screen and (max-width:640px) {
  .top_company_wrap .top_company_box {
    width: 100%;
  }
}
.top_company_wrap .top_company_box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.top_company_wrap .top_company_link {
  position: relative;
  display: block;
  width: 100%;
  padding: 80px 16px;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .top_company_wrap .top_company_link {
    padding: 40px 16px;
  }
}
.top_company_wrap .top_company_title {
  font-size: 32px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  margin: 0 0 32px;
}
@media only screen and (max-width:960px) {
  .top_company_wrap .top_company_title {
    font-size: 20px;
    margin: 0 0 24px;
  }
}
.top_company_wrap .top_company_title span {
  display: block;
  font-size: 12px;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .top_company_wrap .top_company_title span {
    font-size: 11px;
  }
}
.top_company_wrap .top_company_text {
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
  max-width: 493px;
  width: 100%;
  margin: 0 auto 32px;
}
@media only screen and (max-width:960px) {
  .top_company_wrap .top_company_text {
    font-size: 13px;
    margin: 0 auto 24px;
  }
}
.top_company_wrap .common_all-l_link {
  color: #fff;
  font-weight: 500;
}
@media only screen and (max-width:960px) {
  .top_company_wrap .common_all-l_link {
    font-weight: 700;
  }
}
@media only screen and (max-width:960px) {
  .top_company_wrap .common_all-l_link small {
    margin: 0 0 0 8px;
  }
}

.top_contact_wrap {
  position: relative;
  background: #ececec;
}
@media only screen and (max-width:960px) {
  .top_contact_wrap {
    min-height: inherit;
  }
}
.top_contact_wrap .top_contact_inner {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width:960px) {
  .top_contact_wrap .top_contact_inner {
    padding: 40px 0;
  }
}
.top_contact_wrap .top_contact_pic01 {
  display: block;
  width: 416px;
  position: absolute;
  left: 0;
  top: 160px;
}
@media only screen and (max-width:1200px) {
  .top_contact_wrap .top_contact_pic01 {
    opacity: 0.7;
  }
}
@media only screen and (max-width:960px) {
  .top_contact_wrap .top_contact_pic01 {
    width: 208px;
    opacity: 1;
    top: 64px;
    left: -40px;
  }
}
@media only screen and (max-width:640px) {
  .top_contact_wrap .top_contact_pic01 {
    width: 75px;
    left: -16px;
  }
}
.top_contact_wrap .top_contact_pic02 {
  display: block;
  width: 416px;
  position: absolute;
  right: 0;
  top: 160px;
}
@media only screen and (max-width:1200px) {
  .top_contact_wrap .top_contact_pic02 {
    opacity: 0.7;
  }
}
@media only screen and (max-width:960px) {
  .top_contact_wrap .top_contact_pic02 {
    width: 208px;
    opacity: 1;
    top: 64px;
    right: -40px;
  }
}
@media only screen and (max-width:640px) {
  .top_contact_wrap .top_contact_pic02 {
    width: 80px;
    right: -16px;
  }
}
.top_contact_wrap .top_contact_block {
  position: relative;
  z-index: 5;
  max-width: 530px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.top_contact_wrap .top_contact_block .top_contact_title {
  font-size: 64px;
  color: black;
  line-height: 1.5;
  font-weight: 700;
  margin: 0 0 50px;
}
@media only screen and (max-width:960px) {
  .top_contact_wrap .top_contact_block .top_contact_title {
    font-size: 32px;
    margin: 0 0 24px;
  }
}
.top_contact_wrap .top_contact_block .top_contact_title span {
  display: block;
  font-size: 24px;
  color: #1C97B5;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .top_contact_wrap .top_contact_block .top_contact_title span {
    font-size: 14px;
  }
}
.top_contact_wrap .top_contact_block .top_contact_subtitle {
  font-size: 24px;
  line-height: 1.8;
  font-weight: 700;
  color: black;
  margin: 0 0 50px;
}
@media only screen and (max-width:960px) {
  .top_contact_wrap .top_contact_block .top_contact_subtitle {
    font-size: 18px;
    margin: 0 0 24px;
  }
}
.top_contact_wrap .top_contact_block .top_contact_text {
  font-size: 16px;
  color: black;
  line-height: 1.8;
  font-weight: 500;
  margin: 0 0 48px;
}
@media only screen and (max-width:960px) {
  .top_contact_wrap .top_contact_block .top_contact_text {
    font-size: 14px;
    margin: 0 0 24px;
  }
}
.top_contact_wrap .top_contact_img {
  position: absolute;
  width: 80%;
  bottom: 0px;
  left: 50%;
  opacity: 0.4;
  transform: translateX(-50%);
}
@media only screen and (max-width:960px) {
  .top_contact_wrap .top_contact_img {
    width: 90%;
  }
}
.top_contact_wrap .top_contact_img img {
  width: 100%;
}

/*=================

    product.scss

=======================*/
.common_product_list {
  display: flex;
  display: -ms-flexbox;
  margin: 0 0 -24px;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
@media only screen and (max-width:1200px) {
  .common_product_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:640px) {
  .common_product_list {
    display: block;
    margin: 0;
  }
}
.common_product_list .common_product_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 24px 0;
}
@media only screen and (max-width:1200px) {
  .common_product_list .common_product_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:640px) {
  .common_product_list .common_product_item {
    width: 100%;
    padding: 0 24px;
  }
}
.common_product_list .common_product_item:nth-of-type(3n) {
  margin: 0 0 24px;
}
@media only screen and (max-width:640px) {
  .common_product_list .common_product_item:last-of-type {
    margin: 0;
  }
}
.common_product_list .common_product_item .product_img_list {
  display: flex;
}
.common_product_list .common_product_item .product_img_list li {
  width: 100%;
  aspect-ratio: 16/9;
  background-position: center;
  background-size: cover;
}

.common_product_list2 {
  display: flex;
  display: -ms-flexbox;
  margin: 0 0 -24px;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
@media only screen and (max-width:1200px) {
  .common_product_list2 {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:640px) {
  .common_product_list2 {
    display: block;
    margin: 0;
  }
}
.common_product_list2 .common_product_item {
  width: calc((100% - 24px) / 2);
  margin: 0 24px 24px 0;
}
.common_product_list2 .common_product_item a {
  display: flex;
  display: -ms-flexbox;
}
@media only screen and (max-width:640px) {
  .common_product_list2 .common_product_item a {
    display: block;
  }
}
@media only screen and (max-width:1200px) {
  .common_product_list2 .common_product_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:640px) {
  .common_product_list2 .common_product_item {
    width: 100%;
    padding: 0 24px;
  }
}
.common_product_list2 .common_product_item:nth-of-type(2n) {
  margin: 0 0 24px;
}
@media only screen and (max-width:640px) {
  .common_product_list2 .common_product_item:last-of-type {
    margin: 0;
  }
}
.common_product_list2 .common_product_item .product_pic_wrap {
  width: 50%;
}
@media only screen and (max-width:640px) {
  .common_product_list2 .common_product_item .product_pic_wrap {
    width: 100%;
  }
}
.common_product_list2 .common_product_item .product_text_wrap {
  width: 50%;
}
@media only screen and (max-width:640px) {
  .common_product_list2 .common_product_item .product_text_wrap {
    width: 100%;
  }
}
.common_product_list2 .common_product_item .product_pic {
  aspect-ratio: 16/9;
  height: auto;
  min-height: 180px;
}
@media only screen and (max-width:640px) {
  .common_product_list2 .common_product_item .product_pic {
    min-height: auto;
  }
}
.common_product_list2 .common_product_item .product_img_list {
  display: flex;
}
.common_product_list2 .common_product_item .product_img_list li {
  width: 100%;
  aspect-ratio: 16/9;
  background-position: center;
  background-size: cover;
}

.product_link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.16));
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.product_link:hover {
  opacity: 0.7;
}
.product_link .product_icon {
  display: block;
  width: 48px;
  position: absolute;
  top: -16px;
  left: -16px;
}
@media only screen and (max-width:960px) {
  .product_link .product_icon {
    top: -8px;
    left: -8px;
  }
}
.product_link .product_img_list {
  display: flex;
}
.product_link .product_img_list li {
  width: 100%;
  aspect-ratio: 16/9;
  background-position: center;
  background-size: cover;
}
.product_link .product_text_wrap {
  padding: 12px;
}
.product_link .product_ctg_wrap {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 8px;
}
.product_link .product_label {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  gap: 4px;
  font-size: 12px;
  color: #1C97B5;
  font-weight: 600;
}
.product_link .product_label img {
  width: 20px;
}
.product_link .product_pic {
  width: 100%;
  aspect-ratio: 16/9;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
@media only screen and (max-width:640px) {
  .product_link .product_pic {
    height: 166px;
  }
}
.product_link .product_map {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  gap: 4px;
  font-size: 12px;
  color: #1C97B5;
  font-weight: 600;
}
.product_link .product_map img {
  width: 20px;
}
.product_link .product_title {
  font-size: 18px;
  line-height: 1.4;
  height: 51px;
  /*
  font-size: 16px;
  		line-height: 1.8;
  */
  color: black;
  font-weight: 700;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .product_link .product_title {
    font-size: 14px;
    height: 51px;
  }
}
@media only screen and (max-width:640px) {
  .product_link .product_title {
    height: inherit;
  }
}
.product_link .product_text {
  font-size: 12px;
  color: black;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .product_link .product_text {
    font-size: 11px;
  }
}

.product_key_list {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.product_key_list .product_key_item {
  margin: 8px 8px 0 0;
  color: #8A8A8A;
  font-size: 11px;
  line-height: 1.5;
}
.product_key_list .product_key_item:before {
  content: "#";
  margin: 0 4px 0 0;
}

.product_side_fixed_block {
  position: fixed;
  right: 0;
  bottom: 97px;
  z-index: 40;
  width: 206px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .product_side_fixed_block {
    bottom: 16px;
    width: calc(100% - 32px);
    left: 50%;
    right: inherit;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
@media only screen and (max-width:768px) {
  .product_side_fixed_block {
    bottom: 67px;
  }
}
@media only screen and (max-width:768px) {
  .product_side_fixed_block.active {
    bottom: 16px;
  }
}
.product_side_fixed_block .product_side_close_btn {
  outline: none;
  position: absolute;
  top: -20px;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px #8a8a8a solid;
}
@media only screen and (max-width:960px) {
  .product_side_fixed_block .product_side_close_btn {
    right: 8px;
  }
}
.product_side_fixed_block .product_side_close_btn img {
  display: block;
  width: 9px;
  margin: 0 auto;
}
.product_side_fixed_block .product_side_fixed_list .product_side_fixed_item {
  margin: 0 0 12px;
}
.product_side_fixed_block .product_side_fixed_list .product_side_fixed_item:last-of-type {
  margin: 0;
}
@media only screen and (max-width:960px) {
  .product_side_fixed_block .product_side_fixed_list .product_side_fixed_item:first-of-type {
    display: none;
  }
}
.product_side_fixed_block .product_side_fixed_textarea {
  position: relative;
  text-align: center;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 0 0 9px;
}
@media only screen and (max-width:960px) {
  .product_side_fixed_block .product_side_fixed_textarea {
    margin: 0 0 4px;
  }
}
.product_side_fixed_block .product_side_fixed_textarea .left_icon {
  margin: 0 16px 0 0;
  display: block;
  width: 17px;
  height: 28px;
  position: relative;
  color: #fff;
  font-size: 24px;
}
.product_side_fixed_block .product_side_fixed_textarea .right_icon {
  margin: 0 0 0 16px;
  display: block;
  width: 17px;
  height: 28px;
  position: relative;
  color: #fff;
  font-size: 24px;
}
.product_side_fixed_block .product_side_fixed_textarea .product_side_fixed_text {
  font-size: 10px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
.product_side_fixed_block .product_side_fixed_subtext {
  position: relative;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  margin: 9px 0 0;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .product_side_fixed_block .product_side_fixed_subtext {
    display: none;
  }
}
.product_side_fixed_block .product_side_fixed_contact {
  display: block;
  width: 100%;
  border-radius: 15px 0 0 15px;
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  background: url("assets/images/common/fixed_contact_bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 16px 8px;
}
.product_side_fixed_block .product_side_fixed_contact:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.product_side_fixed_block .product_side_tel_link {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  white-space: nowrap;
  border: 1px #1C97B5 solid;
  background: #fff;
  color: #1C97B5;
  font-size: 11px;
  text-align: center;
  font-weight: 700;
  padding: 0 22px 0 40px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
}
.product_side_fixed_block .product_side_tel_link .product_side_tel_icon {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: block;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.product_side_fixed_block .product_side_tel_link .product_side_tel_icon img {
  width: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.product_side_fixed_block .product_side_mail_link {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 22px 0 40px;
  text-align: center;
  border: 1px #FFD81A solid;
  background: #FFD81A;
  color: #1C97B5;
  font-size: 11px;
  line-height: 38px;
  font-weight: 700;
  margin: 0 0 8px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
}
.product_side_fixed_block .product_side_mail_link .product_side_mail_icon {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: block;
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.product_side_fixed_block .product_side_mail_link .product_side_mail_icon img {
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.product_side_fixed_block .product_side_fixed_ec {
  display: block;
  width: 100%;
  border-radius: 15px 0 0 15px;
  -webkit-border-radius: 15px 0 0 15px;
  -moz-border-radius: 15px 0 0 15px;
  background: url("assets/images/common/fixed_bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 16px 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (max-width:960px) {
  .product_side_fixed_block .product_side_fixed_ec {
    height: inherit;
    padding: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }
}
.product_side_fixed_block .product_side_fixed_ec:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.product_side_fixed_block .product_side_fixed_main {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.product_side_fixed_block .product_side_fixed_logo {
  position: relative;
  width: 89px;
  margin: 0 auto 15px;
}
@media only screen and (max-width:960px) {
  .product_side_fixed_block .product_side_fixed_logo {
    width: 80px;
    margin: 0 24px 0 0;
  }
}
@media only screen and (max-width:350px) {
  .product_side_fixed_block .product_side_fixed_logo {
    margin: 0 8px 0 0;
  }
}
.product_side_fixed_block .product_side_ec_link {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 0 0 40px;
  border: 1px #1C97B5 solid;
  background: #1C97B5;
  color: #fff;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 700;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
}
@media only screen and (max-width:960px) {
  .product_side_fixed_block .product_side_ec_link {
    width: 211px;
    height: 44px;
  }
}
.product_side_fixed_block .product_side_ec_link .product_side_ec_icon {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background: #fff;
  display: block;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.product_side_fixed_block .product_side_ec_link .product_side_ec_icon img {
  width: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.product_side_fixed_block .product_side_ec_link small {
  padding: 0 4px 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

/* layout */
.product_layout_wrap {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 0 0 120px;
  /*
  @include cm.align-items(flex-start);
  */
}
@media only screen and (max-width:960px) {
  .product_layout_wrap {
    padding: 0 0 64px;
  }
}
@media only screen and (max-width:768px) {
  .product_layout_wrap {
    display: block;
  }
}
.product_layout_wrap.category {
  padding: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .product_layout_wrap.category {
    padding: 0 0 24px;
  }
}
.product_layout_wrap .product_layout_main {
  width: calc(100% - 320px);
}
@media only screen and (max-width:1200px) {
  .product_layout_wrap .product_layout_main {
    width: calc(100% - 264px);
  }
}
@media only screen and (max-width:960px) {
  .product_layout_wrap .product_layout_main {
    padding: 0;
  }
}
@media only screen and (max-width:768px) {
  .product_layout_wrap .product_layout_main {
    width: 100%;
  }
}
.product_layout_wrap .product_layout_aside {
  position: relative;
  width: 240px;
}
@media only screen and (max-width:768px) {
  .product_layout_wrap .product_layout_aside {
    display: none;
  }
}

.product_aside_sticky {
  position: sticky;
  /*
  position: -webkit-sticky;
  	position: sticky;
  	top: 154px;
  	@media only screen and (max-width:960px){
  		top: 116px;
  	}
  	@media only screen and (max-width:768px){
  		position: relative;
  		top: inherit;
  	}
  */
}
@media only screen and (max-width:768px) {
  .product_aside_sticky {
    position: relative;
  }
}

.product_aside_block {
  margin: 0 0 80px;
}
@media only screen and (max-width:768px) {
  .product_aside_block {
    margin: 0 0 32px;
  }
}
.product_aside_block .product_aside_title.-sp a {
  background: #d9d9d9;
}
.product_aside_block .product_aside_title a {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #1C97B5;
  background: #efefef;
  line-height: 41px;
  margin: 0 0 16px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .product_aside_block .product_aside_title a {
    font-size: 13px;
    line-height: 39px;
  }
}
.product_aside_block .product_aside_title a:hover {
  opacity: 0.7;
}
.product_aside_block .product_aside_title2 {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #1C97B5;
  background: #efefef;
  line-height: 41px;
  margin: 0 0 16px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .product_aside_block .product_aside_title2 {
    font-size: 13px;
    line-height: 39px;
  }
}
.product_aside_block .product_aside_main {
  width: 100%;
  margin: 0 0 16px;
}
.product_aside_block .product_aside_main:last-of-type {
  margin: 0;
}

.product_aside_head_link {
  position: relative;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  padding: 8px 8px 8px 5px;
  border-left: 3px solid #ea3900;
  background: rgba(234, 57, 0, 0.1);
  font-weight: 700;
}
.product_aside_head_link:hover:before {
  opacity: 1;
}
.product_aside_head_link:before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: -3px;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.product_aside_list .product_aside_btn_pc a:hover {
  color: #1C97B5;
  text-decoration: underline;
}
.product_aside_list .product_aside_btn {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 1px #c6c6c6 solid;
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 8px;
  cursor: pointer;
}
.product_aside_list .product_aside_btn.active small img {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.product_aside_list .product_aside_btn a {
  color: #333;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.product_aside_list .product_aside_btn a:hover {
  color: #1C97B5;
  text-decoration: underline;
}
.product_aside_list .product_aside_btn small {
  display: block;
  width: 16px;
  min-width: 16px;
  text-align: right;
}
.product_aside_list .product_aside_btn small img {
  display: inline-block;
  width: 8px;
}
.product_aside_list .product_aside_sublist {
  display: none;
}
.product_aside_list .product_aside_sublist .product_aside_subitem {
  border-bottom: 0.5px #c6c6c6 solid;
}
.product_aside_list .product_aside_sublist .product_aside_link {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  font-size: 12px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 8px 24px 8px 8px;
  background: url("assets/images/common/arrow_red-right_icon.svg") right 8px center no-repeat;
  background-size: 10px;
}
.product_aside_list .product_aside_sublist .product_aside_link:hover small {
  color: #1C97B5;
  text-decoration: underline;
}
.product_aside_list .product_aside_sublist .product_aside_link:hover .product_aside_icon:before {
  opacity: 1;
}
.product_aside_list .product_aside_sublist .product_aside_link small {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.product_aside_list .product_aside_sublist .product_aside_link .product_aside_icon {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  padding: 2px;
  border: 1px black solid;
  background: #fff;
  margin: 0 4px 0 0;
}
.product_aside_list .product_aside_sublist .product_aside_link .product_aside_icon span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.product_aside_form_block {
  position: relative;
  margin: 0 0 40px;
}
.product_aside_form_block .product_aside_form_input {
  outline: none;
  position: relative;
  display: block;
  width: 100%;
  height: 33px;
  color: #333;
  border: 1px #e7e7e7 solid;
  background: #e7e7e7;
  padding: 0 36px 0 8px;
  font-size: 14px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.product_aside_form_block .product_aside_form_input:focus {
  border: 1px #333 solid;
}
.product_aside_form_block .product_aside_form_submit {
  display: block;
  width: 20px;
  background: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.product_aside_form_block .product_aside_form_submit img {
  display: block;
  width: 100%;
}

.product_fix_btn {
  display: block;
  width: 100%;
  height: 55px;
  background: url("assets/images/common/open_arrow_icon.svg") right 32px center no-repeat #1C97B5;
  background-size: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}

/* all */
@media only screen and (max-width:960px) {
  .product-all_wrap .common_related_title {
    margin: 0 0 16px;
  }
}

.product-all_block {
  margin: 0 0 80px;
}
.product-all_block:last-of-type {
  margin: 0;
}
.product-all_block:nth-child(2n) .product-all_item:nth-child(1), .product-all_block:nth-child(2n) .product-all_item:nth-child(2) {
  margin: 0 0 24px 0;
  width: 100%;
}
.product-all_block:nth-child(2n) .product-all_item:nth-child(1) .product-all_link, .product-all_block:nth-child(2n) .product-all_item:nth-child(2) .product-all_link {
  gap: 24px;
  display: flex;
  display: -ms-flexbox;
}
@media only screen and (max-width:640px) {
  .product-all_block:nth-child(2n) .product-all_item:nth-child(1) .product-all_link, .product-all_block:nth-child(2n) .product-all_item:nth-child(2) .product-all_link {
    flex-direction: column;
    gap: 0px;
  }
}
.product-all_block:nth-child(2n) .product-all_item:nth-child(1) .product-all_link .product-all_pic_block, .product-all_block:nth-child(2n) .product-all_item:nth-child(2) .product-all_link .product-all_pic_block {
  aspect-ratio: 16/9;
  padding-top: 0;
}
.product-all_block:nth-child(2n) .product-all_item:nth-child(1) .product-all_name, .product-all_block:nth-child(2n) .product-all_item:nth-child(2) .product-all_name {
  text-align: start;
}
@media only screen and (max-width:640px) {
  .product-all_block:nth-child(2n) .product-all_item:nth-child(1) .product-all_name, .product-all_block:nth-child(2n) .product-all_item:nth-child(2) .product-all_name {
    text-align: center;
  }
}
.product-all_block:nth-child(2n) .product-all_item:nth-child(1) .product-all_name, .product-all_block:nth-child(2n) .product-all_item:nth-child(2) .product-all_name {
  font-size: 20px;
}
.product-all_block:nth-child(2n) .product-all_item:nth-child(2) .product-all_link {
  flex-direction: row-reverse;
}
@media only screen and (max-width:640px) {
  .product-all_block:nth-child(2n) .product-all_item:nth-child(2) .product-all_link {
    flex-direction: column;
  }
}

.product-all_block2 {
  margin: 0 0 80px;
}
.product-all_block2:last-of-type {
  margin: 0;
}

.product-all_head {
  padding: 16px 0;
  border-bottom: 2px #c6c6c6 solid;
  margin: 0 0 24px;
}
@media only screen and (max-width:1200px) {
  .product-all_head {
    display: block;
  }
}
@media only screen and (max-width:960px) {
  .product-all_head {
    margin: 0 0 16px;
  }
}
.product-all_head .product-all_title {
  font-size: 32px;
  margin: 0 0 8px;
  color: #333;
  font-weight: 700;
  line-height: 1.8;
}
@media only screen and (max-width:1200px) {
  .product-all_head .product-all_title {
    width: 100%;
    margin: 0 0 8px;
  }
}
@media only screen and (max-width:960px) {
  .product-all_head .product-all_title {
    font-size: 24px;
  }
}
@media only screen and (max-width:1200px) {
  .product-all_head .align_right {
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
  }
}
.product-all_head .common_all_link span {
  text-align: right;
  max-width: 300px;
}
@media only screen and (max-width:960px) {
  .product-all_head .common_all_link span {
    max-width: inherit;
  }
}
.product-all_head .common_all_link small {
  margin: 0 0 0 24px;
}

.product-all_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -24px;
}
@media only screen and (max-width:960px) {
  .product-all_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin: 0 0 -16px;
  }
}
.product-all_list .product-all_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 48px 0;
}
@media only screen and (max-width:960px) {
  .product-all_list .product-all_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}
.product-all_list .product-all_item:nth-of-type(3n + 2) {
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .product-all_list .product-all_item:nth-of-type(3n + 2) {
    margin: 0 0 16px;
  }
}
.product-all_list .product-all_item:nth-child(1), .product-all_list .product-all_item:nth-child(2) {
  width: calc((100% - 24px) / 2);
}
@media only screen and (max-width:640px) {
  .product-all_list .product-all_item:nth-child(1), .product-all_list .product-all_item:nth-child(2) {
    width: 100%;
  }
}
.product-all_list .product-all_item:nth-child(1) .product-all_name, .product-all_list .product-all_item:nth-child(2) .product-all_name {
  font-size: 20px;
}
.product-all_list .product-all_item:nth-child(2) {
  margin: 0 0 24px;
}
.product-all_list .product-all_link {
  display: block;
  width: 100%;
  height: 100%;
}
.product-all_list .product-all_link:hover .product-all_pic_block:after {
  opacity: 1;
}
.product-all_list .product-all_link:hover .product-all_pic_block .product-all_pic {
  transform: translateX(-50%) translateY(-50%) scale(1.15);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.15);
}
.product-all_list .product-all_pic_block {
  display: block;
  width: 100%;
  padding-top: 66.45%;
  position: relative;
  overflow: hidden;
  margin: 0 0 8px;
}
.product-all_list .product-all_pic_block img {
  width: 48px;
}
.product-all_list .product-all_pic_block:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.product-all_list .product-all_pic_block .product-all_pic {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.product-all_list .product-all_main .product-all_name {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #333;
  margin: 0 0 8px;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .product-all_list .product-all_main .product-all_name {
    font-size: 14px;
  }
}
.product-all_list .product-all_main .product-all_text {
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .product-all_list .product-all_main .product-all_text {
    font-size: 12px;
  }
}

.product-all_list2 {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -24px;
}
@media only screen and (max-width:960px) {
  .product-all_list2 {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin: 0 0 -16px;
  }
}
.product-all_list2 .product-all_item2 {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 48px 0;
}
@media only screen and (max-width:960px) {
  .product-all_list2 .product-all_item2 {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}
.product-all_list2 .product-all_item2:nth-of-type(3n + 1) {
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .product-all_list2 .product-all_item2:nth-of-type(3n + 1) {
    margin: 0 0 16px;
  }
}
.product-all_list2 .product-all_item2:nth-child(1) {
  width: 100%;
  margin: 0 0 24px;
}
.product-all_list2 .product-all_item2:nth-child(1) .product-all_link2 {
  display: flex;
  display: -ms-flexbox;
  gap: 16px;
}
@media only screen and (max-width:640px) {
  .product-all_list2 .product-all_item2:nth-child(1) .product-all_link2 {
    flex-direction: column;
  }
}
.product-all_list2 .product-all_item2:nth-child(1) .product-all_pic_block2 {
  padding-top: 0;
  aspect-ratio: 16/9;
}
.product-all_list2 .product-all_item2:nth-child(1) .product-all_name2 {
  text-align: start;
}
.product-all_list2 .product-all_link2 {
  display: block;
  width: 100%;
  height: 100%;
}
.product-all_list2 .product-all_link2:hover .product-all_pic_block:after {
  opacity: 1;
}
.product-all_list2 .product-all_link2:hover .product-all_pic_block .product-all_pic {
  transform: translateX(-50%) translateY(-50%) scale(1.15);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.15);
}
.product-all_list2 .product-all_pic_block2 {
  display: block;
  width: 100%;
  padding-top: 66.45%;
  position: relative;
  overflow: hidden;
  margin: 0 0 8px;
}
.product-all_list2 .product-all_pic_block2:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.product-all_list2 .product-all_pic_block2 .product-all_pic2 {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.product-all_list2 .product-all_main2 .product-all_name2 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #333;
  margin: 0 0 8px;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .product-all_list2 .product-all_main2 .product-all_name2 {
    font-size: 14px;
  }
}
.product-all_list2 .product-all_main2 .product-all_text2 {
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .product-all_list2 .product-all_main2 .product-all_text2 {
    font-size: 12px;
  }
}

.product_guide_wrap {
  padding: 160px 0;
}
@media only screen and (max-width:960px) {
  .product_guide_wrap {
    padding: 110px 0 80px;
  }
}
.product_guide_wrap .common_related_title {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-direction: row-reverse;
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .common_related_title {
    text-align: center;
  }
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .common_related_title small {
    margin: 0 0 4px;
  }
}
.product_guide_wrap .product_guide_block {
  position: relative;
  background: rgba(28, 151, 181, 0.25);
  padding: 80px 48px;
}
@media only screen and (max-width:1200px) {
  .product_guide_wrap .product_guide_block {
    padding: 80px 24px;
  }
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .product_guide_block {
    padding: 40px 16px;
  }
}
.product_guide_wrap .product_guide_block .product_guide_talk {
  position: absolute;
  background: url("../images/index/guide_talk_bg.png") center center no-repeat;
  background-size: contain;
  width: 260px;
  height: 225px;
  left: -25px;
  top: -94px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
  color: #1C97B5;
  text-align: center;
  white-space: nowrap;
}
@media only screen and (max-width:1366px) {
  .product_guide_wrap .product_guide_block .product_guide_talk {
    width: 174px;
    height: 150px;
    font-size: 11px;
    top: -60px;
  }
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .product_guide_block .product_guide_talk {
    left: -18px;
    top: -95px;
  }
}
@media only screen and (max-width:350px) {
  .product_guide_wrap .product_guide_block .product_guide_talk {
    font-size: 10px;
    width: 140px;
    height: 140px;
  }
}
.product_guide_wrap .product_guide_block .product_guide_talk span {
  position: absolute;
  left: 50%;
  top: calc(50% - 10px);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.product_guide_wrap .product_guide_inner {
  max-width: 985px;
  width: 100%;
  margin: 0 auto;
}
.product_guide_wrap .product_guide_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .product_guide_list {
    margin: 0 0 12px;
  }
}
@media only screen and (max-width:640px) {
  .product_guide_wrap .product_guide_list {
    display: block;
    margin: 0 0 28px;
  }
}
.product_guide_wrap .product_guide_list .product_guide_item {
  width: calc(50% - 12px);
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .product_guide_list .product_guide_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}
@media only screen and (max-width:640px) {
  .product_guide_wrap .product_guide_list .product_guide_item {
    width: 100%;
  }
}
.product_guide_wrap .product_guide_list .product_guide_link {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  background: #fff;
  height: 100%;
  padding: 16px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:640px) {
  .product_guide_wrap .product_guide_list .product_guide_link {
    padding: 8px;
  }
}
.product_guide_wrap .product_guide_list .product_guide_link:hover {
  background: #1C97B5;
}
.product_guide_wrap .product_guide_list .product_guide_link:hover .product_guide_pic_block .product_guide_pic {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
}
.product_guide_wrap .product_guide_list .product_guide_link:hover .product_guide_main {
  color: #fff;
}
.product_guide_wrap .product_guide_list .product_guide_pic_block {
  position: relative;
  width: 132px;
  height: 88px;
  overflow: hidden;
}
@media only screen and (max-width:1200px) {
  .product_guide_wrap .product_guide_list .product_guide_pic_block {
    width: 88px;
  }
}
@media only screen and (max-width:640px) {
  .product_guide_wrap .product_guide_list .product_guide_pic_block {
    width: 63px;
    height: 63px;
  }
}
.product_guide_wrap .product_guide_list .product_guide_pic_block .product_guide_pic {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.product_guide_wrap .product_guide_list .product_guide_main {
  width: calc(100% - 148px);
  margin: 0 0 0 16px;
  color: #333;
}
@media only screen and (max-width:1200px) {
  .product_guide_wrap .product_guide_list .product_guide_main {
    width: calc(100% - 104px);
  }
}
.product_guide_wrap .product_guide_list .product_guide_main .product_guide_title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 4px;
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .product_guide_list .product_guide_main .product_guide_title {
    font-size: 14px;
  }
}
@media only screen and (max-width:640px) {
  .product_guide_wrap .product_guide_list .product_guide_main .product_guide_title {
    -webkit-line-clamp: 1;
    margin: 0;
  }
}
.product_guide_wrap .product_guide_list .product_guide_main .product_guide_text {
  font-size: 12px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .product_guide_list .product_guide_main .product_guide_text {
    font-size: 11px;
  }
}
.product_guide_wrap .product_guide_sublist {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 0 -16px;
}
@media only screen and (max-width:640px) {
  .product_guide_wrap .product_guide_sublist {
    display: block;
  }
}
.product_guide_wrap .product_guide_sublist .product_guide_subitem {
  margin: 0 0 16px;
  width: calc(50% - 12px);
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .product_guide_sublist .product_guide_subitem {
    width: calc(50% - 8px);
  }
}
@media only screen and (max-width:640px) {
  .product_guide_wrap .product_guide_sublist .product_guide_subitem {
    width: 100%;
  }
}
.product_guide_wrap .product_guide_sublist .product_guide_sublink {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: 100%;
  height: 100%;
  background: url("../images/common/arrow_red-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 48px 8px 16px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .product_guide_sublist .product_guide_sublink {
    padding: 8px 32px 8px 8px;
    background-position: right 8px center;
  }
}
.product_guide_wrap .product_guide_sublist .product_guide_sublink:hover {
  background: url("../images/common/arrow_white-right_icon.svg") right 16px center no-repeat #1C97B5;
  background-size: 16px;
}
.product_guide_wrap .product_guide_sublist .product_guide_sublink:hover .product_guide_text {
  color: #fff;
}
.product_guide_wrap .product_guide_sublist .product_guide_icon {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px #333 solid;
  background: #fff;
  margin: 0 16px 0 0;
  padding: 4px;
}
.product_guide_wrap .product_guide_sublist .product_guide_icon .product_guide_icon_img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.product_guide_wrap .product_guide_sublist .product_guide_text {
  width: calc(100% - 48px);
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .product_guide_wrap .product_guide_sublist .product_guide_text {
    width: calc(100% - 40px);
  }
}

.product-all_type_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .product-all_type_wrap {
    margin: 0 0 80px;
  }
}
.product-all_type_wrap.mb0 {
  margin: 0;
}
@media only screen and (max-width:960px) {
  .product-all_type_wrap .common_related_title {
    margin: 0 0 40px;
  }
}

.product-all_type_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
@media only screen and (max-width:768px) {
  .product-all_type_list {
    display: block;
    padding: 0 16px;
  }
}
.product-all_type_list .product-all_type_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 0 0;
}
@media only screen and (max-width:1200px) {
  .product-all_type_list .product-all_type_item {
    width: calc((100% - 24px) / 3);
    margin: 0 12px 0 0;
  }
}
@media only screen and (max-width:768px) {
  .product-all_type_list .product-all_type_item {
    width: 100%;
    margin: 0 0 16px;
  }
}
.product-all_type_list .product-all_type_item:last-of-type {
  margin: 0;
}
.product-all_type_list .product-all_type_link {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  height: 93px;
  position: relative;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .product-all_type_list .product-all_type_link {
    font-size: 13px;
  }
}
@media only screen and (max-width:768px) {
  .product-all_type_list .product-all_type_link {
    height: 70px;
  }
}
.product-all_type_list .product-all_type_link:hover:after {
  opacity: 1;
}
.product-all_type_list .product-all_type_link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 100%);
  -webkit-background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 100%);
}
.product-all_type_list .product-all_type_link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.05) 100%);
  -webkit-background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.05) 100%);
}
.product-all_type_list .product-all_type_link .product-all_type_text {
  max-width: calc(100% - 24px);
  position: relative;
  z-index: 2;
  padding: 0 26px 0 0;
  background: url("assets/images/common/arrow_white-right_icon.svg") right 0 center no-repeat;
  background-size: 16px;
}
@media only screen and (max-width:768px) {
  .product-all_type_list .product-all_type_link .product-all_type_text {
    width: 100%;
    padding: 0 32px;
    background-position: right 16px center;
  }
}

@media only screen and (max-width:960px) {
  .product-all_others_wrap .common_related_title {
    margin: 0 0 16px;
  }
}

/* category */
.product-category_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .product-category_wrap {
    margin: 0 0 80px;
  }
}
.product-category_wrap .product-category_block {
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .product-category_wrap .product-category_block {
    margin: 0 0 80px;
  }
}
.product-category_wrap .product-category_block:last-of-type {
  margin: 0;
}
.product-category_wrap .product-category_block:nth-child(2n) .common_product_item {
  width: calc((100% - 24px) / 2);
  margin: 0 24px 24px 0;
}
.product-category_wrap .product-category_block:nth-child(2n) .common_product_item .product_link {
  display: flex;
  display: -ms-flexbox;
}
.product-category_wrap .product-category_block:nth-child(2n) .common_product_item .product_pic_wrap {
  width: 50%;
}
.product-category_wrap .product-category_block:nth-child(2n) .common_product_item .product_pic_wrap .product_pic {
  min-height: 180px;
}
.product-category_wrap .product-category_block:nth-child(2n) .common_product_item:nth-child(2n) {
  margin: 0 0 24px 0;
}
@media only screen and (max-width:960px) {
  .product-category_wrap .common_related_title {
    margin: 0 0 16px;
  }
}

.product-category_column_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .product-category_column_wrap {
    margin: 0 0 80px;
  }
}

@media only screen and (max-width:640px) {
  .product-category_others_wrap .common_related_title {
    margin: 0 0 40px;
  }
}
.product-category_others_wrap .product-category_others_list {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -40px;
}
@media only screen and (max-width:1200px) {
  .product-category_others_wrap .product-category_others_list {
    margin: 0 0 -24px;
  }
}
@media only screen and (max-width:640px) {
  .product-category_others_wrap .product-category_others_list {
    display: block;
    margin: 0;
  }
}
.product-category_others_wrap .product-category_others_list .product-category_others_item {
  width: calc(50% - 24px);
  margin: 0 0 40px;
}
@media only screen and (max-width:1200px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:640px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_item {
    width: 100%;
    margin: 0 0 16px;
  }
}
@media only screen and (max-width:640px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_item:last-of-type {
    margin: 0;
  }
}
.product-category_others_wrap .product-category_others_list .product-category_others_link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 32px;
}
@media only screen and (max-width:960px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_link {
    min-height: 70px;
    padding: 16px 16px 16px 32px;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
  }
}
.product-category_others_wrap .product-category_others_list .product-category_others_link:hover:before {
  animation: pthover 0.3s ease forwards;
  -webkit-animation: pthover 0.3s ease forwards;
}
.product-category_others_wrap .product-category_others_list .product-category_others_link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.product-category_others_wrap .product-category_others_list .product-category_others_main {
  position: relative;
  padding: 0 26px 0 0;
  background: url("assets/images/common/arrow_white-right_icon.svg") right center no-repeat;
  background-size: 16px;
  width: 100%;
}
.product-category_others_wrap .product-category_others_list .product-category_others_text {
  font-size: 20px;
  line-height: 1.8;
  color: #fff;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .product-category_others_wrap .product-category_others_list .product-category_others_text {
    font-size: 13px;
  }
}

/* result */
.product-result_text {
  font-size: 32px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .product-result_text {
    font-size: 24px;
    margin: 0 0 24px;
  }
}
.product-result_text span {
  color: #1C97B5;
  margin: 0 0 0 16px;
}
@media only screen and (max-width:960px) {
  .product-result_text span {
    margin: 0 0 0 8px;
  }
}

/* middle */
.product_talk_wrap {
  margin: 40px 0 0;
  background: rgba(28, 151, 181, 0.24);
  /*padding: 80px 32px 0;*/
  padding: 10px 32px 0;
}
@media only screen and (max-width:1200px) {
  .product_talk_wrap {
    /*padding: 80px 16px 0;*/
    padding: 10px 16px 0;
  }
}
@media only screen and (max-width:960px) {
  .product_talk_wrap {
    margin: 80px 0 0;
    padding: 40px 16px 0;
  }
}
.product_talk_wrap .common_related_title {
  display: block;
  text-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-direction: row-reverse;
  margin: 0 0 40px;
  font-size: 32px;
}
@media only screen and (max-width:960px) {
  .product_talk_wrap .common_related_title {
    text-align: center;
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:960px) {
  .product_talk_wrap .common_related_title small {
    margin: 0 0 4px;
  }
}
.product_talk_wrap .product_talk_block {
  max-height: 545px;
  padding: 0 0 80px;
  overflow: scroll;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.product_talk_wrap .product_talk_block::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
@media only screen and (max-width:960px) {
  .product_talk_wrap .product_talk_block {
    max-height: 400px;
    padding: 0 0 40px;
  }
}
.product_talk_wrap .product_talk_box {
  margin: 0 0 24px;
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
.product_talk_wrap .product_talk_box:last-of-type {
  margin: 0;
}
.product_talk_wrap .product_talk_box.staff .product_talk_sub {
  margin: 0 30px 0 0;
}
.product_talk_wrap .product_talk_box.staff .product_talk_main {
  background: #f6f2df;
}
.product_talk_wrap .product_talk_box.staff .product_talk_main:before {
  left: -15px;
  border-right: 15px solid #f6f2df;
}
.product_talk_wrap .product_talk_box.user {
  flex-direction: row-reverse;
}
.product_talk_wrap .product_talk_box.user .product_talk_sub {
  margin: 0 0 0 30px;
}
.product_talk_wrap .product_talk_box.user .product_talk_main {
  background: #fff;
}
.product_talk_wrap .product_talk_box.user .product_talk_main:before {
  right: -15px;
  border-left: 15px solid #fff;
}
.product_talk_wrap .product_talk_sub {
  display: block;
  width: 80px;
  min-width: 80px;
}
@media only screen and (max-width:960px) {
  .product_talk_wrap .product_talk_sub {
    width: 64px;
    min-width: 64px;
  }
}
.product_talk_wrap .product_talk_sub .product_talk_icon {
  display: block;
  width: 80px;
  height: 80px;
  border: 1px #c6c6c6 solid;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 0 auto 4px;
}
@media only screen and (max-width:960px) {
  .product_talk_wrap .product_talk_sub .product_talk_icon {
    width: 64px;
    height: 64px;
  }
}
.product_talk_wrap .product_talk_sub .product_talk_name {
  font-size: 13px;
  line-height: 1.8;
  color: black;
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .product_talk_wrap .product_talk_sub .product_talk_name {
    font-size: 12px;
  }
}
.product_talk_wrap .product_talk_main {
  padding: 16px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  position: relative;
  min-height: 80px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
@media only screen and (max-width:960px) {
  .product_talk_wrap .product_talk_main {
    font-size: 14px;
    min-height: 64px;
  }
}
.product_talk_wrap .product_talk_main:before {
  content: "";
  position: absolute;
  top: 16px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.product_talk_wrap .product_talk_main .product_talk_text {
  font-size: 16px;
  color: black;
  line-height: 1.8;
  font-weight: 500;
}
.product_talk_wrap .product_talk_main .product_talk_text a {
  color: #1C97B5;
  text-decoration: underline;
}
.product_talk_wrap .product_talk_main .product_talk_text big {
  font-size: larger;
}
.product_talk_wrap .product_talk_main .product_talk_text small {
  font-size: smaller;
}
.product_talk_wrap .product_talk_main .product_talk_text i,
.product_talk_wrap .product_talk_main .product_talk_text dfn,
.product_talk_wrap .product_talk_main .product_talk_text em {
  font-style: italic;
}
.product_talk_wrap .product_talk_main .product_talk_text strong,
.product_talk_wrap .product_talk_main .product_talk_text b {
  font-weight: 700;
}
.product_talk_wrap .product_talk_main .product_talk_text ins {
  text-decoration: underline;
}
.product_talk_wrap .product_talk_main .product_talk_text sup {
  vertical-align: super;
  font-size: smaller;
}

.poduct-middle_others_wrap {
  /*margin: 160px 0 0;*/
}
@media only screen and (max-width:960px) {
  .poduct-middle_others_wrap {
    margin: 80px 0 0;
  }
}

/* detail */
.product-d_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .product-d_wrap {
    margin: 0 0 64px;
  }
}

.product-d_block {
  margin: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .product-d_block {
    margin: 40px 0 0;
  }
}
.product-d_block:last-of-type {
  margin: 80px 0;
}
@media only screen and (max-width:960px) {
  .product-d_block:last-of-type {
    margin: 40px 0 64px;
  }
}
.product-d_block .product-d_title {
  padding: 0 0 0 16px;
  border-left: 6px #1C97B5 solid;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.8;
  color: #333;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_title {
    font-size: 20px;
  }
}
.product-d_block .product-d_table {
  width: 100%;
  font-size: 16px;
  line-height: 1.8;
  border: 1px #c6c6c6 solid;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_table {
    font-size: 12px;
    line-height: 1.5;
  }
}
.product-d_block .product-d_table .product-d_table_title {
  border: 1px #c6c6c6 solid;
  padding: 12px;
  width: 264px;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_table .product-d_table_title {
    width: 116px;
  }
}
.product-d_block .product-d_table .product-d_table_info {
  border: 1px #c6c6c6 solid;
  padding: 12px;
}
.product-d_block .product-d_table .product-d_table_info a {
  color: #1C97B5;
  text-decoration: underline;
}
.product-d_block .product-d_table thead {
  color: #fff;
}
.product-d_block .product-d_table thead .product-d_table_title {
  background: #1C97B5;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_table thead .product-d_table_title {
    font-weight: 400;
  }
}
.product-d_block .product-d_table thead .product-d_table_info {
  background: #1C97B5;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_table thead .product-d_table_info {
    font-weight: 400;
  }
}
.product-d_block .product-d_table tbody {
  color: #333;
}
.product-d_block .product-d_table tbody tr {
  background: #fff;
}
.product-d_block .product-d_table tbody tr:nth-of-type(even) {
  background: #efefef;
}
.product-d_block .product-d_download_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -24px;
}
@media only screen and (max-width:1200px) {
  .product-d_block .product-d_download_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin: 0 0 -12px;
  }
}
@media only screen and (max-width:640px) {
  .product-d_block .product-d_download_list {
    margin: 0;
    padding: 0 16px;
  }
}
.product-d_block .product-d_download_list .product-d_download_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 24px 0;
}
@media only screen and (max-width:1200px) {
  .product-d_block .product-d_download_list .product-d_download_item {
    width: calc(50% - 4px);
    margin: 0 0 12px;
  }
}
@media only screen and (max-width:640px) {
  .product-d_block .product-d_download_list .product-d_download_item {
    width: 100%;
    margin: 0 0 8px;
  }
}
.product-d_block .product-d_download_list .product-d_download_item:nth-of-type(3n) {
  margin: 0 0 24px;
}
@media only screen and (max-width:1200px) {
  .product-d_block .product-d_download_list .product-d_download_item:nth-of-type(3n) {
    margin: 0 0 12px;
  }
}
@media only screen and (max-width:640px) {
  .product-d_block .product-d_download_list .product-d_download_item:nth-of-type(3n) {
    margin: 0 0 8px;
  }
}
@media only screen and (max-width:640px) {
  .product-d_block .product-d_download_list .product-d_download_item:last-of-type {
    margin: 0;
  }
}
.product-d_block .product-d_download_list .product-d_download_link {
  display: block;
  width: 100%;
  border: 1px black solid;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  padding: 8px 40px 8px 16px;
  background: url("../images/common/arrow_black-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_download_list .product-d_download_link {
    font-size: 14px;
  }
}
.product-d_block .product-d_download_list .product-d_download_link:hover {
  color: #fff;
  background: url("../images/common/arrow_white-right_icon.svg") right 16px center no-repeat #333;
  background-size: 16px;
}
.product-d_block .product-d_sample_slider {
  margin: -24px 0 0;
}
.product-d_block .product-d_sample_slider .product-d_sample_list {
  margin: 0 -12px;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_sample_slider .product-d_sample_list {
    margin: 0;
  }
}
.product-d_block .product-d_sample_slider .product-d_sample_list .product-d_sample_item {
  padding: 24px 12px;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_sample_slider .product-d_sample_list .product-d_sample_item {
    padding: 24px 4px;
  }
}
.product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_pic {
  display: block;
  width: 240px;
  aspect-ratio: 16/9;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto 8px;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_pic {
    width: 80px;
  }
}
.product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_name {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_sample_slider .product-d_sample_link .product-d_sample_name {
    font-size: 14px;
  }
}
.product-d_block .product-d_sample_slider .product-d_btnarea_block {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.product-d_block .product-d_sample_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin: 24px 0 0;
}
@media only screen and (max-width:960px) {
  .product-d_block .product-d_sample_text {
    font-size: 14px;
  }
}

.product-d_cart_btn {
  display: block;
  width: 100%;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  background: #FFD81A;
  position: relative;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #1C97B5;
  padding: 16px;
  margin: 80px auto 0;
}
@media only screen and (max-width:960px) {
  .product-d_cart_btn {
    font-size: 14px;
    margin: 64px auto 0;
    max-width: 343px;
    width: calc(100% - 32px);
    text-align: center;
    padding: 12px 10px 12px 48px;
  }
}
@media only screen and (max-width:640px) {
  .product-d_cart_btn {
    padding: 12px 10px 12px 40px;
  }
}
.product-d_cart_btn span {
  display: inline-block;
  vertical-align: middle;
}
.product-d_cart_btn small {
  display: inline-block;
  vertical-align: middle;
  width: 56px;
  height: 56px;
  position: relative;
  margin: 0 16px 0 0;
}
@media only screen and (max-width:960px) {
  .product-d_cart_btn small {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0;
  }
}
.product-d_cart_btn small img {
  display: block;
  width: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width:960px) {
  .product-d_cart_btn small img {
    width: 24px;
  }
}

.product-d_others_list_wrap {
  margin: 0 0 40px;
}
.product-d_others_list_wrap .product-d_others_list_wrap_title {
  margin: 0 0 24px;
  display: block;
}
.product-d_others_list_wrap .product-d_others_list_wrap_title a {
  display: block;
  font-size: 24px;
  color: #1C97B5;
  font-weight: 700;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.product-d_others_list_wrap .product-d_others_list_wrap_title a:hover {
  opacity: 0.7;
}

.product-d_others_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 0 -48px;
}
@media only screen and (max-width:1366px) {
  .product-d_others_list {
    margin: 0 0 -24px;
  }
}
@media only screen and (max-width:960px) {
  .product-d_others_list {
    margin: 0 0 -16px;
  }
}
@media only screen and (max-width:640px) {
  .product-d_others_list {
    display: block;
    margin: 0;
  }
}
.product-d_others_list .product-d_others_item {
  width: calc(50% - 24px);
  margin: 0 0 24px;
}
@media only screen and (max-width:1366px) {
  .product-d_others_list .product-d_others_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:960px) {
  .product-d_others_list .product-d_others_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}
@media only screen and (max-width:640px) {
  .product-d_others_list .product-d_others_item {
    width: 100%;
  }
}
@media only screen and (max-width:640px) {
  .product-d_others_list .product-d_others_item:last-of-type {
    margin: 0;
  }
}
.product-d_others_list .product-d_others_link {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  height: 100%;
  width: 100%;
  background: url("../images/common/arrow_red-right_icon.svg") right 24px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 56px 8px 8px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:1200px) {
  .product-d_others_list .product-d_others_link {
    font-size: 16px;
  }
}
@media only screen and (max-width:960px) {
  .product-d_others_list .product-d_others_link {
    font-size: 13px;
    padding: 8px 40px 8px 8px;
    background-position: right 16px center;
  }
}
.product-d_others_list .product-d_others_link:hover {
  color: #fff;
  background: url("../images/common/arrow_white-right_icon.svg") right 24px center no-repeat #1C97B5;
  background-size: 16px;
}
@media only screen and (max-width:960px) {
  .product-d_others_list .product-d_others_link:hover {
    background-position: right 16px center;
  }
}
.product-d_others_list .product-d_others_link .product-d_others_main {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  height: 100%;
}
.product-d_others_list .product-d_others_link .product-d_others_icon {
  display: block;
  width: 56px;
  min-width: 56px;
  height: 56px;
  background: #fff;
  border: 1px black solid;
  position: relative;
  margin: 0 16px 0 0;
  padding: 4px;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .product-d_others_list .product-d_others_link .product-d_others_icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
    overflow: hidden;
  }
}
.product-d_others_list .product-d_others_link .product-d_others_icon span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.c-drill-links .drill-links {
  margin-top: 24px;
}
.c-drill-links .drill-links .drill-group {
  margin-bottom: 20px;
}
.c-drill-links .drill-links .drill-group .drill-toggle {
  width: 100%;
  text-align: left;
  background: #fff;
  border: none;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  transition: background-color 0.3s;
  border: 2px solid #1C97B5;
}
.c-drill-links .drill-links .drill-group .drill-toggle .arrow {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #1C97B5;
  border-bottom: 2px solid #1C97B5;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}
.c-drill-links .drill-links .drill-group.active .drill-toggle .arrow {
  transform: translateY(-50%) rotate(225deg);
}
.c-drill-links .drill-links .drill-group.active .drill-list {
  display: flex;
}
.c-drill-links .drill-links .drill-group .drill-list {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding-left: 0;
}
.c-drill-links .drill-links .drill-group .drill-list li {
  list-style: none;
}
.c-drill-links .drill-links .drill-group .drill-list li a {
  display: inline-block;
  align-items: center;
  padding: 8px 12px;
  background-color: #efefef;
  border-radius: 4px;
  padding: 11px 8px;
  color: #1C97B5;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  transition: all 0.3s;
}
.c-drill-links .drill-links .drill-group .drill-list li a img {
  width: 24px;
  margin: 0 4px -8px;
}
/*=================

    editor.scss

=======================*/
.editor_title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.5;
  color: #333;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .editor_title {
    font-size: 30px;
    margin: 0 0 8px;
  }
}

.editor_label_list_wrap_all {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}

.editor_label_list_wrap {
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 8px;
}

.editor_label_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 8px;
}

.editor_label_list2 {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 8px;
}

.editor_label {
  display: inline-block;
  color: #1C97B5;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 2px 8px;
  background: #f2f2f2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
@media only screen and (max-width:960px) {
  .editor_label {
    padding: 2px 8px;
    font-size: 13px;
  }
}
.editor_label img {
  width: 20px;
  margin-bottom: -4px;
}

.editor_label2 {
  background: #eaeaea;
  display: inline-block;
  padding: 1.5px 16px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700;
  color: #8A8A8A;
  border-radius: 24px;
}
@media only screen and (max-width:960px) {
  .editor_label2 {
    padding: 2px 8px;
    font-size: 13px;
  }
}

.editor_key_list {
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.editor_key_link {
  font-size: 14px;
  line-height: 1.5;
  color: #818181;
  font-weight: 500;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .editor_key_link {
    font-size: 13px;
  }
}
.editor_key_link:hover {
  color: #1C97B5;
  text-decoration: underline;
}
.editor_key_link:before {
  content: "#";
  margin: 0 2px 0 0;
}
.editor_key_link span {
  text-decoration: underline;
}

.editor_main_pic {
  display: block;
  width: 100%;
  padding-top: 50%;
  background-size: cover;
  aspect-ratio: 16/9;
  margin: 0 0 24px;
}

.editor_map {
  margin: 0 0 16px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 8px;
}
.editor_map .editor_map_ctg {
  display: inline-block;
  color: #1C97B5;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 2px 8px;
  background: #f2f2f2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
@media only screen and (max-width:960px) {
  .editor_map .editor_map_ctg {
    padding: 2px 8px;
    font-size: 13px;
  }
}
.editor_map .editor_map_ctg img {
  width: 20px;
  margin-bottom: -4px;
}
.editor_map .editor_map_adress {
  font-size: 14px;
}

.studio_main_gallery {
  text-align: center;
  margin: 0 0 24px;
}

.main_image img {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin-bottom: 16px;
}
@media only screen and (max-width:640px) {
  .main_image img {
    margin-bottom: 8px;
  }
}

.thumbnail_images {
  display: flex;
  width: 100%;
  margin: auto;
  max-width: 800px;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}

.thumbnail_images img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.show-all-btn {
  background: #333;
  color: #fff;
  border: none;
  padding: 12px 24px;
  font-size: 14px;
  cursor: pointer;
}

.editor_wrap {
  color: black;
  line-height: 1.8;
  font-size: 16px;
  color: #333;
}
@media only screen and (max-width:960px) {
  .editor_wrap {
    font-size: 14px;
  }
}
.editor_wrap h2 {
  padding: 0 0 0 16px;
  border-left: 6px #1C97B5 solid;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor_wrap h2 {
    font-size: 20px;
  }
}
.editor_wrap h3 {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 3px;
  border-bottom: 3px #1C97B5 solid;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor_wrap h3 {
    font-size: 18px;
  }
}
.editor_wrap h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor_wrap h4 {
    font-size: 16px;
  }
}
.editor_wrap p {
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor_wrap p {
    margin: 0 0 40px;
  }
}
.editor_wrap p a {
  display: inline;
  margin: 0;
}
.editor_wrap img {
  display: block;
  width: auto;
  height: auto;
  width: 100%;
  max-width: 720px;
  margin: 0 auto 24px;
}
.editor_wrap big {
  font-size: larger;
}
.editor_wrap small {
  font-size: smaller;
}
.editor_wrap i,
.editor_wrap dfn,
.editor_wrap em {
  font-style: italic;
}
.editor_wrap strong,
.editor_wrap b {
  font-weight: 700;
}
.editor_wrap ins {
  text-decoration: underline;
}
.editor_wrap sup {
  vertical-align: super;
  font-size: smaller;
}
.editor_wrap a {
  display: block;
  color: #1C97B5;
  text-decoration: underline;
  margin: 0 0 24px;
}
.editor_wrap .huto {
  font-weight: bold;
}
.editor_wrap .hutoaka {
  font-weight: bold;
  color: red;
}
.editor_wrap .oomozi {
  font-size: 20px;
  font-weight: bold;
}
.editor_wrap .italic {
  font-style: italic;
}
.editor_wrap .komozi {
  font-size: 12px;
}
.editor_wrap .dotline {
  border-bottom: 1px #959595 dotted;
}
.editor_wrap .sankou {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: #ff9800;
}
.editor_wrap .st-hisu {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: red;
}
.editor_wrap code {
  color: #333;
  padding: 4px;
  background: #eee;
  margin: 2px;
  border-radius: 2px;
  font-size: 0.9em;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.editor_wrap .marker {
  background: linear-gradient(transparent 60%, rgba(32, 157, 186, 0.2) 60%);
}
.editor_wrap .ymarker {
  background: linear-gradient(transparent 30%, #fce57b 30%);
}
.editor_wrap .ymarker-s {
  background: linear-gradient(transparent 75%, #fce57b 75%);
}
.editor_wrap .rmarker {
  background: linear-gradient(transparent 30%, #ffd4d4 30%);
}
.editor_wrap .rmarker-s {
  background: linear-gradient(transparent 75%, #ffd4d4 75%);
}
.editor_wrap .bmarker {
  background: linear-gradient(transparent 30%, #d4e9ff 30%);
}
.editor_wrap .bmarker-s {
  background: linear-gradient(transparent 75%, #d4e9ff 75%);
}

.editor_contents_block {
  background: #EAEAEA;
  padding: 32px;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .editor_contents_block {
    margin: 0 0 40px;
    padding: 24px 16px;
  }
}
.editor_contents_block .editor_contents_title {
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .editor_contents_block .editor_contents_title {
    display: none;
  }
}
.editor_contents_block .editor_contents_list p {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .editor_contents_block .editor_contents_list p {
    font-size: 16px;
    margin: 0 0 12px;
  }
}
.editor_contents_block .editor_contents_list li {
  margin: 0 0 24px;
}
.editor_contents_block .editor_contents_list li:last-of-type {
  margin: 0;
}
.editor_contents_block .editor_contents_list ul {
  padding: 0 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor_contents_block .editor_contents_list ul {
    padding: 0 0 0 16px;
  }
}
.editor_contents_block .editor_contents_list ul li {
  margin: 0 0 8px;
}
.editor_contents_block .editor_contents_list ul li:last-of-type {
  margin: 0;
}
.editor_contents_block .editor_contents_list ul a {
  color: #6f6f6f;
  font-weight: 400;
  margin: 0;
  text-decoration: underline;
}
@media only screen and (max-width:960px) {
  .editor_contents_block .editor_contents_list ul a {
    font-size: 13px;
  }
}

.editor-w_wrap {
  color: black;
  line-height: 1.8;
  font-size: 16px;
  color: #333;
}
@media only screen and (max-width:960px) {
  .editor-w_wrap {
    font-size: 14px;
  }
}
.editor-w_wrap h2 {
  padding: 0 0 0 16px;
  border-left: 6px #1C97B5 solid;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor-w_wrap h2 {
    font-size: 20px;
  }
}
.editor-w_wrap h3 {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 3px;
  border-bottom: 3px #1C97B5 solid;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor-w_wrap h3 {
    font-size: 18px;
  }
}
.editor-w_wrap h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor-w_wrap h4 {
    font-size: 16px;
  }
}
.editor-w_wrap p {
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor-w_wrap p {
    margin: 0 0 40px;
  }
}
.editor-w_wrap p a {
  display: inline;
  margin: 0;
}
.editor-w_wrap img {
  display: block;
  width: auto;
  height: auto;
  max-width: 720px;
  width: 100%;
  margin: 0 auto 24px;
}
.editor-w_wrap big {
  font-size: larger;
}
.editor-w_wrap small {
  font-size: smaller;
}
.editor-w_wrap i,
.editor-w_wrap dfn,
.editor-w_wrap em {
  font-style: italic;
}
.editor-w_wrap strong,
.editor-w_wrap b {
  font-weight: 700;
}
.editor-w_wrap ins {
  text-decoration: underline;
}
.editor-w_wrap sup {
  vertical-align: super;
  font-size: smaller;
}
.editor-w_wrap a {
  display: block;
  color: #1C97B5;
  text-decoration: underline;
  margin: 0 0 24px;
}
.editor-w_wrap .huto {
  font-weight: bold;
}
.editor-w_wrap .hutoaka {
  font-weight: bold;
  color: red;
}
.editor-w_wrap .oomozi {
  font-size: 20px;
  font-weight: bold;
}
.editor-w_wrap .italic {
  font-style: italic;
}
.editor-w_wrap .komozi {
  font-size: 12px;
}
.editor-w_wrap .dotline {
  border-bottom: 1px #959595 dotted;
}
.editor-w_wrap .sankou {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: #ff9800;
}
.editor-w_wrap .st-hisu {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: red;
}
.editor-w_wrap code {
  color: #333;
  padding: 4px;
  background: #eee;
  margin: 2px;
  border-radius: 2px;
  font-size: 0.9em;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.editor-w_wrap .marker {
  background: linear-gradient(transparent 60%, rgba(28, 151, 181, 0.2) 60%);
}
.editor-w_wrap .ymarker {
  background: linear-gradient(transparent 30%, #fce57b 30%);
}
.editor-w_wrap .ymarker-s {
  background: linear-gradient(transparent 75%, #fce57b 75%);
}
.editor-w_wrap .rmarker {
  background: linear-gradient(transparent 30%, #ffd4d4 30%);
}
.editor-w_wrap .rmarker-s {
  background: linear-gradient(transparent 75%, #ffd4d4 75%);
}
.editor-w_wrap .bmarker {
  background: linear-gradient(transparent 30%, #d4e9ff 30%);
}
.editor-w_wrap .bmarker-s {
  background: linear-gradient(transparent 75%, #d4e9ff 75%);
}

.editor_contents_block {
  background: #EAEAEA;
  padding: 32px;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .editor_contents_block {
    margin: 0 0 40px;
    padding: 24px 16px;
  }
}
.editor_contents_block .editor_contents_title {
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .editor_contents_block .editor_contents_title {
    display: none;
  }
}
.editor_contents_block .editor_contents_list p {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .editor_contents_block .editor_contents_list p {
    font-size: 16px;
    margin: 0 0 12px;
  }
}
.editor_contents_block .editor_contents_list li {
  margin: 0 0 24px;
}
.editor_contents_block .editor_contents_list li:last-of-type {
  margin: 0;
}
.editor_contents_block .editor_contents_list ul {
  padding: 0 0 0 24px;
}
@media only screen and (max-width:960px) {
  .editor_contents_block .editor_contents_list ul {
    padding: 0 0 0 16px;
  }
}
.editor_contents_block .editor_contents_list ul li {
  margin: 0 0 8px;
}
.editor_contents_block .editor_contents_list ul li:last-of-type {
  margin: 0;
}
.editor_contents_block .editor_contents_list ul a {
  color: #6f6f6f;
  font-weight: 400;
  margin: 0;
  text-decoration: underline;
}
@media only screen and (max-width:960px) {
  .editor_contents_block .editor_contents_list ul a {
    font-size: 13px;
  }
}

/*=================

    service.scss

=======================*/
/* layout */
.service_layout_wrap {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .service_layout_wrap {
    padding: 0 0 64px;
  }
}
@media only screen and (max-width:768px) {
  .service_layout_wrap {
    display: block;
  }
}
.service_layout_wrap.water-category {
  padding: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service_layout_wrap.water-category {
    padding: 0 0 24px;
  }
}
.service_layout_wrap .service_layout_main {
  width: calc(100% - 320px);
}
@media only screen and (max-width:1200px) {
  .service_layout_wrap .service_layout_main {
    width: calc(100% - 264px);
  }
}
@media only screen and (max-width:960px) {
  .service_layout_wrap .service_layout_main {
    padding: 0;
  }
}
@media only screen and (max-width:768px) {
  .service_layout_wrap .service_layout_main {
    width: 100%;
  }
}
.service_layout_wrap .service_layout_aside {
  position: relative;
  width: 240px;
}
@media only screen and (max-width:768px) {
  .service_layout_wrap .service_layout_aside {
    display: none;
  }
}

.service_aside_sticky {
  position: sticky;
  top: 154px;
}
@media only screen and (max-width:960px) {
  .service_aside_sticky {
    top: 116px;
  }
}
@media only screen and (max-width:768px) {
  .service_aside_sticky {
    position: relative;
    top: inherit;
  }
}

.service_aside_block {
  margin: 0 0 80px;
}
@media only screen and (max-width:768px) {
  .service_aside_block {
    margin: 0 0 32px;
  }
}
.service_aside_block:last-of-type {
  margin: 0;
}
.service_aside_block .service_aside_title {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #c3c3c3;
  line-height: 41px;
  margin: 0 0 16px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
}
@media only screen and (max-width:960px) {
  .service_aside_block .service_aside_title {
    font-size: 13px;
    line-height: 39px;
  }
}
.service_aside_block .service_aside_main {
  width: 100%;
}

.service_aside_list .service_aside_btn {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  border-bottom: 1px #c6c6c6 solid;
  font-size: 13px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 8px;
  cursor: pointer;
  /*
  		&:hover{
  			a{
  				color: var.$sub;
  				text-decoration: underline;
  			}
  		}
  */
}
.service_aside_list .service_aside_btn.active small img {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.service_aside_list .service_aside_btn a {
  color: #333;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.service_aside_list .service_aside_btn a:hover {
  color: #1C97B5;
  text-decoration: underline;
}
.service_aside_list .service_aside_btn small {
  display: block;
  width: 16px;
  min-width: 16px;
  text-align: right;
}
.service_aside_list .service_aside_btn small img {
  display: inline-block;
  width: 8px;
}
.service_aside_list .service_aside_sublist {
  display: none;
}
.service_aside_list .service_aside_sublist .service_aside_subitem {
  border-bottom: 0.5px #c6c6c6 solid;
}
.service_aside_list .service_aside_sublist .service_aside_link {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  font-size: 12px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 8px 24px 8px 8px;
  background: url("assets/images/common/arrow_blue-right_icon.svg") right 8px center no-repeat;
  background-size: 10px;
}
.service_aside_list .service_aside_sublist .service_aside_link:hover small {
  color: #1C97B5;
  text-decoration: underline;
}
.service_aside_list .service_aside_sublist .service_aside_link:hover span:before {
  opacity: 1;
}
.service_aside_list .service_aside_sublist .service_aside_link small {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.service_aside_list .service_aside_sublist .service_aside_link span {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border: 1px black solid;
  margin: 0 4px 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
}
.service_aside_list .service_aside_sublist .service_aside_link span:before {
  content: "";
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

.service_aside_color_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.service_aside_color_list .service_aside_color_item {
  width: calc((100% - 20px) / 6);
  margin: 0 4px 4px 0;
}
.service_aside_color_list .service_aside_color_item:nth-of-type(6n) {
  margin: 0 0 4px;
}
.service_aside_color_list .service_aside_color_link {
  display: block;
  width: 100%;
  padding-top: 100%;
}

.service-all_related_wrap .service-all_related_block {
  margin: 0 0 80px;
}
.service-all_related_wrap .service-all_related_block:last-of-type {
  margin: 0;
}
.service-all_related_wrap .column_tag_list .column_tag_link:hover {
  color: #1C97B5;
}

.service_fix_btn {
  display: block;
  width: 100%;
  height: 55px;
  background: url("assets/images/common/open_arrow_icon.svg") right 32px center no-repeat #1C97B5;
  background-size: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}

/* OEM */
.service01_mv_wrap {
  padding: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap {
    padding: 0 16px 80px;
  }
}
.service01_mv_wrap .common_top_title01 {
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .common_top_title01 {
    margin: 0 0 24px;
    padding: 0;
  }
}
.service01_mv_wrap .common_top_title04 {
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .common_top_title04 {
    margin: 0 0 24px;
    padding: 0;
  }
}
.service01_mv_wrap .service01_feature_list .service01_feature_item {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_item {
    display: block;
    margin: 0 0 24px;
  }
}
.service01_mv_wrap .service01_feature_list .service01_feature_item:nth-of-type(even) {
  flex-direction: row-reverse;
}
.service01_mv_wrap .service01_feature_list .service01_feature_item:nth-of-type(even) .service01_feature_pic {
  border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_item:nth-of-type(even) .service01_feature_pic {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
  }
}
.service01_mv_wrap .service01_feature_list .service01_feature_item:last-of-type {
  margin: 0;
}
.service01_mv_wrap .service01_feature_list .service01_feature_main {
  width: calc(50% - 60px);
  padding: 0 80px;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_main {
    width: 100%;
    padding: 0;
  }
}
.service01_mv_wrap .service01_feature_list .service01_feature_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 700;
  color: #333;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}
.service01_mv_wrap .service01_feature_list .service01_feature_title span {
  color: #1C97B5;
}
.service01_mv_wrap .service01_feature_list .service01_feature_title small {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #1C97B5;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_title small {
    font-size: 16px;
  }
}
.service01_mv_wrap .service01_feature_list .service01_feature_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 400;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_text {
    font-size: 14px;
  }
}
.service01_mv_wrap .service01_feature_list .service01_feature_sub {
  width: calc(50% + 60px);
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_sub {
    display: none;
  }
}
.service01_mv_wrap .service01_feature_list .service01_feature_pic {
  width: 100%;
  height: 390px;
  border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
}
@media only screen and (max-width:960px) {
  .service01_mv_wrap .service01_feature_list .service01_feature_pic {
    height: inherit;
    padding-top: 50%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin: 0 0 16px;
  }
}

.service01_category_wrap {
  position: relative;
  background: #eaeaea;
  /*
  background: url(var.$get_img+"service/oem/bg01.png") center center no-repeat #eaeaea;
  	background-size: 100%;
  */
  width: calc(100% - 80px);
  margin: 0 0 160px 80px;
  padding: 80px;
  border-radius: 100px 0 0 100px;
  -webkit-border-radius: 100px 0 0 100px;
  -moz-border-radius: 100px 0 0 100px;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  /*
  @media  only screen and (max-width:640px){
  		background: url(var.$get_img+"service/oem/bg01_sp.png") center center no-repeat #eaeaea;
  		background-size: 100%;
  	}
  */
}
@media only screen and (max-width:960px) {
  .service01_category_wrap {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 100%;
    padding: 40px 16px;
    margin: 0 0 80px;
  }
}
.service01_category_wrap .search_dot01 {
  display: block;
  position: absolute;
  top: 5%;
  right: 30%;
  animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .search_dot01 {
    width: 15%;
  }
}
.service01_category_wrap .search_dot02 {
  display: block;
  position: absolute;
  top: 25%;
  left: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 0.5s;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .search_dot02 {
    width: 15%;
  }
}
.service01_category_wrap .search_dot03 {
  display: block;
  position: absolute;
  top: 50%;
  right: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .search_dot03 {
    width: 15%;
  }
}
.service01_category_wrap .search_dot04 {
  display: block;
  position: absolute;
  bottom: 15%;
  left: 50%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .search_dot04 {
    width: 15%;
  }
}
.service01_category_wrap .service01_category_inner {
  position: relative;
  width: calc(100% - 170px);
}
@media only screen and (max-width:1366px) {
  .service01_category_wrap .service01_category_inner {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .service01_category_inner {
    width: 100%;
  }
}
.service01_category_wrap .common_top_title01 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .common_top_title01 {
    margin: 0 0 40px;
  }
}
.service01_category_wrap .common_all-l_link {
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .common_all-l_link {
    margin: 0;
  }
}
.service01_category_wrap .service01_category_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -20px;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .service01_category_list {
    margin: 0;
  }
}
@media only screen and (max-width:768px) {
  .service01_category_wrap .service01_category_list {
    margin: 0 0 8px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.service01_category_wrap .service01_category_list .service01_category_item {
  width: calc((100% - 60px) / 4);
  margin: 0 20px 20px 0;
}
@media only screen and (max-width:768px) {
  .service01_category_wrap .service01_category_list .service01_category_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}
.service01_category_wrap .service01_category_list .service01_category_item:nth-of-type(4n) {
  margin: 0 0 20px;
}
@media only screen and (max-width:768px) {
  .service01_category_wrap .service01_category_list .service01_category_item:nth-of-type(4n) {
    margin: 0 0 16px;
  }
}
.service01_category_wrap .service01_category_list .service01_category_link {
  display: block;
  width: 100%;
  padding-top: 100%;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  position: relative;
  overflow: hidden;
}
.service01_category_wrap .service01_category_list .service01_category_link:hover .service01_category_pic {
  transform: translateX(-50%) translateY(-50%) scale(1.15);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.15);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.15);
}
.service01_category_wrap .service01_category_list .service01_category_link:hover:after {
  opacity: 1;
}
.service01_category_wrap .service01_category_list .service01_category_link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.service01_category_wrap .service01_category_list .service01_category_pic {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  z-index: 0;
}
.service01_category_wrap .service01_category_list .service01_category_pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}
.service01_category_wrap .service01_category_list .service01_category_box {
  width: calc(100% - 32px);
  position: absolute;
  bottom: 24px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  color: #fff;
  line-height: 1.8;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .service01_category_list .service01_category_box {
    bottom: inherit;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    padding: 0 0 24px;
    background: url("assets/images/common/arrow_white-right_icon.svg") center bottom 0 no-repeat;
    background-size: 20px;
  }
}
.service01_category_wrap .service01_category_list .service01_category_box .service01_category_title {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin: 0 0 8px;
  padding: 0 28px 0 0;
  background: url("assets/images/common/arrow_white-right_icon.svg") right top 4px no-repeat;
  background-size: 20px;
}
.service01_category_wrap .service01_category_list .service01_category_box .service01_category_title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .service01_category_list .service01_category_box .service01_category_title {
    font-size: 12px;
    padding: 0;
    background: none;
  }
}
.service01_category_wrap .service01_category_list .service01_category_box .service01_category_text {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .service01_category_wrap .service01_category_list .service01_category_box .service01_category_text {
    font-size: 11px;
  }
}

.service01_product_wrap {
  margin: 0 0 80px;
}

.search_product_list {
  padding: 80px 40px !important;
}
@media only screen and (max-width:960px) {
  .search_product_list {
    padding: 40px 0px !important;
  }
}
.search_product_list .common_pc .service01_product_item {
  width: calc((100% - 48px) / 3) !important;
}
@media only screen and (max-width:960px) {
  .search_product_list .common_pc .service01_product_item {
    width: calc((100% - 24px) / 2) !important;
  }
}
@media only screen and (max-width:640px) {
  .search_product_list .common_pc .service01_product_item {
    width: 100%;
  }
}
.search_product_list .common_pc .service01_product_item:nth-of-type(1), .search_product_list .common_pc .service01_product_item:nth-of-type(2) {
  width: calc((100% - 24px) / 2) !important;
}
@media only screen and (max-width:960px) {
  .search_product_list .common_pc .service01_product_item:nth-of-type(1), .search_product_list .common_pc .service01_product_item:nth-of-type(2) {
    font-size: 11px;
  }
}
.search_product_list .servie01_product_slider_btnarea {
  margin-left: 24px;
}
.search_product_list .common_top_title01 {
  margin-bottom: 40px !important;
}
@media only screen and (max-width:640px) {
  .search_product_list .common_top_title01 {
    margin-bottom: 24px !important;
  }
}

.service01_product_type01_wrap {
  position: relative;
  background: #e5e5e5;
  padding: 80px 16px;
}
@media only screen and (max-width:960px) {
  .service01_product_type01_wrap {
    padding: 40px 0;
  }
}
.service01_product_type01_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("assets/images/index/item_bg.png") center center no-repeat;
  background-size: cover;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
}
.service01_product_type01_wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("assets/images/service/oem/bg02.png") center top no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width:640px) {
  .service01_product_type01_wrap:after {
    background: url("assets/images/service/oem/bg02_sp.png") center top no-repeat;
    background-size: 100%;
  }
}
.service01_product_type01_wrap .common_top_title01 {
  margin: 0 0 96px;
}
@media only screen and (max-width:960px) {
  .service01_product_type01_wrap .common_top_title01 {
    padding: 0 16px;
    margin: 0 0 8px;
  }
}
.service01_product_type01_wrap .common_top_title04 {
  margin: 0 0 96px;
}
@media only screen and (max-width:960px) {
  .service01_product_type01_wrap .common_top_title04 {
    padding: 0 16px;
    margin: 0 0 8px;
  }
}

.service01_product_type02_wrap {
  position: relative;
  padding: 80px 16px;
}
@media only screen and (max-width:960px) {
  .service01_product_type02_wrap {
    padding: 40px 0;
  }
}
.service01_product_type02_wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("assets/images/service/oem/bg03.png") center top no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width:640px) {
  .service01_product_type02_wrap:after {
    background: url("assets/images/service/oem/bg03_sp.png") center top no-repeat;
    background-size: 100%;
  }
}
.service01_product_type02_wrap .common_top_title01 {
  margin: 0 0 96px;
}
@media only screen and (max-width:960px) {
  .service01_product_type02_wrap .common_top_title01 {
    padding: 0 16px;
    margin: 0 0 8px;
  }
}
.service01_product_type02_wrap .common_top_title04 {
  margin: 0 0 96px;
}
@media only screen and (max-width:960px) {
  .service01_product_type02_wrap .common_top_title04 {
    padding: 0 16px;
    margin: 0 0 8px;
  }
}

.service01_product_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  gap: 24px;
}
.service01_product_list .service01_product_item {
  width: calc((100% - 96px) / 4);
}
.service01_product_list .service01_product_item:nth-of-type(1), .service01_product_list .service01_product_item:nth-of-type(2), .service01_product_list .service01_product_item:nth-of-type(3) {
  width: calc((100% - 48px) / 3);
}
.service01_product_list .service01_product_item:nth-of-type(1) a .product_title, .service01_product_list .service01_product_item:nth-of-type(2) a .product_title, .service01_product_list .service01_product_item:nth-of-type(3) a .product_title {
  text-align: start;
}
.service01_product_list .service01_product_item:nth-of-type(1) a .product_text_wrap, .service01_product_list .service01_product_item:nth-of-type(2) a .product_text_wrap, .service01_product_list .service01_product_item:nth-of-type(3) a .product_text_wrap {
  margin-bottom: 0px;
}
.service01_product_list .service01_product_item:nth-of-type(1) a .product_pic, .service01_product_list .service01_product_item:nth-of-type(2) a .product_pic, .service01_product_list .service01_product_item:nth-of-type(3) a .product_pic {
  width: 100%;
  aspect-ratio: 16/9;
}

.service01_product_slider_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-flex !important;
  padding: 40px 0;
}
.service01_product_slider_list .slick-slide {
  height: inherit !important;
}
.service01_product_slider_list .slick-slide > div {
  height: 100%;
}
.service01_product_slider_list .service01_product_item {
  padding: 0 16px;
}

.service01_product_slider_btnarea {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  padding: 0 16px;
}

.service01_voice_wrap {
  padding: 160px 0 80px;
  overflow: hidden;
  position: relative;
  /*
  &:before{
  		content: "";
  		display: block;
  		width: 1374px;
  		height: 1374px;
  		@include cm.border-radius(50%);
  		background: #f2f2f2;
  		position: absolute;
  		right: -327px;
  		top:-551px;
  		@media  only screen and (max-width:960px){
  			width: 667px;
  			height: 667px;
  			top:-122px;
  			right: -363px;
  		}
  	}
  */
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap {
    padding: 80px 0 64px;
  }
}
.service01_voice_wrap.about {
  padding: 160px 0 40px;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap.about {
    padding: 80px 0 64px;
  }
}
.service01_voice_wrap .circle {
  position: absolute;
  right: -327px;
  top: -551px;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .circle {
    top: -122px;
    right: -363px;
  }
}
.service01_voice_wrap .service01_voice_head {
  padding: 0 16px;
}
.service01_voice_wrap .service01_voice_head .common_top_title04 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .service01_voice_head .common_top_title04 {
    margin: 0 0 24px;
  }
}
.service01_voice_wrap .service01_voice_head .service01_voice_info {
  position: relative;
}
@media only screen and (max-width:1200px) {
  .service01_voice_wrap .service01_voice_head .service01_voice_info {
    display: flex;
    display: -ms-flexbox;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .service01_voice_head .service01_voice_info {
    display: block;
  }
}
.service01_voice_wrap .service01_voice_head .service01_voice_text {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  max-width: 342px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
}
@media only screen and (max-width:1200px) {
  .service01_voice_wrap .service01_voice_head .service01_voice_text {
    position: relative;
    left: inherit;
    top: inherit;
  }
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .service01_voice_head .service01_voice_text {
    max-width: inherit;
    margin: 0 0 24px;
    font-size: 13px;
  }
}
.service01_voice_wrap .service01_voice_head .align_right {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.service01_voice_wrap .service01_voice_slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .service01_voice_slider {
    padding: 0 0 20px;
  }
}
.service01_voice_wrap .service01_voice_slider .service01_voice_slider_inner {
  position: relative;
  left: calc(50% - 298px);
  padding: 0 0 0 40px;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .service01_voice_slider .service01_voice_slider_inner {
    left: 0;
  }
}
.service01_voice_wrap .voice_list {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  margin: 0;
}
.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 1) .voice_link {
  margin: 20px 0 0;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 1) .voice_link {
    margin: 0;
  }
}
.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 2) .voice_link {
  margin: 40px 0 0;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 2) .voice_link {
    margin: 0;
  }
}
.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 4) .voice_link {
  margin: 60px 0 0;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 4) .voice_link {
    margin: 0;
  }
}
.service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 5) .voice_link {
  margin: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 5) .voice_link {
    margin: 0;
  }
}
.service01_voice_wrap .voice_list .slick-list {
  overflow: visible;
}
.service01_voice_wrap .voice_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-flex !important;
}
.service01_voice_wrap .voice_list .slick-slide {
  height: inherit !important;
}
.service01_voice_wrap .voice_list .voice_item {
  padding: 40px 12px;
  margin: 0;
  width: 450px !important;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .voice_list .voice_item {
    width: 311px !important;
  }
}
@media only screen and (max-width:350px) {
  .service01_voice_wrap .voice_list .voice_item {
    width: 280px !important;
  }
}
.service01_voice_wrap .voice_list .voice_head .voice_label {
  top: 16px;
  right: 16px;
  max-width: calc(100% - 32px);
  font-size: 14px;
}
@media only screen and (max-width:1200px) {
  .service01_voice_wrap .voice_list .voice_head .voice_label {
    top: 12px;
    right: 12px;
    max-width: calc(100% - 24px);
    font-size: 12px;
  }
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}
.service01_voice_wrap .voice_list .voice_head .voice_head_inner {
  height: 260px;
}
@media only screen and (max-width:1200px) {
  .service01_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 200px;
  }
}
@media only screen and (max-width:640px) {
  .service01_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}
.service01_voice_wrap .voice_list .voice_body {
  padding: 52px 16px 32px;
}
@media only screen and (max-width:1200px) {
  .service01_voice_wrap .voice_list .voice_body {
    padding: 40px 16px 28px;
  }
}
.service01_voice_wrap .voice_list .voice_body .voice_mem {
  width: 88px;
  height: 88px;
  border: 8px #fff solid;
  top: -44px;
}
@media only screen and (max-width:1200px) {
  .service01_voice_wrap .voice_list .voice_body .voice_mem {
    height: 64px;
    width: 64px;
    border: 5px #fff solid;
    top: -32px;
  }
}
.service01_voice_wrap .voice_list .voice_body .voice_title {
  font-size: 20px;
}
@media only screen and (max-width:1200px) {
  .service01_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 16px;
  }
}
@media only screen and (max-width:640px) {
  .service01_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}
.service01_voice_wrap .slider_btnarea {
  position: absolute;
  left: calc(50% - 640px + 186px);
  bottom: 90px;
}
@media only screen and (max-width:960px) {
  .service01_voice_wrap .slider_btnarea {
    bottom: 0;
    left: 16px;
  }
}

/* Material & Fabricated Piece */
.service02_wrap {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service02_wrap {
    margin: 0 0 64px;
  }
}

.service03_wrap {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service03_wrap {
    margin: 0;
  }
}

.service_work_wrap {
  margin: 0 0 80px;
}
.service_work_wrap .common_top_title04 {
  padding: 0 0 0 80px;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service_work_wrap .common_top_title04 {
    padding: 0 16px;
    margin: 0 0 40px;
  }
}
.service_work_wrap .common_top_title04.water {
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .service_work_wrap .common_top_title04.water {
    margin: 0 0 16px;
  }
}
.service_work_wrap .service_work_main_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}
@media only screen and (max-width:960px) {
  .service_work_wrap .service_work_main_text {
    padding: 0 16px;
    font-size: 14px;
    margin: 0 0 40px;
  }
}

.service_work_block .service_work_box {
  display: flex;
  display: -ms-flexbox;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_work_box {
    display: block;
  }
}
.service_work_block .service_work_box:nth-of-type(even) {
  flex-direction: row-reverse;
}
.service_work_block .service_work_box:nth-of-type(even) .service_wrok_main {
  padding: 40px 80px 40px 40px;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_work_box:nth-of-type(even) .service_wrok_main {
    padding: 40px 16px;
  }
}
.service_work_block .service_work_box.bg01 {
  background: #f7ac00;
}
.service_work_block .service_work_box.bg01 .service_work_btn:hover small {
  background: #f7ac00;
}
.service_work_block .service_work_box.bg02 {
  background: #f35360;
}
.service_work_block .service_work_box.bg02 .service_work_btn:hover small {
  background: #f35360;
}
.service_work_block .service_work_box.bg03 {
  background: #2db0e7;
}
.service_work_block .service_work_box.bg03 .service_work_btn:hover small {
  background: #2db0e7;
}
.service_work_block .service_work_box.bg04 {
  background: #23b195;
}
.service_work_block .service_work_box.bg04 .service_work_btn:hover small {
  background: #23b195;
}
.service_work_block .service_wrok_main {
  width: 50%;
  padding: 40px 40px 40px 80px;
  color: #fff;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_wrok_main {
    width: 100%;
    padding: 40px 16px;
  }
}
.service_work_block .service_wrok_main .service_work_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 700;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_wrok_main .service_work_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}
.service_work_block .service_wrok_main .service_work_title span {
  display: block;
  font-size: 18px;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_wrok_main .service_work_title span {
    font-size: 16px;
  }
}
.service_work_block .service_wrok_main .service_wrok_text {
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_wrok_main .service_wrok_text {
    font-size: 14px;
  }
}
.service_work_block .service_wrok_main .align_right {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.service_work_block .service_wrok_main .service_work_btn {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_wrok_main .service_work_btn {
    font-size: 13px;
  }
}
.service_work_block .service_wrok_main .service_work_btn:hover small img {
  filter: brightness(0) invert(1);
}
.service_work_block .service_wrok_main .service_work_btn span {
  display: inline-block;
  vertical-align: middle;
}
.service_work_block .service_wrok_main .service_work_btn small {
  margin: 0 0 0 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px #fff solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_wrok_main .service_work_btn small {
    width: 36px;
    height: 36px;
  }
}
.service_work_block .service_wrok_main .service_work_btn small img {
  width: 16px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.service_work_block .service_work_sub {
  width: 50%;
  min-height: 403px;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_work_sub {
    display: none;
  }
}
.service_work_block .service_work_pic {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width:960px) {
  .service_work_block .service_work_pic {
    height: inherit;
    padding-top: 66.47%;
    margin: 0 auto 16px;
  }
}

.service_others_wrap {
  padding: 0 16px 80px;
}
@media only screen and (max-width:960px) {
  .service_others_wrap {
    padding: 0 16px 64px;
  }
}
.service_others_wrap .service_others_title {
  font-size: 28px;
  line-height: 1.8;
  text-align: center;
  color: #333;
  margin: 0 0 80px;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .service_others_wrap .service_others_title {
    font-size: 20px;
    margin: 0 0 24px;
  }
}
.service_others_wrap .service_others_list {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:960px) {
  .service_others_wrap .service_others_list {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:500px) {
  .service_others_wrap .service_others_list {
    display: block;
  }
}
.service_others_wrap .service_others_list .service_others_item {
  width: calc((100% - 144px) / 4);
  margin: 0 48px 0 0;
}
@media only screen and (max-width:1200px) {
  .service_others_wrap .service_others_list .service_others_item {
    width: calc((100% - 72px) / 4);
    margin: 0 24px 0 0;
  }
}
@media only screen and (max-width:960px) {
  .service_others_wrap .service_others_list .service_others_item {
    width: calc(50% - 8px);
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:500px) {
  .service_others_wrap .service_others_list .service_others_item {
    width: 100%;
  }
}
.service_others_wrap .service_others_list .service_others_item:last-of-type {
  margin: 0;
}
@media only screen and (max-width:960px) {
  .service_others_wrap .service_others_list .service_others_item:last-of-type {
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:500px) {
  .service_others_wrap .service_others_list .service_others_item:last-of-type {
    margin: 0;
  }
}
.service_others_wrap .service_others_list .service_others_pic {
  display: block;
  width: 100%;
  padding-top: 65.14%;
  position: relative;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  margin: 0 0 8px;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .service_others_wrap .service_others_list .service_others_pic {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
}
.service_others_wrap .service_others_list .service_others_pic:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.61%, rgba(0, 0, 0, 0.35) 80.84%, rgba(0, 0, 0, 0.5) 100%);
  -webkit-background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.61%, rgba(0, 0, 0, 0.35) 80.84%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.service_others_wrap .service_others_list .service_others_subtitle {
  width: calc(100% - 32px);
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width:960px) {
  .service_others_wrap .service_others_list .service_others_subtitle {
    font-size: 18px;
    bottom: 20px;
  }
}
.service_others_wrap .service_others_list .service_others_text {
  font-size: 16px;
  color: black;
  line-height: 1.8;
}
@media only screen and (max-width:960px) {
  .service_others_wrap .service_others_list .service_others_text {
    font-size: 12px;
  }
}

/* Hydraulic Transfer */
.water_mv_wrap {
  position: relative;
  padding: 160px 16px;
  /*
  background: url(var.$get_img+"service/hydraulic/bg01.png") center center no-repeat;
  	background-size: contain;
  */
}
@media only screen and (max-width:960px) {
  .water_mv_wrap {
    padding: 64px 16px 80px;
    /*
    background: url(var.$get_img+"service/hydraulic/bg01_sp.png") center center no-repeat;
    		background-size: contain;
    */
  }
}
.water_mv_wrap .dot01 {
  display: block;
  position: absolute;
  top: 10%;
  left: 5%;
  animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
}
@media only screen and (max-width:960px) {
  .water_mv_wrap .dot01 {
    width: 15%;
  }
}
.water_mv_wrap .dot02 {
  display: block;
  position: absolute;
  top: 5%;
  right: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 0.5s;
}
@media only screen and (max-width:960px) {
  .water_mv_wrap .dot02 {
    width: 15%;
  }
}
.water_mv_wrap .dot03 {
  display: block;
  position: absolute;
  bottom: 20%;
  left: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .water_mv_wrap .dot03 {
    width: 15%;
  }
}
.water_mv_wrap .dot04 {
  display: block;
  position: absolute;
  bottom: 10%;
  right: 10%;
  animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}
@media only screen and (max-width:960px) {
  .water_mv_wrap .dot04 {
    width: 15%;
  }
}
.water_mv_wrap .water_mv_title {
  position: relative;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .water_mv_wrap .water_mv_title {
    font-size: 28px;
    margin: 0 0 24px;
  }
}
.water_mv_wrap .water_mv_text {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  max-width: 880px;
  width: 100%;
  margin: 0 auto 40px;
}
@media only screen and (max-width:960px) {
  .water_mv_wrap .water_mv_text {
    font-size: 14px;
    margin: 0 auto 24px;
  }
}
.water_mv_wrap .water_mv_pic {
  position: relative;
  display: block;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.water_about_wrap {
  position: relative;
  background: #1C97B5;
  padding: 40px 16px;
}
@media only screen and (max-width:960px) {
  .water_about_wrap {
    padding: 40px 16px 56px;
  }
}
.water_about_wrap:after {
  content: "";
  display: block;
  border-right: 350px solid transparent;
  border-top: 76px solid #1C97B5;
  border-left: 350px solid transparent;
  position: absolute;
  bottom: -76px;
  left: 50%;
  z-index: 1000;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media only screen and (max-width:960px) {
  .water_about_wrap:after {
    bottom: -38px;
    border-right: 120px solid transparent;
    border-top: 38px solid #1C97B5;
    border-left: 120px solid transparent;
  }
}
.water_about_wrap .water_about_title {
  font-size: 40px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .water_about_wrap .water_about_title {
    font-size: 28px;
    margin: 0 0 24px;
  }
}
.water_about_wrap .water_about_title span {
  display: block;
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (max-width:960px) {
  .water_about_wrap .water_about_title span {
    font-size: 16px;
  }
}
.water_about_wrap .water_about_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  margin-bottom: 40px;
  gap: 24px;
}
@media only screen and (max-width:768px) {
  .water_about_wrap .water_about_list {
    flex-direction: column;
    align-items: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    gap: 40px;
  }
}
.water_about_wrap .water_about_list .water_about_item {
  padding: 20px;
  border-radius: 24px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  width: calc((100% - 48px) / 3);
  min-height: 240px;
  background: #fff;
  position: relative;
}
@media only screen and (max-width:768px) {
  .water_about_wrap .water_about_list .water_about_item:nth-child(2) {
    margin: auto;
    margin-right: 0;
  }
}
@media only screen and (max-width:768px) {
  .water_about_wrap .water_about_list .water_about_item {
    min-height: 200px;
  }
}
@media only screen and (max-width:768px) {
  .water_about_wrap .water_about_list .water_about_item {
    width: 80%;
  }
}
.water_about_wrap .water_about_list .water_about_item::before {
  content: "";
  position: absolute;
  background: url("../images/common/comment_dcr.svg") no-repeat center/contain;
  width: 58px;
  height: 41px;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
}
.water_about_wrap .water_about_list .water_about_item .water_about_item_title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 16px;
}
@media only screen and (max-width:768px) {
  .water_about_wrap .water_about_list .water_about_item .water_about_item_title {
    font-size: 16px;
  }
}
.water_about_wrap .water_about_list .water_about_item .water_about_item_detail {
  font-size: 14px;
  line-height: 1.5;
}
.water_about_wrap .water_about_pic {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 40px;
}
@media only screen and (max-width:960px) {
  .water_about_wrap .water_about_pic {
    margin: 0 auto 16px;
  }
}
@media only screen and (max-width:768px) {
  .water_about_wrap .water_about_pic {
    max-width: 400px;
  }
}
.water_about_wrap .water_about_subtitle {
  font-size: 28px;
  line-height: 1.8;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .water_about_wrap .water_about_subtitle {
    font-size: 20px;
    margin: 0 0 16px;
  }
}
.water_about_wrap .water_about_subtitle span {
  border-bottom: 2px #ffd81a solid;
}
.water_about_wrap .water_about_subtitle small {
  color: #ffd81a;
}
.water_about_wrap .water_about_text {
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .water_about_wrap .water_about_text {
    font-size: 13px;
  }
}

.water_feature_wrap {
  padding: 160px 0;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap {
    padding: 120px 16px 80px;
  }
}
.water_feature_wrap .common_water_title01 {
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .common_water_title01 {
    margin: 0 0 24px;
    padding: 0;
  }
}
.water_feature_wrap .water_feature_list .water_feature_item {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .water_feature_list .water_feature_item {
    display: block;
  }
}
.water_feature_wrap .water_feature_list .water_feature_item:last-of-type {
  flex-direction: row-reverse;
  margin: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .water_feature_list .water_feature_item:last-of-type {
    margin: 24px 0 0;
  }
}
.water_feature_wrap .water_feature_list .water_feature_item:last-of-type .water_feature_pic {
  border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .water_feature_list .water_feature_item:last-of-type .water_feature_pic {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
  }
}
.water_feature_wrap .water_feature_list .water_feature_main {
  width: calc(50% - 60px);
  padding: 0 80px;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .water_feature_list .water_feature_main {
    width: 100%;
    padding: 0;
  }
}
.water_feature_wrap .water_feature_list .water_feature_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 700;
  color: #333;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .water_feature_list .water_feature_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}
.water_feature_wrap .water_feature_list .water_feature_title span {
  color: #1C97B5;
}
.water_feature_wrap .water_feature_list .water_feature_title small {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #1C97B5;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .water_feature_list .water_feature_title small {
    font-size: 16px;
  }
}
.water_feature_wrap .water_feature_list .water_feature_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 400;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .water_feature_list .water_feature_text {
    font-size: 14px;
  }
}
.water_feature_wrap .water_feature_list .water_feature_sub {
  width: calc(50% + 60px);
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .water_feature_list .water_feature_sub {
    display: none;
  }
}
.water_feature_wrap .water_feature_list .water_feature_pic {
  width: 100%;
  height: 390px;
  border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
}
@media only screen and (max-width:960px) {
  .water_feature_wrap .water_feature_list .water_feature_pic {
    height: inherit;
    padding-top: 50%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin: 0 0 16px;
  }
}

.water_reason_wrap {
  padding: 80px 16px;
  background: rgba(45, 176, 231, 0.2);
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .water_reason_wrap {
    padding: 40px 16px;
    margin: 0 0 80px;
  }
}
.water_reason_wrap .water_reason_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  max-width: 1120px;
  width: 100%;
  margin: 0 auto -40px;
}
@media only screen and (max-width:960px) {
  .water_reason_wrap .water_reason_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin: 0 auto -16px;
  }
}
.water_reason_wrap .water_reason_list .water_reason_item {
  width: calc((100% - 72px) / 4);
  margin: 0 24px 40px 0;
  background: #fff;
  padding: 24px 16px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width:960px) {
  .water_reason_wrap .water_reason_list .water_reason_item {
    width: calc(50% - 12px);
    margin: 0 0 40px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
  }
}
@media only screen and (max-width:768px) {
  .water_reason_wrap .water_reason_list .water_reason_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}
.water_reason_wrap .water_reason_list .water_reason_item:nth-of-type(4n) {
  margin: 0 0 40px;
}
@media only screen and (max-width:768px) {
  .water_reason_wrap .water_reason_list .water_reason_item:nth-of-type(4n) {
    margin: 0 0 16px;
  }
}
.water_reason_wrap .water_reason_list .water_reason_title {
  font-size: 16px;
  line-height: 1.8;
  min-height: 46px;
  color: #333;
  text-align: center;
  font-weight: 700;
  margin: 0 0 8px;
}
@media only screen and (max-width:768px) {
  .water_reason_wrap .water_reason_list .water_reason_title {
    font-size: 12px;
    min-height: 43px;
  }
}
.water_reason_wrap .water_reason_list .water_reason_pic {
  display: block;
  width: 120px;
  margin: 0 auto 8px;
}
@media only screen and (max-width:768px) {
  .water_reason_wrap .water_reason_list .water_reason_pic {
    width: 100px;
  }
}
.water_reason_wrap .water_reason_list .water_reason_text {
  font-size: 12px;
  line-height: 1.8;
  color: #333;
}
@media only screen and (max-width:768px) {
  .water_reason_wrap .water_reason_list .water_reason_text {
    font-size: 11px;
  }
}
.water_reason_wrap .water_reason_list .water_reason_text a {
  color: #1C97B5;
  text-decoration: underline;
}

.water_flow_wrap {
  background: url("../images/about/about_flow.jpeg") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 80px 16px;
}
.water_flow_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.water_flow_wrap .common_water_title01 {
  color: #fff;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .water_flow_wrap .common_water_title01 {
    text-align: center;
    margin: 0 0 32px;
  }
}
.water_flow_wrap .common_water_title01 small {
  color: #fff;
}
.water_flow_wrap .water_flow_list {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  max-width: 936px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width:640px) {
  .water_flow_wrap .water_flow_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin: 0 auto 24px;
  }
}
.water_flow_wrap .water_flow_list .water_flow_item {
  width: calc((100% - 192px) / 4);
  margin: 0 64px 40px 0;
}
@media only screen and (max-width:960px) {
  .water_flow_wrap .water_flow_list .water_flow_item {
    width: calc((100% - 72px) / 4);
    margin: 0 24px 40px 0;
  }
}
@media only screen and (max-width:640px) {
  .water_flow_wrap .water_flow_list .water_flow_item {
    width: calc(50% - 8px);
    margin: 0 0 16px;
  }
}
.water_flow_wrap .water_flow_list .water_flow_item:nth-of-type(4n) {
  margin: 0 0 40px;
}
@media only screen and (max-width:640px) {
  .water_flow_wrap .water_flow_list .water_flow_item:nth-of-type(4n) {
    margin: 0 0 16px;
  }
}
.water_flow_wrap .water_flow_list .water_flow_pic {
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 0 8px;
}
.water_flow_wrap .water_flow_list .water_flow_pic .water_flow_num {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color: #1C97B5;
  font-weight: 700;
  border-radius: 0 8px 0 0;
  -webkit-border-radius: 0 8px 0 0;
  -moz-border-radius: 0 8px 0 0;
}
.water_flow_wrap .water_flow_list .water_flow_text {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width:960px) {
  .water_flow_wrap .water_flow_list .water_flow_text {
    font-size: 13px;
  }
}
.water_flow_wrap .water_flow_subtitle {
  display: inline-block;
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  padding: 0 10px;
  background: #fff;
}
@media only screen and (max-width:960px) {
  .water_flow_wrap .water_flow_subtitle {
    font-size: 16px;
  }
}
@media only screen and (max-width:640px) {
  .water_flow_wrap .water_flow_subtitle {
    padding: 0;
    background: none;
  }
}
@media only screen and (max-width:640px) {
  .water_flow_wrap .water_flow_subtitle span {
    display: inline-block;
    padding: 0 10px;
    margin: 0 0 8px;
    background: #fff49f;
  }
}
.water_flow_wrap .water_flow_subtext {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 500;
  color: #fff;
}
@media only screen and (max-width:960px) {
  .water_flow_wrap .water_flow_subtext {
    font-size: 13px;
  }
}

.water_design_wrap {
  padding: 160px 16px;
}
@media only screen and (max-width:960px) {
  .water_design_wrap {
    padding: 80px 16px;
  }
}
.water_design_wrap .common_water_title01 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .water_design_wrap .common_water_title01 {
    margin: 0 0 24px;
  }
}
.water_design_wrap .water_design_list {
  padding: 0 80px;
}
@media only screen and (max-width:1200px) {
  .water_design_wrap .water_design_list {
    padding: 0 16px;
  }
}
@media only screen and (max-width:960px) {
  .water_design_wrap .water_design_list {
    padding: 0;
  }
}
.water_design_wrap .water_design_list .water_design_item {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .water_design_wrap .water_design_list .water_design_item {
    display: block;
    margin: 0 0 40px;
  }
}
.water_design_wrap .water_design_list .water_design_item:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.water_design_wrap .water_design_list .water_design_item:last-of-type {
  margin: 0;
}
.water_design_wrap .water_design_list .water_design_main {
  width: 50%;
}
@media only screen and (max-width:960px) {
  .water_design_wrap .water_design_list .water_design_main {
    width: 100%;
  }
}
.water_design_wrap .water_design_list .align_right {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.water_design_wrap .water_design_list .water_design_title {
  font-size: 32px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .water_design_wrap .water_design_list .water_design_title {
    font-size: 24px;
    margin: 0 0 24px;
  }
}
.water_design_wrap .water_design_list .common_all-bl_link {
  margin: 0 0 24px;
}
.water_design_wrap .water_design_list .water_design_text {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .water_design_wrap .water_design_list .water_design_text {
    font-size: 14px;
  }
}
.water_design_wrap .water_design_list .water_design_sub {
  width: 50%;
  padding: 0 32px;
}
@media only screen and (max-width:960px) {
  .water_design_wrap .water_design_list .water_design_sub {
    display: none;
  }
}
.water_design_wrap .water_design_list .water_design_pic {
  width: 100%;
}
@media only screen and (max-width:960px) {
  .water_design_wrap .water_design_list .water_design_pic {
    max-width: 253px;
    margin: 0 auto 24px;
  }
}

.water_design_sublist {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 0 0 -16px;
}
@media only screen and (max-width:640px) {
  .water_design_sublist.water-category {
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width:640px) {
  .water_design_sublist.water-category .water_design_subitem {
    width: 100%;
  }
}
.water_design_sublist .water_design_subitem {
  width: calc(50% - 12px);
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .water_design_sublist .water_design_subitem {
    width: calc(50% - 8px);
  }
}

.water_design_sublink {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: 100%;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  background: url("assets/images/common/arrow_blue-right_icon.svg") right 30px center no-repeat #fff;
  background-size: 16px;
  padding: 8px 60px 8px 8px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .water_design_sublink {
    padding: 8px 40px 8px 8px;
    background-size: 14px;
    background-position: right 8px center;
  }
}
.water_design_sublink:hover {
  background: url("assets/images/common/arrow_white-right_icon.svg") right 30px center no-repeat #1C97B5;
  background-size: 16px;
}
@media only screen and (max-width:960px) {
  .water_design_sublink:hover {
    background-size: 14px;
    background-position: right 8px center;
  }
}
.water_design_sublink:hover span {
  color: #fff;
}
.water_design_sublink .water_design_icon {
  display: block;
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin: 0 16px 0 0;
  border: 1px #333 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .water_design_sublink .water_design_icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin: 0 8px 0 0;
  }
}
.water_design_sublink span {
  width: calc(100% - 64px);
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .water_design_sublink span {
    width: calc(100% - 40px);
    font-size: 14px;
  }
}

.water_voice_wrap {
  padding: 80px 0;
  margin: 0 0 54px;
  overflow: hidden;
  position: relative;
  /*
  &:before{
  		content: "";
  		display: block;
  		width: 1068px;
  		height: 100%;
  		@include cm.border-radius(50%);
  		background: #f2f2f2;
  		position: absolute;
  		right: -500px;
  		top:50%;
  		@include cm.transform(translateY(-50%));
  		@media  only screen and (max-width:960px){
  			height: calc( 100% - 130px);
  			top: 50px;
  			right: -800px;
  			@include cm.transform(translateY(0));
  		}
  	}
  */
}
@media only screen and (max-width:960px) {
  .water_voice_wrap {
    margin: 0;
    padding: 0 0 80px;
  }
}
.water_voice_wrap .circle {
  width: 1000px;
  height: 1000px;
  position: absolute;
  right: -500px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .circle {
    height: calc(100% - 130px);
    top: 50px;
    right: -800px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
  }
}
.water_voice_wrap .water_voice_head {
  padding: 0 16px;
}
.water_voice_wrap .water_voice_head .common_water_title01 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .water_voice_head .common_water_title01 {
    margin: 0 0 24px;
  }
}
.water_voice_wrap .water_voice_head .water_voice_info {
  position: relative;
}
@media only screen and (max-width:1200px) {
  .water_voice_wrap .water_voice_head .water_voice_info {
    display: flex;
    display: -ms-flexbox;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .water_voice_head .water_voice_info {
    display: block;
  }
}
.water_voice_wrap .water_voice_head .water_voice_text {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  max-width: 342px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
}
@media only screen and (max-width:1200px) {
  .water_voice_wrap .water_voice_head .water_voice_text {
    position: relative;
    left: inherit;
    top: inherit;
  }
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .water_voice_head .water_voice_text {
    max-width: inherit;
    margin: 0 0 24px;
    font-size: 13px;
  }
}
.water_voice_wrap .water_voice_head .align_right {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.water_voice_wrap .water_voice_slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .water_voice_slider {
    padding: 0 0 20px;
  }
}
.water_voice_wrap .water_voice_slider .water_voice_slider_inner {
  position: relative;
  left: calc(50% - 298px);
  padding: 0 0 0 40px;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .water_voice_slider .water_voice_slider_inner {
    left: 0;
  }
}
.water_voice_wrap .voice_list {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  margin: 0;
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 1) .voice_head {
  background: #f7ac00;
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 1) .voice_link {
  margin: 40px 0 0;
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 1) .voice_link {
    margin: 0;
  }
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 2) .voice_head {
  background: #23b195;
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 2) .voice_link {
  margin: 120px 0 0;
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 2) .voice_link {
    margin: 0;
  }
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 3) .voice_head {
  background: #da5b66;
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 4) .voice_head {
  background: #2db0e7;
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 4) .voice_link {
  margin: 40px 0 0;
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 4) .voice_link {
    margin: 0;
  }
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 5) .voice_head {
  background: #fed504;
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 5) .voice_link {
  margin: 120px 0 0;
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 5) .voice_link {
    margin: 0;
  }
}
.water_voice_wrap .voice_list .slick-slide:nth-of-type(6n) .voice_head {
  background: #84c67a;
}
.water_voice_wrap .voice_list .slick-list {
  overflow: visible;
}
.water_voice_wrap .voice_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-flex !important;
}
.water_voice_wrap .voice_list .slick-slide {
  height: inherit !important;
}
.water_voice_wrap .voice_list .voice_item {
  padding: 40px 12px;
  margin: 0;
  width: 450px !important;
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .voice_list .voice_item {
    width: 311px !important;
  }
}
@media only screen and (max-width:350px) {
  .water_voice_wrap .voice_list .voice_item {
    width: 280px !important;
  }
}
.water_voice_wrap .voice_list .voice_head .voice_label {
  top: 16px;
  right: 16px;
  max-width: calc(100% - 32px);
  font-size: 14px;
}
@media only screen and (max-width:1200px) {
  .water_voice_wrap .voice_list .voice_head .voice_label {
    top: 12px;
    right: 12px;
    max-width: calc(100% - 24px);
    font-size: 12px;
  }
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}
.water_voice_wrap .voice_list .voice_head .voice_head_inner {
  height: 260px;
}
@media only screen and (max-width:1200px) {
  .water_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 200px;
  }
}
@media only screen and (max-width:640px) {
  .water_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}
.water_voice_wrap .voice_list .voice_body {
  padding: 52px 16px 32px;
}
@media only screen and (max-width:1200px) {
  .water_voice_wrap .voice_list .voice_body {
    padding: 40px 16px 28px;
  }
}
.water_voice_wrap .voice_list .voice_body .voice_mem {
  width: 88px;
  height: 88px;
  border: 8px #fff solid;
  top: -44px;
}
@media only screen and (max-width:1200px) {
  .water_voice_wrap .voice_list .voice_body .voice_mem {
    height: 64px;
    width: 64px;
    border: 5px #fff solid;
    top: -32px;
  }
}
.water_voice_wrap .voice_list .voice_body .voice_title {
  font-size: 20px;
}
@media only screen and (max-width:1200px) {
  .water_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 16px;
  }
}
@media only screen and (max-width:640px) {
  .water_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}
.water_voice_wrap .water_slider_btnarea {
  position: absolute;
  left: calc(50% - 640px + 186px);
  bottom: 90px;
}
@media only screen and (max-width:960px) {
  .water_voice_wrap .water_slider_btnarea {
    bottom: 0;
    left: 16px;
  }
}

.water_slider_btnarea {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 116px;
}
@media only screen and (max-width:960px) {
  .water_slider_btnarea {
    width: 76px;
  }
}
.water_slider_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #1C97B5 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url("assets/images/common/prev-b_icon.svg") center center no-repeat #fff;
  background-size: 16px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .water_slider_btnarea .slick-prev_btn {
    width: 36px;
    height: 36px;
  }
}
.water_slider_btnarea .slick-prev_btn:hover {
  background: url("assets/images/common/prev-w_icon.svg") center center no-repeat #1C97B5;
  background-size: 16px;
}
.water_slider_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}
.water_slider_btnarea .slick-prev_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.water_slider_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #1C97B5 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url("assets/images/common/next-b_icon.svg") center center no-repeat #fff;
  background-size: 16px;
}
@media only screen and (max-width:960px) {
  .water_slider_btnarea .slick-next_btn {
    width: 36px;
    height: 36px;
  }
}
.water_slider_btnarea .slick-next_btn:hover {
  background: url("assets/images/common/next-w_icon.svg") center center no-repeat #1C97B5;
  background-size: 16px;
}
.water_slider_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}
.water_slider_btnarea .slick-next_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

.water_sample_wrap {
  position: relative;
  background: #eaeaea;
  /*
  background: url(var.$get_img+"service/hydraulic/bg03.png") center center no-repeat #eaeaea;
  	background-size: contain;
  */
  width: calc(100% - 80px);
  margin: 0 0 0 80px;
  padding: 80px 0 80px 80px;
  border-radius: 100px 0 0 100px;
  -webkit-border-radius: 100px 0 0 100px;
  -moz-border-radius: 100px 0 0 100px;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap {
    width: calc(100% - 16px);
    margin: 0 0 0 16px;
    padding: 40px 0 30px 16px;
    border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
  }
}
.water_sample_wrap .dot01 {
  display: block;
  position: absolute;
  top: 40%;
  left: 5%;
  animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .dot01 {
    width: 15%;
  }
}
.water_sample_wrap .dot02 {
  display: block;
  position: absolute;
  top: 5%;
  right: 30%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 0.5s;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .dot02 {
    width: 15%;
  }
}
.water_sample_wrap .dot03 {
  display: block;
  position: absolute;
  bottom: 10%;
  right: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .dot03 {
    width: 15%;
  }
}
.water_sample_wrap .water_sample_inner {
  position: relative;
  width: calc(100% - 220px);
}
@media only screen and (max-width:1366px) {
  .water_sample_wrap .water_sample_inner {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .water_sample_inner {
    width: 100%;
  }
}
.water_sample_wrap .common_water_title03 {
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .common_water_title03 {
    margin: 0 0 -16px;
  }
}
.water_sample_wrap .water_sample_list .water_sample_item {
  padding: 40px 12px;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .water_sample_list .water_sample_item {
    padding: 40px 4px;
  }
}
.water_sample_wrap .water_sample_link {
  display: block;
  background: #fff;
  padding: 32px;
  width: 304px;
  min-height: 304px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .water_sample_link {
    width: 164px;
    min-height: 164px;
    padding: 24px 8px;
  }
}
.water_sample_wrap .water_sample_link .water_sample_pic {
  display: block;
  width: 174px;
  height: 174px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto 8px;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .water_sample_link .water_sample_pic {
    width: 80px;
    height: 80px;
  }
}
.water_sample_wrap .water_sample_link .water_sample_name {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .water_sample_link .water_sample_name {
    font-size: 14px;
  }
}
.water_sample_wrap .water_sample_slider {
  position: relative;
  overflow: hidden;
}
.water_sample_wrap .water_sample_slider .water_sample_slider_inner {
  position: relative;
  left: 140px;
  padding: 0 0 0 40px;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .water_sample_slider .water_sample_slider_inner {
    left: 50px;
  }
}
.water_sample_wrap .water_sample_slider .slick-list {
  overflow: visible;
}
.water_sample_wrap .water_slider_btnarea {
  position: absolute;
  left: 0;
  bottom: 0;
}
.water_sample_wrap .water_sample_text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  padding: 0 0 0 180px;
}
@media only screen and (max-width:960px) {
  .water_sample_wrap .water_sample_text {
    padding: 0 12px 0 90px;
    font-size: 14px;
  }
}
@media only screen and (max-width:350px) {
  .water_sample_wrap .water_sample_text {
    font-size: 11px;
  }
}

.water_faq_wrap {
  padding: 160px 16px;
}
@media only screen and (max-width:960px) {
  .water_faq_wrap {
    padding: 80px 16px;
  }
}
.water_faq_wrap .common_water_title01 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .water_faq_wrap .common_water_title01 {
    margin: 0 0 16px;
  }
}
.water_faq_wrap .water_faq_list {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}
.water_faq_wrap .water_faq_list .water_faq_item {
  border-bottom: 1px #c6c6c6 solid;
}
.water_faq_wrap .water_faq_head {
  padding: 24px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
@media only screen and (max-width:960px) {
  .water_faq_wrap .water_faq_head {
    padding: 16px 8px;
  }
}
.water_faq_wrap .water_faq_head.active .water_quest_btn:after {
  transform: translateX(-50%) translateY(-50%) rotate(0);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0);
}
.water_faq_wrap .water_faq_head .water_quest_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 24px 0 0;
  font-size: 32px;
  color: #1C97B5;
  font-weight: 700;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .water_faq_wrap .water_faq_head .water_quest_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}
.water_faq_wrap .water_faq_head .water_quest_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.water_faq_wrap .water_faq_head .water_faq_title {
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  width: calc(100% - 128px);
}
@media only screen and (max-width:960px) {
  .water_faq_wrap .water_faq_head .water_faq_title {
    font-size: 18px;
    width: calc(100% - 80px);
  }
}
.water_faq_wrap .water_faq_head .water_quest_btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 24px;
}
@media only screen and (max-width:960px) {
  .water_faq_wrap .water_faq_head .water_quest_btn {
    width: 32px;
    height: 32px;
    margin: 0 0 0 8px;
  }
}
.water_faq_wrap .water_faq_head .water_quest_btn:before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.water_faq_wrap .water_faq_head .water_quest_btn:after {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.water_faq_wrap .water_faq_body {
  display: none;
}
.water_faq_wrap .water_faq_body .water_faq_answer {
  padding: 24px;
  background: rgba(28, 151, 181, 0.2);
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:960px) {
  .water_faq_wrap .water_faq_body .water_faq_answer {
    padding: 16px 8px;
  }
}
.water_faq_wrap .water_faq_body .water_answer_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 24px 0 0;
  font-size: 32px;
  color: #1C97B5;
  font-weight: 700;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .water_faq_wrap .water_faq_body .water_answer_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}
.water_faq_wrap .water_faq_body .water_answer_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.water_faq_wrap .water_faq_body .water_faq_text {
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  width: calc(100% - 64px);
}
@media only screen and (max-width:960px) {
  .water_faq_wrap .water_faq_body .water_faq_text {
    font-size: 16px;
    width: calc(100% - 40px);
  }
}
.water_faq_wrap .water_faq_body .water_faq_text strong {
  font-weight: 700;
}

/* Hydraulic Transfer all */
.water-all_mv_wrap {
  position: relative;
  padding: 80px 40px;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .water-all_mv_wrap {
    padding: 32px 16px;
  }
}
.water-all_mv_wrap:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.water-all_mv_wrap .water-all_mv_title {
  position: relative;
  font-size: 44px;
  font-weight: 700;
  color: #fff;
  line-height: 1.8;
  text-align: center;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .water-all_mv_wrap .water-all_mv_title {
    font-size: 28px;
    margin: 0 0 16px;
  }
}
.water-all_mv_wrap .water-all_mv_title span {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .water-all_mv_wrap .water-all_mv_title span {
    font-size: 14px;
  }
}
.water-all_mv_wrap .water-all_mv_text {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: #fff;
}
@media only screen and (max-width:960px) {
  .water-all_mv_wrap .water-all_mv_text {
    font-size: 14px;
  }
}

.water-all_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .water-all_wrap {
    margin: 0 0 80px;
  }
}
.water-all_wrap .common_related-b_title small {
  white-space: nowrap;
}

.water-all_block {
  margin: 0 0 40px;
}
.water-all_block:last-of-type {
  margin: 0;
}
.water-all_block .water-all_head {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 16px 0;
  border-bottom: 2px #c6c6c6 solid;
}
@media only screen and (max-width:960px) {
  .water-all_block .water-all_head {
    display: block;
    padding: 0 0 16px;
  }
}
.water-all_block .water-all_head .water-all_title {
  width: calc(100% - 364px);
  font-size: 32px;
  color: #333;
  font-weight: 700;
  line-height: 1.8;
}
@media only screen and (max-width:1200px) {
  .water-all_block .water-all_head .water-all_title {
    width: 100%;
    margin: 0 0 8px;
  }
}
@media only screen and (max-width:960px) {
  .water-all_block .water-all_head .water-all_title {
    font-size: 24px;
  }
}
@media only screen and (max-width:1200px) {
  .water-all_block .water-all_head .align_right {
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
  }
}
.water-all_block .water-all_head .common_all-bl_link {
  margin: 0 0 0 16px;
}
@media only screen and (max-width:960px) {
  .water-all_block .water-all_head .common_all-bl_link {
    margin: 0;
  }
}
.water-all_block .water-all_head .common_all-bl_link span {
  text-align: right;
  max-width: 300px;
}
@media only screen and (max-width:960px) {
  .water-all_block .water-all_head .common_all-bl_link span {
    max-width: inherit;
  }
}
.water-all_block .water-all_head .common_all-bl_link small {
  margin: 0 0 0 24px;
}
.water-all_block .water-all_body .water-all_slider .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-flex !important;
}
.water-all_block .water-all_body .water-all_slider .slick-slide {
  height: inherit !important;
}
.water-all_block .water-all_body .water-all_slider .slick-slide > div {
  height: 100%;
}
.water-all_block .water-all_body .water-all_list {
  margin: 0 -12px;
}
@media only screen and (max-width:1200px) {
  .water-all_block .water-all_body .water-all_list {
    margin: 0;
  }
}
@media only screen and (max-width:960px) {
  .water-all_block .water-all_body .water-all_list {
    margin: 0 -16px;
  }
}
.water-all_block .water-all_body .water-all_list .water-all_item {
  height: 100%;
  padding: 24px 12px;
}
.water-all_block .water-all_body .water-all_list .water-all_link {
  height: 100%;
}
.water-all_block .water-all_btnarea {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}

.water-all_link {
  display: block;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.16);
}
.water-all_link .water-all_label {
  display: block;
  width: 100%;
  max-width: 240px;
  margin: 0 auto 34px;
  font-size: 10px;
  line-height: 1.5;
  border: 1px #8A8A8A solid;
  color: #8A8A8A;
  text-align: center;
  padding: 4.5px 5px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
@media only screen and (max-width:640px) {
  .water-all_link .water-all_label {
    margin: 0 auto 20px;
  }
}
.water-all_link .water-all_pic {
  display: block;
  width: 140px;
  height: 140px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto 34px;
}
@media only screen and (max-width:640px) {
  .water-all_link .water-all_pic {
    width: 166px;
    height: 166px;
    margin: 0 auto 20px;
  }
}
.water-all_link .water-all_name {
  font-size: 16px;
  line-height: 1.8;
  color: black;
  font-weight: 700;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .water-all_link .water-all_name {
    font-size: 14px;
  }
}
.water-all_link .water-all_text {
  font-size: 12px;
  color: black;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .water-all_link .water-all_text {
    font-size: 11px;
  }
}
.water-all_link .water-all_category {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
}
.water-all_link .water-all_category span {
  display: block;
  width: 22px;
  height: 22px;
  min-width: 22px;
  border: 1px black solid;
  margin: 0 4px 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/* Hydraulic Transfer category */
.water-category_mv_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .water-category_mv_wrap {
    margin: 0 0 80px;
  }
}

.water-category_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .water-category_wrap {
    margin: 0 0 80px;
  }
}

.water-category_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -24px;
}
@media only screen and (max-width:1200px) {
  .water-category_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:640px) {
  .water-category_list {
    display: block;
    max-width: 288px;
    margin: 0 auto;
  }
}
.water-category_list .water-category_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 24px 0;
}
@media only screen and (max-width:1200px) {
  .water-category_list .water-category_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:640px) {
  .water-category_list .water-category_item {
    width: 100%;
  }
}
.water-category_list .water-category_item:nth-of-type(3n) {
  margin: 0 0 24px;
}
@media only screen and (max-width:640px) {
  .water-category_list .water-category_item:last-of-type {
    margin: 0;
  }
}

/* Hydraulic Transfer detial */
.water-detail_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .water-detail_wrap {
    margin: 0 0 56px;
  }
}
@media only screen and (max-width:960px) {
  .water-detail_wrap .common_related_title {
    margin: 0 0 16px;
  }
}

.water-detail_contact_btn {
  display: block;
  width: 100%;
  max-width: 464px;
  background: #1C97B5;
  position: relative;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  padding: 16px;
  margin: 56px auto 0;
}
@media only screen and (max-width:960px) {
  .water-detail_contact_btn {
    font-size: 14px;
    margin: 40px auto 0;
    max-width: 343px;
    text-align: center;
    padding: 12px 10px;
  }
}
.water-detail_contact_btn span {
  display: inline-block;
  vertical-align: middle;
}
.water-detail_contact_btn small {
  display: inline-block;
  vertical-align: middle;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: relative;
  margin: 0 16px 0 0;
  background: #fff;
}
@media only screen and (max-width:960px) {
  .water-detail_contact_btn small {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0;
  }
}
.water-detail_contact_btn small img {
  display: block;
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width:960px) {
  .water-detail_contact_btn small img {
    width: 24px;
  }
}

.water-detail_category {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .water-detail_category {
    font-size: 12px;
  }
}
.water-detail_category span {
  display: block;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border: 1px black solid;
  margin: 0 4px 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .water-detail_category span {
    width: 22px;
    height: 22px;
    min-width: 22px;
  }
}

.water_pattern_list {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -40px;
}
@media only screen and (max-width:1200px) {
  .water_pattern_list {
    margin: 0 0 -24px;
  }
}
@media only screen and (max-width:640px) {
  .water_pattern_list {
    display: block;
    margin: 0;
  }
}
.water_pattern_list .water_pattern_item {
  width: calc(50% - 24px);
  margin: 0 0 40px;
}
@media only screen and (max-width:1200px) {
  .water_pattern_list .water_pattern_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:640px) {
  .water_pattern_list .water_pattern_item {
    width: 100%;
    margin: 0 0 16px;
  }
}
@media only screen and (max-width:640px) {
  .water_pattern_list .water_pattern_item:last-of-type {
    margin: 0;
  }
}
.water_pattern_list .water_pattern_link {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 32px;
}
@media only screen and (max-width:960px) {
  .water_pattern_list .water_pattern_link {
    padding: 0 16px 0 32px;
    height: 70px;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
  }
}
.water_pattern_list .water_pattern_link:hover:before {
  animation: pthover 0.3s ease forwards;
  -webkit-animation: pthover 0.3s ease forwards;
}
.water_pattern_list .water_pattern_link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}
.water_pattern_list .water_pattern_main {
  position: relative;
  padding: 0 26px 0 0;
  background: url("assets/images/common/arrow_white-right_icon.svg") right center no-repeat;
  background-size: 16px;
  width: 100%;
}
.water_pattern_list .water_pattern_text {
  font-size: 20px;
  line-height: 1.8;
  color: #fff;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .water_pattern_list .water_pattern_text {
    font-size: 13px;
  }
}

@keyframes pthover {
  0% {
    background: rgba(0, 0, 0, 0.3);
  }
  100% {
    background: rgba(0, 0, 0, 0.5);
  }
}
/* Painting */
.painting_wrap {
  overflow: hidden;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .painting_wrap {
    margin: 0 0 64px;
  }
}

.painting_mv_wrap {
  overflow: hidden;
  position: relative;
  padding: 160px 16px;
  /*
  background: url(var.$get_img+"service/painting/bg01.png") center top no-repeat;
  	background-size: 100%;
  */
}
@media only screen and (max-width:960px) {
  .painting_mv_wrap {
    padding: 64px 16px 80px;
    /*
    background: url(var.$get_img+"service/painting/bg01_sp.png") center top no-repeat;
    		background-size: contain;
    */
  }
}
.painting_mv_wrap .dot01 {
  display: block;
  position: absolute;
  top: 10%;
  left: 5%;
  animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
}
@media only screen and (max-width:960px) {
  .painting_mv_wrap .dot01 {
    width: 15%;
  }
}
.painting_mv_wrap .dot02 {
  display: block;
  position: absolute;
  top: 5%;
  right: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 0.5s;
}
@media only screen and (max-width:960px) {
  .painting_mv_wrap .dot02 {
    width: 15%;
  }
}
.painting_mv_wrap .dot03 {
  display: block;
  position: absolute;
  bottom: -20%;
  left: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .painting_mv_wrap .dot03 {
    width: 15%;
  }
}
.painting_mv_wrap .dot04 {
  display: block;
  position: absolute;
  bottom: -10%;
  right: 10%;
  animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}
@media only screen and (max-width:960px) {
  .painting_mv_wrap .dot04 {
    width: 15%;
  }
}
.painting_mv_wrap .painting_mv_title {
  position: relative;
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .painting_mv_wrap .painting_mv_title {
    font-size: 28px;
    margin: 0 0 24px;
  }
}
.painting_mv_wrap .painting_mv_text {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width:960px) {
  .painting_mv_wrap .painting_mv_text {
    font-size: 14px;
  }
}

.painting_about_wrap {
  position: relative;
  background: #23B195;
  padding: 40px 16px;
}
@media only screen and (max-width:960px) {
  .painting_about_wrap {
    padding: 40px 16px 56px;
  }
}
.painting_about_wrap:after {
  content: "";
  display: block;
  border-right: 350px solid transparent;
  border-top: 76px solid #23B195;
  border-left: 350px solid transparent;
  position: absolute;
  bottom: -76px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media only screen and (max-width:960px) {
  .painting_about_wrap:after {
    bottom: -38px;
    border-right: 120px solid transparent;
    border-top: 38px solid #23B195;
    border-left: 120px solid transparent;
  }
}
.painting_about_wrap .painting_about_title {
  font-size: 40px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .painting_about_wrap .painting_about_title {
    font-size: 28px;
    margin: 0 0 24px;
  }
}
.painting_about_wrap .painting_about_title span {
  display: block;
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (max-width:960px) {
  .painting_about_wrap .painting_about_title span {
    font-size: 16px;
  }
}
.painting_about_wrap .painting_about_pic {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 40px;
}
@media only screen and (max-width:960px) {
  .painting_about_wrap .painting_about_pic {
    margin: 0 auto 16px;
  }
}
@media only screen and (max-width:768px) {
  .painting_about_wrap .painting_about_pic {
    max-width: 400px;
  }
}
.painting_about_wrap .painting_about_subtitle {
  font-size: 28px;
  line-height: 1.8;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .painting_about_wrap .painting_about_subtitle {
    font-size: 20px;
    margin: 0 0 16px;
  }
}
.painting_about_wrap .painting_about_subtitle span {
  border-bottom: 2px #fff400 solid;
}
.painting_about_wrap .painting_about_subtitle small {
  color: #fff400;
}
.painting_about_wrap .painting_about_text {
  font-size: 14px;
  line-height: 1.8;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .painting_about_wrap .painting_about_text {
    font-size: 13px;
  }
}

.painting_feature_wrap {
  padding: 160px 0;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap {
    padding: 120px 16px 80px;
  }
}
.painting_feature_wrap .common_painting_title01 {
  margin: 0 0 80px;
  padding: 0 0 0 80px;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .common_painting_title01 {
    margin: 0 0 24px;
    padding: 0;
  }
}
.painting_feature_wrap .painting_feature_list .painting_feature_item {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_item {
    display: block;
  }
}
.painting_feature_wrap .painting_feature_list .painting_feature_item:last-of-type {
  flex-direction: row-reverse;
  margin: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_item:last-of-type {
    margin: 24px 0 0;
  }
}
.painting_feature_wrap .painting_feature_list .painting_feature_item:last-of-type .painting_feature_pic {
  border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_item:last-of-type .painting_feature_pic {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
  }
}
.painting_feature_wrap .painting_feature_list .painting_feature_main {
  width: calc(50% - 60px);
  padding: 0 80px;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_main {
    width: 100%;
    padding: 0;
  }
}
.painting_feature_wrap .painting_feature_list .painting_feature_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 700;
  color: #333;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}
.painting_feature_wrap .painting_feature_list .painting_feature_title span {
  color: #23B195;
}
.painting_feature_wrap .painting_feature_list .painting_feature_title small {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #23B195;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_title small {
    font-size: 16px;
  }
}
.painting_feature_wrap .painting_feature_list .painting_feature_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 400;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_text {
    font-size: 14px;
  }
}
.painting_feature_wrap .painting_feature_list .painting_feature_sub {
  width: calc(50% + 60px);
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_sub {
    display: none;
  }
}
.painting_feature_wrap .painting_feature_list .painting_feature_pic {
  width: 100%;
  height: 390px;
  border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
}
@media only screen and (max-width:960px) {
  .painting_feature_wrap .painting_feature_list .painting_feature_pic {
    height: inherit;
    padding-top: 50%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin: 0 0 16px;
  }
}

.painting_contact_btn {
  display: block;
  width: 100%;
  max-width: 560px;
  background: #23B195;
  position: relative;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  padding: 16px;
  margin: 80px auto 0;
}
@media only screen and (max-width:960px) {
  .painting_contact_btn {
    font-size: 14px;
    margin: 64px auto 0;
    max-width: 343px;
    width: calc(100% - 32px);
    text-align: center;
    padding: 12px 10px 12px 48px;
  }
}
@media only screen and (max-width:640px) {
  .painting_contact_btn {
    padding: 12px 10px 12px 40px;
  }
}
.painting_contact_btn span {
  display: inline-block;
  vertical-align: middle;
}
.painting_contact_btn small {
  display: inline-block;
  vertical-align: middle;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: relative;
  margin: 0 16px 0 0;
  background: #fff;
}
@media only screen and (max-width:960px) {
  .painting_contact_btn small {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0;
  }
}
.painting_contact_btn small img {
  display: block;
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width:960px) {
  .painting_contact_btn small img {
    width: 24px;
  }
}

.painting_sample_wrap {
  position: relative;
  padding: 240px 0 240px 80px;
  /*
  &:before{
  		content: "";
  		display: block;
  		width: 1237px;
  		height: 1237px;
  		@include cm.border-radius(50%);
  		background: #f2f2f2;
  		position: absolute;
  		right: -375px;
  		top:40px;
  		z-index: -1;
  		@media  only screen and (max-width:960px){
  			width: 490px;
  			height: 490px;
  			right: -200px;
  			top: 76px;
  		}
  	}
  */
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap {
    padding: 144px 8px 80px 24px;
  }
}
.painting_sample_wrap .circle {
  width: 1237px;
  height: 1237px;
  position: absolute;
  right: -375px;
  top: 40px;
  z-index: -1;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .circle {
    width: 490px;
    height: 490px;
    right: -200px;
    top: 76px;
  }
}
.painting_sample_wrap .common_painting_title02 {
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .common_painting_title02 {
    margin: 0 0 24px;
  }
}
.painting_sample_wrap .painting_sample_slider_main {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_sample_slider_main {
    display: block;
  }
}
.painting_sample_wrap .painting_sample_info_text {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  width: 342px;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_sample_info_text {
    width: 100%;
    font-size: 13px;
    margin: 0 0 -16px;
  }
}
.painting_sample_wrap .painting_sample_link {
  display: block;
  background: #fff;
  padding: 32px;
  width: 304px;
  min-height: 304px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_sample_link {
    width: 164px;
    min-height: 164px;
    padding: 24px 8px;
  }
}
.painting_sample_wrap .painting_sample_link .painting_sample_pic {
  display: block;
  width: 174px;
  height: 174px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 auto 8px;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_sample_link .painting_sample_pic {
    width: 80px;
    height: 80px;
  }
}
.painting_sample_wrap .painting_sample_link .painting_sample_name {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_sample_link .painting_sample_name {
    font-size: 14px;
  }
}
.painting_sample_wrap .painting_sample_slider {
  position: relative;
  overflow: hidden;
  width: calc(100% - 342px);
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_sample_slider {
    width: calc(100% + 8px);
    margin: 0 -8px 0 0;
  }
}
.painting_sample_wrap .painting_sample_slider .painting_sample_slider_inner {
  padding: 0 0 0 24px;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_sample_slider .painting_sample_slider_inner {
    padding: 0 0 0 70px;
  }
}
.painting_sample_wrap .painting_sample_slider .painting_sample_list .painting_sample_item {
  padding: 80px 12px 40px;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_sample_slider .painting_sample_list .painting_sample_item {
    padding: 40px 4px;
  }
}
.painting_sample_wrap .painting_sample_slider .painting_sample_list .slick-list {
  overflow: visible;
}
.painting_sample_wrap .painting_sample_slider .painting_sample_list .slick-slide:nth-of-type(3n + 2) .painting_sample_link {
  margin: 80px 0 0;
}
.painting_sample_wrap .painting_sample_slider .painting_sample_list .slick-slide:nth-of-type(3n) .painting_sample_link {
  margin: 40px 0 0;
}
.painting_sample_wrap .painting_slider_sub {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  padding: 0 0 0 186px;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_slider_sub {
    padding: 0;
    margin: -16px 0 0;
  }
}
.painting_sample_wrap .painting_slider_btnarea {
  margin: 0 12px 0 0;
}
.painting_sample_wrap .painting_sample_text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}
@media only screen and (max-width:960px) {
  .painting_sample_wrap .painting_sample_text {
    font-size: 14px;
  }
}
@media only screen and (max-width:350px) {
  .painting_sample_wrap .painting_sample_text {
    font-size: 11px;
  }
}

.painting_voice_wrap {
  padding: 0 0 120px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap {
    padding: 0 0 30px;
  }
}
.painting_voice_wrap .painting_voice_head {
  padding: 0 16px;
}
.painting_voice_wrap .painting_voice_head .common_painting_title02 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .painting_voice_head .common_painting_title02 {
    margin: 0 0 24px;
  }
}
.painting_voice_wrap .painting_voice_head .painting_voice_info {
  position: relative;
}
@media only screen and (max-width:1200px) {
  .painting_voice_wrap .painting_voice_head .painting_voice_info {
    display: flex;
    display: -ms-flexbox;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .painting_voice_head .painting_voice_info {
    display: block;
  }
}
.painting_voice_wrap .painting_voice_head .painting_voice_text {
  display: block;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  max-width: 342px;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(100% + 40px);
}
@media only screen and (max-width:1200px) {
  .painting_voice_wrap .painting_voice_head .painting_voice_text {
    position: relative;
    left: inherit;
    top: inherit;
  }
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .painting_voice_head .painting_voice_text {
    max-width: inherit;
    margin: 0 0 24px;
    font-size: 13px;
  }
}
.painting_voice_wrap .painting_voice_head .align_right {
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.painting_voice_wrap .painting_voice_slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .painting_voice_slider {
    padding: 0 0 20px;
  }
}
.painting_voice_wrap .painting_voice_slider .painting_voice_slider_inner {
  position: relative;
  left: calc(50% - 298px);
  padding: 0 0 0 40px;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .painting_voice_slider .painting_voice_slider_inner {
    left: 0;
  }
}
.painting_voice_wrap .voice_list {
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  margin: 0;
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 1) .voice_head {
  background: #f7ac00;
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 1) .voice_link {
  margin: 40px 0 0;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 1) .voice_link {
    margin: 0;
  }
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 2) .voice_head {
  background: #23b195;
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 2) .voice_link {
  margin: 120px 0 0;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 2) .voice_link {
    margin: 0;
  }
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 3) .voice_head {
  background: #da5b66;
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 4) .voice_head {
  background: #2db0e7;
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 4) .voice_link {
  margin: 40px 0 0;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 4) .voice_link {
    margin: 0;
  }
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 5) .voice_head {
  background: #fed504;
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 5) .voice_link {
  margin: 120px 0 0;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n + 5) .voice_link {
    margin: 0;
  }
}
.painting_voice_wrap .voice_list .slick-slide:nth-of-type(6n) .voice_head {
  background: #84c67a;
}
.painting_voice_wrap .voice_list .slick-list {
  overflow: visible;
}
.painting_voice_wrap .voice_list .slick-track {
  -js-display: flex !important;
  display: flex !important;
  display: -webkit-flex !important;
}
.painting_voice_wrap .voice_list .slick-slide {
  height: inherit !important;
}
.painting_voice_wrap .voice_list .voice_item {
  padding: 40px 12px;
  margin: 0;
  width: 450px !important;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .voice_list .voice_item {
    width: 311px !important;
  }
}
@media only screen and (max-width:350px) {
  .painting_voice_wrap .voice_list .voice_item {
    width: 280px !important;
  }
}
.painting_voice_wrap .voice_list .voice_head .voice_label {
  top: 16px;
  right: 16px;
  max-width: calc(100% - 32px);
  font-size: 14px;
}
@media only screen and (max-width:1200px) {
  .painting_voice_wrap .voice_list .voice_head .voice_label {
    top: 12px;
    right: 12px;
    max-width: calc(100% - 24px);
    font-size: 12px;
  }
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}
.painting_voice_wrap .voice_list .voice_head .voice_head_inner {
  height: 260px;
}
@media only screen and (max-width:1200px) {
  .painting_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 200px;
  }
}
@media only screen and (max-width:640px) {
  .painting_voice_wrap .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}
.painting_voice_wrap .voice_list .voice_body {
  padding: 52px 16px 32px;
}
@media only screen and (max-width:1200px) {
  .painting_voice_wrap .voice_list .voice_body {
    padding: 40px 16px 28px;
  }
}
.painting_voice_wrap .voice_list .voice_body .voice_mem {
  width: 88px;
  height: 88px;
  border: 8px #fff solid;
  top: -44px;
}
@media only screen and (max-width:1200px) {
  .painting_voice_wrap .voice_list .voice_body .voice_mem {
    height: 64px;
    width: 64px;
    border: 5px #fff solid;
    top: -32px;
  }
}
.painting_voice_wrap .voice_list .voice_body .voice_title {
  font-size: 20px;
}
@media only screen and (max-width:1200px) {
  .painting_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 16px;
  }
}
@media only screen and (max-width:640px) {
  .painting_voice_wrap .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}
.painting_voice_wrap .painting_slider_btnarea {
  position: absolute;
  left: calc(50% - 640px + 186px);
  bottom: 90px;
}
@media only screen and (max-width:960px) {
  .painting_voice_wrap .painting_slider_btnarea {
    bottom: 0;
    left: 16px;
  }
}

.painting_slider_btnarea {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 116px;
}
@media only screen and (max-width:960px) {
  .painting_slider_btnarea {
    width: 76px;
  }
}
.painting_slider_btnarea .slick-prev_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #23B195 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url("assets/images/service/painting/prev_icon.svg") center center no-repeat #fff;
  background-size: 16px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .painting_slider_btnarea .slick-prev_btn {
    width: 36px;
    height: 36px;
  }
}
.painting_slider_btnarea .slick-prev_btn:hover {
  background: url("assets/images/common/prev-w_icon.svg") center center no-repeat #23B195;
  background-size: 16px;
}
.painting_slider_btnarea .slick-prev_btn.slick-disabled {
  visibility: hidden;
}
.painting_slider_btnarea .slick-prev_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.painting_slider_btnarea .slick-next_btn {
  position: relative;
  z-index: 5;
  display: block;
  width: 56px;
  height: 56px;
  border: 1px #23B195 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: url("assets/images/service/painting/next_icon.svg") center center no-repeat #fff;
  background-size: 16px;
}
@media only screen and (max-width:960px) {
  .painting_slider_btnarea .slick-next_btn {
    width: 36px;
    height: 36px;
  }
}
.painting_slider_btnarea .slick-next_btn:hover {
  background: url("assets/images/common/next-w_icon.svg") center center no-repeat #23B195;
  background-size: 16px;
}
.painting_slider_btnarea .slick-next_btn.slick-disabled {
  visibility: hidden;
}
.painting_slider_btnarea .slick-next_btn img {
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

.painting_faq_wrap {
  padding: 0 16px 160px;
}
@media only screen and (max-width:960px) {
  .painting_faq_wrap {
    padding: 80px 16px;
  }
}
.painting_faq_wrap .common_painting_title01 {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .painting_faq_wrap .common_painting_title01 {
    margin: 0 0 24px;
  }
}
.painting_faq_wrap .painting_faq_list {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}
.painting_faq_wrap .painting_faq_list .painting_faq_item {
  border-bottom: 1px #c6c6c6 solid;
}
.painting_faq_wrap .painting_faq_head {
  padding: 24px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
@media only screen and (max-width:960px) {
  .painting_faq_wrap .painting_faq_head {
    padding: 16px 8px;
  }
}
.painting_faq_wrap .painting_faq_head.active .painting_quest_btn:after {
  transform: translateX(-50%) translateY(-50%) rotate(0);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0);
}
.painting_faq_wrap .painting_faq_head .painting_quest_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: #23B195;
  margin: 0 24px 0 0;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .painting_faq_wrap .painting_faq_head .painting_quest_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}
.painting_faq_wrap .painting_faq_head .painting_quest_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.painting_faq_wrap .painting_faq_head .painting_faq_title {
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  width: calc(100% - 128px);
}
@media only screen and (max-width:960px) {
  .painting_faq_wrap .painting_faq_head .painting_faq_title {
    font-size: 18px;
    width: calc(100% - 80px);
  }
}
.painting_faq_wrap .painting_faq_head .painting_quest_btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 24px;
}
@media only screen and (max-width:960px) {
  .painting_faq_wrap .painting_faq_head .painting_quest_btn {
    width: 32px;
    height: 32px;
    margin: 0 0 0 8px;
  }
}
.painting_faq_wrap .painting_faq_head .painting_quest_btn:before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.painting_faq_wrap .painting_faq_head .painting_quest_btn:after {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.painting_faq_wrap .painting_faq_body {
  display: none;
}
.painting_faq_wrap .painting_faq_body .painting_faq_answer {
  padding: 24px;
  background: rgba(35, 177, 149, 0.2);
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:960px) {
  .painting_faq_wrap .painting_faq_body .painting_faq_answer {
    padding: 16px 8px;
  }
}
.painting_faq_wrap .painting_faq_body .painting_answer_icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  margin: 0 24px 0 0;
  font-size: 20px;
  color: #23B195;
  border: 1px #23B195 solid;
  font-weight: 700;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .painting_faq_wrap .painting_faq_body .painting_answer_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}
.painting_faq_wrap .painting_faq_body .painting_answer_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.painting_faq_wrap .painting_faq_body .painting_faq_text {
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  width: calc(100% - 64px);
}
@media only screen and (max-width:960px) {
  .painting_faq_wrap .painting_faq_body .painting_faq_text {
    font-size: 16px;
    width: calc(100% - 40px);
  }
}
.painting_faq_wrap .painting_faq_body .painting_faq_text strong {
  font-weight: 700;
}

.for-company_form {
  margin-bottom: 80px;
}
@media only screen and (max-width:640px) {
  .for-company_form {
    margin-bottom: 40px;
  }
}

/*=================

    voice.scss

=======================*/
.voice_layout_wrap {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 0 0 180px;
}
@media only screen and (max-width:960px) {
  .voice_layout_wrap {
    padding: 0 0 64px;
  }
}
@media only screen and (max-width:768px) {
  .voice_layout_wrap {
    display: block;
  }
}
.voice_layout_wrap.column {
  padding: 0 0 160px;
}
@media only screen and (max-width:768px) {
  .voice_layout_wrap.column {
    padding: 0;
  }
}
.voice_layout_wrap.voice-detail {
  flex-direction: row-reverse;
  padding: 0 0 58px;
}
@media only screen and (max-width:768px) {
  .voice_layout_wrap.voice-detail .voice_layout_aside {
    margin: 64px 0 0;
  }
}
.voice_layout_wrap .voice_layout_main {
  width: calc(100% - 320px);
}
@media only screen and (max-width:1200px) {
  .voice_layout_wrap .voice_layout_main {
    width: calc(100% - 264px);
  }
}
@media only screen and (max-width:768px) {
  .voice_layout_wrap .voice_layout_main {
    width: 100%;
  }
}
.voice_layout_wrap .voice_layout_aside {
  position: relative;
  width: 240px;
}
@media only screen and (max-width:768px) {
  .voice_layout_wrap .voice_layout_aside {
    width: 100%;
    margin: 0 0 64px;
  }
}

.voice_aside_sticky {
  position: sticky;
  top: 154px;
}
@media only screen and (max-width:960px) {
  .voice_aside_sticky {
    top: 116px;
  }
}
@media only screen and (max-width:768px) {
  .voice_aside_sticky {
    position: relative;
    top: inherit;
  }
}

.voice_category_block {
  margin: 0 0 80px;
}
@media only screen and (max-width:768px) {
  .voice_category_block {
    margin: 0 0 32px;
  }
}
.voice_category_block:last-of-type {
  margin: 0;
}
.voice_category_block .voice_category_title {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #1C97B5;
  background: #efefef;
  line-height: 41px;
  margin: 0 0 16px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .voice_category_block .voice_category_title {
    font-size: 13px;
    line-height: 39px;
  }
}

@media only screen and (max-width:768px) {
  .voice_category_list {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
}
.voice_category_list .voice_category_item {
  margin: 0 0 8px;
}
@media only screen and (max-width:768px) {
  .voice_category_list .voice_category_item {
    margin: 0 4px 8px;
  }
}
.voice_category_list .voice_category_label input {
  display: none;
}
.voice_category_list .voice_category_label .voice_category_text {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #9D9D9D;
  background: #EAEAEA;
  padding: 2px 16px;
  font-weight: 700;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
@media only screen and (max-width:960px) {
  .voice_category_list .voice_category_label .voice_category_text {
    padding: 2px 8px;
    font-size: 13px;
  }
}
.voice_category_list .voice_category_label input:checked + .voice_category_text {
  background: #1C97B5;
  color: #fff;
}
.voice_category_list .voice_category_link {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #9D9D9D;
  background: #EAEAEA;
  padding: 2px 16px;
  font-weight: 700;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
@media only screen and (max-width:960px) {
  .voice_category_list .voice_category_link {
    padding: 2px 8px;
    font-size: 13px;
  }
}
.voice_category_list .voice_category_link.active {
  background: #1C97B5;
  color: #fff;
}

.voice_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -80px;
}
@media only screen and (max-width:1200px) {
  .voice_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:640px) {
  .voice_list {
    display: block;
    margin: 0;
  }
}
.voice_list .voice_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 80px 0;
}
@media only screen and (max-width:1200px) {
  .voice_list .voice_item {
    width: calc(50% - 12px);
    margin: 0 0 80px;
  }
}
@media only screen and (max-width:640px) {
  .voice_list .voice_item {
    width: 100%;
    margin: 0 0 24px;
  }
}
.voice_list .voice_item:nth-of-type(3n) {
  margin: 0 0 80px;
}
@media only screen and (max-width:640px) {
  .voice_list .voice_item:nth-of-type(3n) {
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:640px) {
  .voice_list .voice_item:last-of-type {
    margin: 0;
  }
}
.voice_list .voice_link {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.1));
}
.voice_list .voice_link:hover .voice_head .voice_pic {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
}
.voice_list .voice_head {
  position: relative;
  padding: 10px;
}
.voice_list .voice_head .voice_label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  max-width: calc(100% - 24px);
  font-size: 12px;
  line-height: 1.5;
  border: 1px #8A8A8A solid;
  color: #8A8A8A;
  background: #fff;
  padding: 5px 16px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
@media only screen and (max-width:960px) {
  .voice_list .voice_head .voice_label {
    font-size: 11px;
    padding: 3px 8px;
    top: 6px;
    right: 6px;
    max-width: calc(100% - 12px);
  }
}
.voice_list .voice_head .voice_head_inner {
  overflow: hidden;
  height: 200px;
  width: 100%;
}
@media only screen and (max-width:640px) {
  .voice_list .voice_head .voice_head_inner {
    height: 161px;
  }
}
.voice_list .voice_head .voice_pic {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.voice_list .voice_body {
  position: relative;
  padding: 40px 16px 28px;
}
.voice_list .voice_body .voice_mem {
  display: block;
  width: 64px;
  height: 64px;
  border: 5px #fff solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.voice_list .voice_body .voice_logo {
  display: block;
  width: 138px;
  height: 33px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto 8px;
}
@media only screen and (max-width:500px) {
  .voice_list .voice_body .voice_logo {
    width: 80px;
    height: 20px;
    margin: 0 auto 4px;
  }
}
.voice_list .voice_body .voice_name {
  font-size: 12px;
  line-height: 1.7;
  color: #333;
  font-weight: 400;
  margin: 0 0 8px;
  text-align: center;
}
.voice_list .voice_body .voice_title {
  font-size: 16px;
  color: #333;
  line-height: 1.7;
  font-weight: 700;
  text-align: center;
  padding: 0 0 8px;
  border-bottom: 1px #f2f2f2 solid;
  margin: 0 0 8px;
}
@media only screen and (max-width:640px) {
  .voice_list .voice_body .voice_title {
    font-size: 18px;
  }
}
.voice_list .voice_body .voice_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}
@media only screen and (max-width:640px) {
  .voice_list .voice_body .voice_text {
    font-size: 11px;
  }
}

/* detail */
.voice-d_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .voice-d_wrap {
    margin: 0 0 64px;
  }
}

.voice-d_mem_info {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  margin: 16px 0 24px;
}
@media only screen and (max-width:960px) {
  .voice-d_mem_info {
    margin: 12px 0 16px;
  }
}
.voice-d_mem_info .voice-d_mem_pic_block {
  display: block;
  width: 88px;
  height: 88px;
  min-width: 88px;
  border: 1px #888888 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  padding: 8px;
  overflow: hidden;
  margin: 0 16px 0 0;
}
@media only screen and (max-width:960px) {
  .voice-d_mem_info .voice-d_mem_pic_block {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 2px;
  }
}
.voice-d_mem_info .voice-d_mem_pic_block .voice-d_mem_pic {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
}
.voice-d_mem_info .voice-d_mem_main {
  width: calc(100% - 104px);
}
.voice-d_mem_info .voice-d_logo {
  display: block;
  width: 120px;
  height: 33px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .voice-d_mem_info .voice-d_logo {
    width: 56px;
    height: 13px;
    margin: 0 0 4px;
  }
}
.voice-d_mem_info .voice-d_name {
  font-size: 12px;
  line-height: 1.8;
  color: #333;
}
@media only screen and (max-width:960px) {
  .voice-d_mem_info .voice-d_name {
    font-size: 11px;
  }
}

.voice-d_related_wrap .voice-d_related_block {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .voice-d_related_wrap .voice-d_related_block {
    margin: 0 0 64px;
  }
}
.voice-d_related_wrap .voice-d_related_block:last-of-type {
  margin: 0;
}

/*=================

    others.scss

=======================*/
.faq_wrap {
  padding: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .faq_wrap {
    padding: 24px 0 0;
  }
}
.faq_wrap .faq_anchor_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 64px;
}
@media only screen and (max-width:960px) {
  .faq_wrap .faq_anchor_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin: 0 0 56px;
  }
}
.faq_wrap .faq_anchor_list .faq_anchor_item {
  margin: 0 16px 16px 0;
  padding: 0 0 16px;
  width: calc((100% - 48px) / 4);
  border-bottom: 1px #c6c6c6 solid;
}
@media only screen and (max-width:960px) {
  .faq_wrap .faq_anchor_list .faq_anchor_item {
    width: calc(50% - 8px);
    margin: 0 0 8px;
    padding: 0 0 8px;
  }
}
.faq_wrap .faq_anchor_list .faq_anchor_item:nth-of-type(4n) {
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .faq_wrap .faq_anchor_list .faq_anchor_item:nth-of-type(4n) {
    margin: 0 0 8px;
  }
}
.faq_wrap .faq_anchor_list .faq_anchor_link {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  font-weight: bold;
}
@media only screen and (max-width:960px) {
  .faq_wrap .faq_anchor_list .faq_anchor_link {
    font-size: 14px;
  }
}
.faq_wrap .faq_anchor_list .faq_anchor_link img {
  display: block;
  width: 20px;
  min-width: 20px;
  margin: 0 8px 0 0;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
@media only screen and (max-width:960px) {
  .faq_wrap .faq_anchor_list .faq_anchor_link img {
    margin: 0 4px 0 0;
  }
}
.faq_wrap .faq_main_title {
  font-size: 32px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .faq_wrap .faq_main_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}
.faq_wrap .faq_block {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto 80px;
}

.faq_list {
  width: 100%;
}
.faq_list .faq_item {
  border-bottom: 1px #c6c6c6 solid;
}
.faq_list .faq_head {
  padding: 24px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
@media only screen and (max-width:960px) {
  .faq_list .faq_head {
    padding: 16px 8px;
  }
}
.faq_list .faq_head.active .faq_quest_btn:after {
  transform: translateX(-50%) translateY(-50%) rotate(0);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0);
}
.faq_list .faq_head .faq_quest_icon {
  position: relative;
  display: block;
  margin: 0 24px 0 0;
  font-size: 32px;
  color: #1C97B5;
  font-weight: 700;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .faq_list .faq_head .faq_quest_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}
.faq_list .faq_head .faq_quest_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.faq_list .faq_head .faq_title {
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  width: calc(100% - 128px);
}
@media only screen and (max-width:960px) {
  .faq_list .faq_head .faq_title {
    font-size: 18px;
    width: calc(100% - 80px);
  }
}
.faq_list .faq_head .faq_quest_btn {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 0 24px;
}
@media only screen and (max-width:960px) {
  .faq_list .faq_head .faq_quest_btn {
    width: 32px;
    height: 32px;
    margin: 0 0 0 8px;
  }
}
.faq_list .faq_head .faq_quest_btn:before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.faq_list .faq_head .faq_quest_btn:after {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: black;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.faq_list .faq_body {
  display: none;
}
.faq_list .faq_body .faq_answer {
  padding: 24px;
  background: rgba(28, 151, 181, 0.2);
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
}
@media only screen and (max-width:960px) {
  .faq_list .faq_body .faq_answer {
    padding: 16px 8px;
  }
}
.faq_list .faq_body .faq_answer_icon {
  position: relative;
  display: block;
  margin: 16px 24px 0 0;
  font-size: 32px;
  color: #1C97B5;
  font-weight: 700;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .faq_list .faq_body .faq_answer_icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
  }
}
.faq_list .faq_body .faq_answer_icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.faq_list .faq_body .faq_text {
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  width: calc(100% - 64px);
}
@media only screen and (max-width:960px) {
  .faq_list .faq_body .faq_text {
    font-size: 16px;
    width: calc(100% - 40px);
  }
}
.faq_list .faq_body .faq_text strong {
  font-weight: 700;
}

.others_wrap {
  padding: 80px 0;
}
@media only screen and (max-width:960px) {
  .others_wrap {
    padding: 0 0 64px;
  }
}

.others_list {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}
.others_list .others_item {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .others_list .others_item {
    margin: 0 0 40px;
  }
}
.others_list .others_item:last-of-type {
  margin: 0;
}
.others_list .others_title {
  font-size: 32px;
  line-height: 1.5;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .others_list .others_title {
    font-size: 24px;
    margin: 0 0 16px;
  }
}
.others_list .others_text {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
  line-height: 1.8;
}
@media only screen and (max-width:960px) {
  .others_list .others_text {
    font-size: 14px;
  }
}

.error_wrap {
  padding: 210px 16px 105px;
}
@media only screen and (max-width:960px) {
  .error_wrap {
    padding: 140px 16px 64px;
  }
}
.error_wrap .error_title {
  font-size: 32px;
  line-height: 1.5;
  line-height: 1.5;
  font-weight: 700;
  color: #333;
  margin: 0 0 16px;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .error_wrap .error_title {
    font-size: 24px;
  }
}
.error_wrap .error_title span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #1C97B5;
}
@media only screen and (max-width:960px) {
  .error_wrap .error_title span {
    font-size: 11px;
  }
}
.error_wrap .error_text {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: 400;
  max-width: 800px;
  width: 100%;
  margin: 0 auto 40px;
}
@media only screen and (max-width:960px) {
  .error_wrap .error_text {
    font-size: 13px;
    margin: 0 auto 24px;
  }
}
.error_wrap .error_btn {
  position: relative;
  display: block;
  width: 258px;
  margin: 0 auto;
  text-align: center;
  line-height: 49px;
  border: 2px #1C97B5 solid;
  font-size: 16px;
  color: #1C97B5;
  font-weight: 700;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .error_wrap .error_btn {
    width: 226px;
    font-size: 14px;
    line-height: 45px;
  }
}
.error_wrap .error_btn img {
  display: inline-block;
  width: 20px;
  margin: 0 0 0 14px;
  vertical-align: -5px;
}
@media only screen and (max-width:960px) {
  .error_wrap .error_btn img {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0;
  }
}
.error_wrap .error_btn:hover {
  background: #1C97B5;
  color: #fff;
}
.error_wrap .error_btn:hover img {
  filter: brightness(0) invert(1);
}

/*=================

    company.scss

=======================*/
.company_layout_wrap {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-direction: row-reverse;
}
@media only screen and (max-width:960px) {
  .company_layout_wrap {
    display: block;
  }
}
.company_layout_wrap .company_layout_main {
  width: calc(100% - 320px);
}
@media only screen and (max-width:1200px) {
  .company_layout_wrap .company_layout_main {
    width: calc(100% - 264px);
  }
}
@media only screen and (max-width:960px) {
  .company_layout_wrap .company_layout_main {
    width: 100%;
  }
}
.company_layout_wrap .company_layout_aside {
  position: relative;
  width: 240px;
}
@media only screen and (max-width:960px) {
  .company_layout_wrap .company_layout_aside {
    width: 100%;
    margin: 0 0 64px;
  }
}

.company_aside_sticky {
  position: sticky;
  top: 154px;
}
@media only screen and (max-width:960px) {
  .company_aside_sticky {
    top: 116px;
  }
}
@media only screen and (max-width:768px) {
  .company_aside_sticky {
    position: relative;
    top: inherit;
  }
}

.company_aside_list .company_aside_item {
  padding: 8px 0;
}
@media only screen and (max-width:960px) {
  .company_aside_list .company_aside_item {
    padding: 0;
    border-bottom: 1px solid #C6C6C6;
  }
}
.company_aside_list .company_aside_link {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .company_aside_list .company_aside_link {
    font-size: 14px;
    padding: 8px 0;
  }
}
.company_aside_list .company_aside_link:hover span small {
  width: 8px;
  height: 8px;
}
@media only screen and (max-width:960px) {
  .company_aside_list .company_aside_link:hover span small {
    width: 4px;
    height: 4px;
  }
}
@media only screen and (max-width:960px) {
  .company_aside_list .company_aside_link.active {
    background: #F5F5F5;
  }
}
.company_aside_list .company_aside_link.active span small {
  background: #1C97B5;
  width: 8px;
  height: 8px;
}
@media only screen and (max-width:960px) {
  .company_aside_list .company_aside_link.active span small {
    width: 4px;
    height: 4px;
  }
}
.company_aside_list .company_aside_link span {
  display: block;
  width: 8px;
  min-width: 8px;
  height: 8px;
  margin: 0 16px 0 0;
  position: relative;
}
.company_aside_list .company_aside_link span small {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 4px;
  height: 4px;
  background: #C6C6C6;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .company_aside_list .company_aside_link span small {
    background: #1C97B5;
  }
}

.company_common_block {
  margin: 0 0 80px;
}
.company_common_block .common_related_title {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .company_common_block .common_related_title {
    margin: 0 0 24px;
  }
}

.company_slider_block .company_slider_list {
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .company_slider_block .company_slider_list {
    margin: 0 0 16px;
  }
}
.company_slider_block .company_slider_list .company_slider_item {
  padding: 0 48px 0 0;
}
@media only screen and (max-width:1366px) {
  .company_slider_block .company_slider_list .company_slider_item {
    padding: 0 24px 0 0;
  }
}
@media only screen and (max-width:960px) {
  .company_slider_block .company_slider_list .company_slider_item {
    padding: 0 8px 0 0;
  }
}
.company_slider_block .company_slider_list .company_slider_pic {
  display: block;
  width: 720px;
  height: 480px;
}
@media only screen and (max-width:1366px) {
  .company_slider_block .company_slider_list .company_slider_pic {
    width: 500px;
    height: 360px;
  }
}
@media only screen and (max-width:960px) {
  .company_slider_block .company_slider_list .company_slider_pic {
    width: 313px;
    height: 208px;
  }
}
@media only screen and (max-width:350px) {
  .company_slider_block .company_slider_list .company_slider_pic {
    width: 260px;
    height: 180px;
  }
}

.company_history_list {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  border-top: 1px #c6c6c6 solid;
}
@media only screen and (max-width:960px) {
  .company_history_list {
    font-size: 14px;
  }
}
.company_history_list .company_history_item {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  border-bottom: 1px solid #C6C6C6;
  padding: 32px 0;
}
@media only screen and (max-width:960px) {
  .company_history_list .company_history_item {
    padding: 16px 0;
  }
}
.company_history_list .company_history_item .company_history_title {
  width: 200px;
  margin: 0 40px 0 0;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .company_history_list .company_history_item .company_history_title {
    width: 100px;
    margin: 0 8px 0 0;
  }
}
.company_history_list .company_history_item .company_history_text {
  width: calc(100% - 240px);
}
@media only screen and (max-width:960px) {
  .company_history_list .company_history_item .company_history_text {
    width: calc(100% - 108px);
  }
}
.company_history_list .company_history_item .company_history_text img {
  display: block;
  width: 100%;
  max-width: 160px;
}
.company_history_list .company_history_item .company_history_text iframe {
  width: 100%;
}

.company_president_block .company_president_head {
  display: flex;
  display: -ms-flexbox;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .company_president_block .company_president_head {
    display: block;
    margin: 0 0 16px;
  }
}
.company_president_block .company_president_head .company_president_sub {
  width: 320px;
  margin: 0 40px 0 0;
}
@media only screen and (max-width:960px) {
  .company_president_block .company_president_head .company_president_sub {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 16px;
  }
}
.company_president_block .company_president_head .company_president_sub img {
  width: 100%;
}
.company_president_block .company_president_head .company_president_main {
  width: calc(100% - 260px);
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media only screen and (max-width:960px) {
  .company_president_block .company_president_head .company_president_main {
    width: 100%;
    display: block;
  }
}
.company_president_block .company_president_head .company_president_title {
  font-size: 32px;
  line-height: 1.8;
  color: black;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .company_president_block .company_president_head .company_president_title {
    font-size: 24px;
    margin: 0 0 8px;
  }
}
@media only screen and (max-width:960px) {
  .company_president_block .company_president_head .company_president_sign {
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
  }
}
.company_president_block .company_president_head .company_president_sign img {
  display: block;
  width: 198px;
}
@media only screen and (max-width:960px) {
  .company_president_block .company_president_head .company_president_sign img {
    width: 154px;
  }
}
.company_president_block .company_president_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
@media only screen and (max-width:960px) {
  .company_president_block .company_president_text {
    font-size: 14px;
  }
}

.company_staff_block {
  position: relative;
  background: url("assets/images/company/mem_bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 80px 24px;
}
@media only screen and (max-width:960px) {
  .company_staff_block {
    padding: 40px 16px;
  }
}
@media only screen and (max-width:768px) {
  .company_staff_block {
    margin: 0 -16px;
  }
}
.company_staff_block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  position: absolute;
  top: 0;
  left: 0;
}
.company_staff_block .common_related_title {
  position: relative;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
@media only screen and (max-width:960px) {
  .company_staff_block .common_related_title {
    display: flex;
    display: -ms-flexbox;
  }
}
.company_staff_block .company_staff_title {
  position: relative;
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
  font-weight: 700;
  color: black;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_title {
    font-size: 20px;
    margin: 0 0 16px;
  }
}
.company_staff_block .company_staff_text {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  color: black;
  text-align: center;
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_text {
    font-size: 14px;
    margin: 0 0 40px;
  }
}
.company_staff_block .company_staff_list {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 40px;
}
@media only screen and (max-width:1200px) {
  .company_staff_block .company_staff_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_list {
    margin: 0;
  }
}
.company_staff_block .company_staff_list .company_staff_item {
  width: calc((100% - 72px) / 3);
  margin: 0 24px 40px 0;
}
@media only screen and (max-width:1366px) {
  .company_staff_block .company_staff_list .company_staff_item {
    width: calc((100% - 32px) / 3);
    margin: 0 16px 40px 0;
  }
}
@media only screen and (max-width:1200px) {
  .company_staff_block .company_staff_list .company_staff_item {
    width: calc(50% - 8px);
    margin: 0 0 40px;
  }
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_list .company_staff_item {
    margin: 0 0 24px;
  }
}
.company_staff_block .company_staff_list .company_staff_item:nth-of-type(3n) {
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_list .company_staff_item:nth-of-type(3n) {
    margin: 0 0 24px;
  }
}
.company_staff_block .company_staff_list .company_staff_pic {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  margin: 0 0 16px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
}
.company_staff_block .company_staff_list .company_staff_pic .company_staff_label_list {
  /*
  				@include cm.display-flex;
  				@include cm.align-items(center);
  				@include cm.flex-wrap(wrap);
  				position: absolute;
  				left: 50%;
  				bottom: 12px;
  				@include cm.transform(translateX(-50%));
  				width: calc( 100% - 24px );
  				.company_staff_label_item{
  					display: inline-block;
  					padding: 1px 8px;
  					@include cm.border-radius(30px);
  					color: var.$white;
  					font-size: 12px;
  					line-height: 1.8;
  					text-align: center;
  					font-weight: 700;
  					margin: 0 4px 4px;
  					@extend .fg;
  					@media  only screen and (max-width:960px){
  						font-size: 11px;
  					}
  				}
  */
}
.company_staff_block .company_staff_list .company_staff_pic .company_staff_label {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: calc(100% - 52px);
  padding: 1px 16px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  color: #fff;
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_list .company_staff_pic .company_staff_label {
    width: calc(100% - 48px);
    font-size: 11px;
  }
}
.company_staff_block .company_staff_list .company_staff_name {
  font-size: 16px;
  text-align: center;
  color: #333;
  line-height: 1.8;
  margin: 0 0 8px;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_list .company_staff_name {
    font-size: 14px;
  }
}
.company_staff_block .company_staff_list .company_staff_info {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.8;
  color: #818181;
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_list .company_staff_info {
    font-size: 11px;
  }
}
.company_staff_block .company_staff_btnarea {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn {
  display: inline-block;
  background: none;
  font-size: 14px;
  line-height: 1.5;
  color: #1C97B5;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_btnarea .company_staff_viewmore_btn {
    font-size: 13px;
  }
}
.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn:hover small {
  background: #1C97B5;
}
.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn:hover small img {
  filter: brightness(0) invert(1);
}
.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn.active small img {
  transform: translateX(-50%) translateY(-50%) rotate(270deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(270deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(270deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(270deg);
}
.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn span {
  display: inline-block;
  vertical-align: middle;
}
.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn small {
  margin: 0 0 0 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px #1C97B5 solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .company_staff_block .company_staff_btnarea .company_staff_viewmore_btn small {
    width: 36px;
    height: 36px;
  }
}
.company_staff_block .company_staff_btnarea .company_staff_viewmore_btn small img {
  width: 20px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
}

.company_factory_block {
  padding: 160px 0 80px;
  position: relative;
  /*
  	.company_factory_bg{
  		position: absolute;
  		top: 160px;
  		right: -29px;
  		z-index: 0;
  		max-width: 100%;
  	}
  */
}
@media only screen and (max-width:960px) {
  .company_factory_block {
    overflow: hidden;
    margin: 0 -16px;
  }
}
@media only screen and (max-width:640px) {
  .company_factory_block {
    padding: 80px 0;
    /*
    		background: url(var.$get_img+"company/bg_sp.png") top 30px center no-repeat;
    		background-size: 100%;
    */
  }
}
@media only screen and (max-width:960px) {
  .company_factory_block .company_factory_inner {
    padding: 0 16px;
  }
}
.company_factory_block .circle {
  position: absolute;
  width: 855px;
  height: 855px;
  top: 180px;
  right: -29px;
}
@media only screen and (max-width:960px) {
  .company_factory_block .circle {
    width: 540px;
    height: 540px;
    right: -200px;
  }
}
.company_factory_block .dot01 {
  display: block;
  position: absolute;
  top: 5%;
  right: 0;
  animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
}
@media only screen and (max-width:960px) {
  .company_factory_block .dot01 {
    width: 15%;
  }
}
.company_factory_block .dot02 {
  display: block;
  position: absolute;
  top: 52%;
  left: 0;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 0.5s;
}
@media only screen and (max-width:960px) {
  .company_factory_block .dot02 {
    width: 15%;
    top: 29%;
  }
}
.company_factory_block .dot03 {
  display: block;
  position: absolute;
  top: 54%;
  right: 0;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .company_factory_block .dot03 {
    width: 15%;
    top: 34%;
  }
}
.company_factory_block .dot04 {
  display: block;
  position: absolute;
  bottom: 0;
  right: 10%;
  animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}
@media only screen and (max-width:960px) {
  .company_factory_block .dot04 {
    width: 15%;
    bottom: 10%;
  }
}
.company_factory_block .common_related_title {
  position: relative;
}
.company_factory_block .company_factory_pic {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto 24px;
}
@media only screen and (max-width:960px) {
  .company_factory_block .company_factory_pic {
    margin: 0 auto 16px;
  }
}
@media only screen and (max-width:640px) {
  .company_factory_block .company_factory_pic {
    width: calc(100% + 32px);
    margin: 0 -16px 16px;
  }
}
.company_factory_block .company_factory_textarea {
  position: relative;
  padding: 0 80px 0 0;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
@media only screen and (max-width:960px) {
  .company_factory_block .company_factory_textarea {
    padding: 0;
  }
}
.company_factory_block .company_factory_textarea .company_factory_textarea_inner {
  max-width: 560px;
  width: 100%;
}
.company_factory_block .company_factory_textarea .company_factory_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 700;
  color: black;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .company_factory_block .company_factory_textarea .company_factory_title {
    font-size: 24px;
  }
}
.company_factory_block .company_factory_textarea .company_factory_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
@media only screen and (max-width:960px) {
  .company_factory_block .company_factory_textarea .company_factory_text {
    font-size: 14px;
  }
}
.company_factory_block .company_address_block {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  margin: -24px 0 0;
}
@media only screen and (max-width:1440px) {
  .company_factory_block .company_address_block {
    margin: 24px 0 0;
  }
}
@media only screen and (max-width:960px) {
  .company_factory_block .company_address_block {
    margin: 32px 0 0;
  }
}
@media only screen and (max-width:640px) {
  .company_factory_block .company_address_block {
    display: block;
  }
}
.company_factory_block .company_address_block .company_address_pic {
  display: block;
  width: 455px;
  margin: 0 64px 0 0;
}
@media only screen and (max-width:1366px) {
  .company_factory_block .company_address_block .company_address_pic {
    margin: 0 32px 0 0;
  }
}
@media only screen and (max-width:1200px) {
  .company_factory_block .company_address_block .company_address_pic {
    width: 300px;
  }
}
@media only screen and (max-width:960px) {
  .company_factory_block .company_address_block .company_address_pic {
    width: 50%;
  }
}
@media only screen and (max-width:640px) {
  .company_factory_block .company_address_block .company_address_pic {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 16px;
  }
}
.company_factory_block .company_address_block .company_address_main .company_address_text {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
}
.company_factory_block .company_address_block .company_address_main .company_address_text small {
  font-size: 12px;
}
.company_factory_block .company_address_link {
  display: inline-block;
  font-size: 14px;
  line-height: 1.8;
  color: #1C97B5;
  font-weight: 700;
  margin: 24px 0 0;
}
.company_factory_block .company_address_link img {
  display: inline-block;
  width: 16px;
  margin: 0 4px 0 0;
  vertical-align: -3px;
}

/*=================

    column.scss

=======================*/
.common_column_list {
  display: flex;
  display: -ms-flexbox;
}
@media only screen and (max-width:1200px) {
  .common_column_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
@media only screen and (max-width:640px) {
  .common_column_list {
    display: block;
  }
}
.common_column_list .common_column_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 0 0;
}
@media only screen and (max-width:1200px) {
  .common_column_list .common_column_item {
    width: calc(50% - 12px);
    margin: 0 0 24px;
  }
}
@media only screen and (max-width:640px) {
  .common_column_list .common_column_item {
    width: 100%;
  }
}
.common_column_list .common_column_item:last-of-type {
  margin: 0;
}

.column_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 0 0 -24px;
}
@media only screen and (max-width:1200px) {
  .column_list {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:640px) {
  .column_list {
    display: block;
  }
}
.column_list .column_item {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 80px 0;
}
@media only screen and (max-width:1200px) {
  .column_list .column_item {
    width: calc(50% - 12px);
    margin: 0 0 80px;
  }
}
@media only screen and (max-width:640px) {
  .column_list .column_item {
    width: 100%;
    margin: 0 0 24px;
  }
}
.column_list .column_item:nth-of-type(3n) {
  margin: 0 0 80px;
}
@media only screen and (max-width:640px) {
  .column_list .column_item:nth-of-type(3n) {
    margin: 0;
  }
}

.column_link {
  position: relative;
  display: block;
  width: 100%;
}
.column_link:hover .column_pic_block:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.5) 100%);
  -webkit-background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.5) 100%);
}
.column_link:hover .column_pic {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
}
.column_link .pickup_label {
  display: block;
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
  top: -12px;
  left: -12px;
  z-index: 5;
  /*
  		white-space: nowrap;
  		display: block;
  		width: 40px;
  		height: 40px;
  		background: var.$main;
  		@include cm.border-radius(50%);
  		font-size: 12px;
  		line-height: 1;
  		color: var.$white;
  		text-align: center;
  		font-weight: 700;
  		@extend .fe;
  		position: absolute;
  		top: -12px;
  		left: -12px;
  		z-index: 5;
  		small{
  			position: absolute;
  			left:50%;
  			top:50%;
  			@include cm.transform(translateX(-50%) translateY(-50%));
  		}
  */
}
.column_link .column_pic_block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 202px;
  margin: 0 0 8px;
}
.column_link .column_pic_block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 52.08%, rgba(0, 0, 0, 0.25) 78.12%, rgba(0, 0, 0, 0.5) 100%);
  -webkit-background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 52.08%, rgba(0, 0, 0, 0.25) 78.12%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.column_link .column_pic {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.column_link .column_pic img {
  width: 52px;
}
.column_link .column_title {
  width: calc(100% - 40px);
  font-size: 18px;
  color: #fff;
  line-height: 1.8;
  font-weight: 700;
  position: absolute;
  bottom: 18px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.column_link .column_title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.column_link .column_main {
  padding: 0 8px;
}
.column_link .column_label_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.column_link .column_label_list .column_label_item {
  margin: 0 8px 8px 0;
}
.column_link .column_label {
  display: inline-block;
  padding: 1.5px 16px;
  font-size: 10px;
  line-height: 1.5;
  color: #8A8A8A;
  border: 1px #8A8A8A solid;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
.column_link .column_text {
  font-size: 12px;
  line-height: 1.8;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.column_wrap {
  margin: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .column_wrap {
    margin: 64px 0 0;
  }
}
.column_wrap .editor_wrap a {
  text-decoration: none;
}

.column_key_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.column_key_list .column_key_item {
  margin: 0 6px 8px 0;
}
.column_key_list .column_key_link {
  font-size: 13px;
  line-height: 1.5;
  color: #888888;
  font-weight: 700;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.column_key_list .column_key_link:hover {
  color: #1C97B5;
  text-decoration: underline;
}
.column_key_list .column_key_link:before {
  content: "#";
  margin: 0 2px 0 0;
}
.column_key_list .column_key_link span {
  text-decoration: underline;
}

.column_tag_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  padding: 0 8px;
}
.column_tag_list .column_tag_item {
  margin: 8px 8px 0 0;
}
@media only screen and (max-width:960px) {
  .column_tag_list .column_tag_item {
    margin: 4px 8px 0 0;
  }
}
.column_tag_list .column_tag_link {
  font-size: 11px;
  line-height: 1.5;
  color: #818181;
  font-weight: 500;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.column_tag_list .column_tag_link:hover {
  color: #1C97B5;
  text-decoration: underline;
}
.column_tag_list .column_tag_link:before {
  content: "#";
  margin: 0 2px 0 0;
}
.column_tag_list .column_tag_link span {
  text-decoration: underline;
}

.column_related_studio {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .column_related_studio {
    margin: 0 0 40px;
  }
}

/*=================

    about.scss

=======================*/
.about_mv_wrap {
  position: relative;
  /*
  	background: url(var.$get_img+"about/bg01.png") top center no-repeat;
  	background-size: contain;
  */
  padding: 160px 16px;
  /*
  	@media  only screen and (max-width:640px){
  		background: url(var.$get_img+"about/bg01_sp.png") top center no-repeat;
  		background-size: contain;
  	}
  */
}
@media only screen and (max-width:960px) {
  .about_mv_wrap {
    padding: 64px 16px 80px;
  }
}
.about_mv_wrap .dot01 {
  display: block;
  position: absolute;
  top: 10%;
  left: 5%;
  animation: fuwafuwa 3s ease infinite;
  -webkit-animation: fuwafuwa 3s ease infinite;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .dot01 {
    width: 15%;
  }
}
.about_mv_wrap .dot02 {
  display: block;
  position: absolute;
  top: 5%;
  right: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 0.5s;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .dot02 {
    width: 15%;
  }
}
.about_mv_wrap .dot03 {
  display: block;
  position: absolute;
  bottom: 10%;
  left: 10%;
  animation: fuwafuwa 2s ease infinite;
  -webkit-animation: fuwafuwa 2s ease infinite;
  animation-delay: 1s;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .dot03 {
    width: 15%;
  }
}
.about_mv_wrap .dot04 {
  display: block;
  position: absolute;
  bottom: 5%;
  right: 10%;
  animation: fuwafuwa 1.5s ease infinite;
  -webkit-animation: fuwafuwa 1.5s ease infinite;
  animation-delay: 1.5s;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .dot04 {
    width: 15%;
  }
}
.about_mv_wrap .about_mv_wrap2 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  display: -ms-flexbox;
  gap: 40px;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
@media only screen and (max-width:640px) {
  .about_mv_wrap .about_mv_wrap2 {
    flex-direction: column;
  }
}
.about_mv_wrap .about_mv_inner {
  width: 60%;
  margin-top: -100px;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .about_mv_inner {
    margin-top: 0px;
  }
}
@media only screen and (max-width:640px) {
  .about_mv_wrap .about_mv_inner {
    width: 100%;
  }
}
.about_mv_wrap .about_mv_image {
  width: 40%;
}
.about_mv_wrap .about_mv_image img {
  width: 100%;
}
@media only screen and (max-width:640px) {
  .about_mv_wrap .about_mv_image {
    width: 70%;
  }
}
.about_mv_wrap .about_mv_title {
  font-size: 48px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .about_mv_title {
    font-size: 24px;
    margin: 0 0 24px;
  }
}
.about_mv_wrap .about_mv_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin: 0 0 40px;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .about_mv_text {
    font-size: 14px;
    margin: 0 0 24px;
  }
}
.about_mv_wrap .about_mv_list {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  display: -ms-flexbox;
}
.about_mv_wrap .about_mv_list .about_mv_item {
  width: calc((100% - 80px) / 3);
  margin: 0 40px 0 0;
  background: #fff;
  border: 2px #1C97B5 solid;
  padding: 29px 16px;
  text-align: center;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .about_mv_list .about_mv_item {
    width: calc((100% - 16px) / 3);
    margin: 0 8px 0 0;
    padding: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-width: 1px;
  }
}
.about_mv_wrap .about_mv_list .about_mv_item:last-of-type {
  margin: 0;
}
.about_mv_wrap .about_mv_list .about_mv_item_title {
  font-size: 20px;
  line-height: 1.5;
  color: #1C97B5;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .about_mv_list .about_mv_item_title {
    font-size: 12px;
  }
}
.about_mv_wrap .about_mv_list .about_mv_item_title span {
  font-size: 32px;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .about_mv_list .about_mv_item_title span {
    font-size: 20px;
  }
}
.about_mv_wrap .about_mv_list img {
  display: block;
  width: 100%;
  max-width: 100px;
  margin: 0 auto;
}
@media only screen and (max-width:960px) {
  .about_mv_wrap .about_mv_list img {
    max-width: 53px;
  }
}

.other_reason {
  position: relative;
}
.other_reason::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.3);
}

.about_reason_wrap {
  padding: 160px 16px;
  background-position: center;
  background-size: cover;
}
@media only screen and (max-width:960px) {
  .about_reason_wrap {
    padding: 40px 16px;
  }
}
.about_reason_wrap .about_reason_main_title {
  text-align: center;
  font-size: 48px;
  line-height: 1.5;
  color: #fff;
  font-weight: 700;
  margin: 0 0 40px;
  line-height: 1.5;
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_main_title {
    font-size: 32px;
    margin: 0 0 24px;
  }
}
.about_reason_wrap .about_reason_main_title small {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin: 8px 0 0;
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_main_title small {
    font-size: 14px;
  }
}
.about_reason_wrap .about_reason_anchor_list {
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  max-width: 1096px;
  width: 100%;
  margin: 0 auto 80px;
}
@media only screen and (max-width:640px) {
  .about_reason_wrap .about_reason_anchor_list {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin: 0 -8px 8px;
    width: calc(100% + 16px);
  }
}
.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item {
  width: calc((100% - 96px) / 5);
  margin: 0 24px 0 0;
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item {
    width: calc((100% - 48px) / 5);
    margin: 0 12px 0 0;
  }
}
@media only screen and (max-width:640px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item {
    width: calc((100% - 24px) / 3);
    margin: 0 4px 16px;
  }
}
.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item:last-of-type {
  margin: 0;
}
@media only screen and (max-width:640px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_item:last-of-type {
    margin: 0 4px 16px;
  }
}
.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_link {
  display: block;
  width: 100%;
}
.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_pic {
  display: block;
  width: 100%;
  padding-top: calc(100% - 4px);
  border: 2px #1C97B5 solid;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: relative;
  margin: 0 0 16px;
}
.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_pic img {
  display: block;
  width: 100%;
  max-width: 150px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_pic img {
    max-width: 80px;
  }
}
.about_reason_wrap .about_reason_anchor_list .about_reason_anchor_text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_anchor_list .about_reason_anchor_text {
    font-size: 12px;
  }
}
.about_reason_wrap .about_reason_block {
  max-width: 1096px;
  width: 100%;
  margin: 0 auto;
}
.about_reason_wrap .about_reason_block .about_reason_box {
  padding: 134px 0 0;
  margin: -134px 0 40px;
}
@media only screen and (max-width:1366px) {
  .about_reason_wrap .about_reason_block .about_reason_box {
    padding: 124px 0 0;
    margin: -124px 0 40px;
  }
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_block .about_reason_box {
    padding: 96px 0 0;
    margin: -96px 0 24px;
  }
}
.about_reason_wrap .about_reason_block .about_reason_box:last-of-type {
  margin: -134px 0 0;
}
@media only screen and (max-width:1366px) {
  .about_reason_wrap .about_reason_block .about_reason_box:last-of-type {
    margin: -124px 0 0;
  }
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_block .about_reason_box:last-of-type {
    margin: -96px 0 0;
  }
}
.about_reason_wrap .about_reason_block .about_reason_box:nth-of-type(even) .about_reason_inner {
  flex-direction: row-reverse;
}
.about_reason_wrap .about_reason_block .about_reason_inner {
  background: #fff;
  padding: 24px;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_block .about_reason_inner {
    padding: 16px;
  }
}
@media only screen and (max-width:768px) {
  .about_reason_wrap .about_reason_block .about_reason_inner {
    display: block;
  }
}
.about_reason_wrap .about_reason_block .about_reason_inner .about_reason_sub {
  width: calc(50% - 20px);
}
@media only screen and (max-width:768px) {
  .about_reason_wrap .about_reason_block .about_reason_inner .about_reason_sub {
    display: none;
  }
}
.about_reason_wrap .about_reason_block .about_reason_inner .about_reason_main {
  width: calc(50% - 20px);
}
@media only screen and (max-width:768px) {
  .about_reason_wrap .about_reason_block .about_reason_inner .about_reason_main {
    width: 100%;
  }
}
.about_reason_wrap .about_reason_block .about_reason_pic {
  width: 100%;
  height: 100%;
  min-height: 306px;
}
@media only screen and (max-width:768px) {
  .about_reason_wrap .about_reason_block .about_reason_pic {
    min-height: inherit;
    height: inherit;
    padding-top: 60.45%;
    margin: 0 0 16px;
  }
}
.about_reason_wrap .about_reason_block .about_reason_title {
  font-size: 32px;
  line-height: 1.8;
  font-weight: 700;
  color: #333;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_block .about_reason_title {
    font-size: 24px;
  }
}
.about_reason_wrap .about_reason_block .about_reason_title span {
  color: #1C97B5;
}
.about_reason_wrap .about_reason_block .about_reason_title small {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #1C97B5;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_block .about_reason_title small {
    font-size: 16px;
  }
}
.about_reason_wrap .about_reason_block .about_reason_text {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
@media only screen and (max-width:960px) {
  .about_reason_wrap .about_reason_block .about_reason_text {
    font-size: 14px;
  }
}

.about_contact {
  margin-bottom: 80px;
}
@media only screen and (max-width:640px) {
  .about_contact {
    margin-bottom: 40px;
  }
}

/*=================

    contact.scss

=======================*/
.common_contact_wrap {
  padding: 80px 0;
}
@media only screen and (max-width:960px) {
  .common_contact_wrap {
    padding: 40px 0;
  }
}
.common_contact_wrap .common_contact_title {
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin: 0 0 30px;
}
@media only screen and (max-width:960px) {
  .common_contact_wrap .common_contact_title {
    font-size: 32px;
    margin: 0 0 24px;
  }
}
.common_contact_wrap .common_contact_title span {
  display: block;
  color: #1C97B5;
  font-size: 16px;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .common_contact_wrap .common_contact_title span {
    font-size: 14px;
  }
}
.common_contact_wrap .common_contact_text {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  font-weight: 500;
  margin: 0 0 30px;
  text-align: center;
}
@media only screen and (max-width:960px) {
  .common_contact_wrap .common_contact_text {
    font-size: 13px;
    margin: 0 0 24px;
  }
}
.common_contact_wrap .common_contact_block {
  max-width: 1030px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background: url("../images/contact/bg.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding: 48px 0;
}
@media only screen and (max-width:960px) {
  .common_contact_wrap .common_contact_block {
    padding: 40px 16px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
  }
}
@media only screen and (max-width:768px) {
  .common_contact_wrap .common_contact_block {
    display: block;
  }
}
.common_contact_wrap .common_contact_block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.common_contact_wrap .common_contact_box {
  position: relative;
  width: 436px;
  padding: 0 20px;
}
@media only screen and (max-width:960px) {
  .common_contact_wrap .common_contact_box {
    width: 50%;
  }
}
@media only screen and (max-width:768px) {
  .common_contact_wrap .common_contact_box {
    width: 100%;
    margin: 0 0 14px;
  }
}
@media only screen and (max-width:640px) {
  .common_contact_wrap .common_contact_box {
    padding: 0;
  }
}
@media only screen and (max-width:768px) {
  .common_contact_wrap .common_contact_box:last-of-type {
    margin: 0;
  }
}
.common_contact_wrap .common_contact_subtext {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 500;
  color: #fff;
  margin: 14px 0 0;
}
@media only screen and (max-width:960px) {
  .common_contact_wrap .common_contact_subtext {
    font-size: 13px;
  }
}
@media only screen and (max-width:768px) {
  .common_contact_wrap .common_contact_subtext {
    text-align: center;
  }
}

.common_contact_tel_link {
  position: relative;
  display: inline-block;
  padding: 14px 22px;
  width: 100%;
  white-space: nowrap;
  border: 2px #1C97B5 solid;
  background: #fff;
  color: #1C97B5;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  filter: drop-shadow(0px 8px 0px rgba(0, 0, 0, 0.1));
  border-radius: 90px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
}
@media only screen and (max-width:960px) {
  .common_contact_tel_link {
    font-size: 16px;
    padding: 8px 6px;
  }
}
@media only screen and (max-width:768px) {
  .common_contact_tel_link {
    display: block;
    max-width: 272px;
    margin: 0 auto;
    padding: 12px 6px;
    text-align: center;
  }
}
.common_contact_tel_link .common_contact_tel_icon {
  position: relative;
  display: inline-block;
  margin: 0 24px 0 0;
  vertical-align: -19px;
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .common_contact_tel_link .common_contact_tel_icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    vertical-align: -10px;
    margin: 0 8px 0 0;
  }
}
@media only screen and (max-width:768px) {
  .common_contact_tel_link .common_contact_tel_icon {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}
.common_contact_tel_link .common_contact_tel_icon img {
  width: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width:960px) {
  .common_contact_tel_link .common_contact_tel_icon img {
    width: 19px;
  }
}

.common_contact_mail_link {
  position: relative;
  display: inline-block;
  padding: 14px 22px;
  width: 100%;
  white-space: nowrap;
  background: #FFD81A;
  color: #1C97B5;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  filter: drop-shadow(0px 8px 0px rgba(0, 0, 0, 0.1));
  border-radius: 90px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
}
@media only screen and (max-width:960px) {
  .common_contact_mail_link {
    font-size: 16px;
    padding: 8px 6px;
  }
}
@media only screen and (max-width:768px) {
  .common_contact_mail_link {
    display: block;
    max-width: 272px;
    margin: 0 auto;
    padding: 12px 6px;
    text-align: center;
  }
}
.common_contact_mail_link .common_contact_mail_icon {
  position: relative;
  display: inline-block;
  margin: 0 24px 0 0;
  vertical-align: -19px;
  width: 56px;
  min-width: 56px;
  height: 56px;
}
@media only screen and (max-width:960px) {
  .common_contact_mail_link .common_contact_mail_icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    vertical-align: -10px;
    margin: 0 8px 0 0;
  }
}
@media only screen and (max-width:768px) {
  .common_contact_mail_link .common_contact_mail_icon {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}
.common_contact_mail_link .common_contact_mail_icon img {
  width: 48px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
@media only screen and (max-width:960px) {
  .common_contact_mail_link .common_contact_mail_icon img {
    width: 19px;
  }
}

/* form */
.contact_step_block {
  max-width: 162px;
  /*max-width: 283px;*/
  width: 100%;
  margin: 0 auto 80px;
}
@media only screen and (max-width:960px) {
  .contact_step_block {
    max-width: 265px;
    margin: 0 auto 40px;
  }
}
.contact_step_block .contact_step_list {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.contact_step_block .contact_step_list .contact_step_num {
  position: relative;
  display: block;
  width: 41px;
  min-width: 41px;
  height: 41px;
  background: #808080;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .contact_step_block .contact_step_list .contact_step_num {
    width: 35px;
    height: 35px;
    font-size: 12px;
  }
}
.contact_step_block .contact_step_list .contact_step_num span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}
.contact_step_block .contact_step_list .contact_step_num.active {
  background: #1C97B5;
}
.contact_step_block .contact_step_list .contact_step_line {
  display: block;
  width: calc(100% - 82px);
  /*width: calc( ( 100% - 123px ) / 2 );*/
  height: 2px;
  background: #808080;
}
@media only screen and (max-width:960px) {
  .contact_step_block .contact_step_list .contact_step_line {
    width: calc(100% - 70px);
    /*width: calc( ( 100% - 105px ) / 2 );*/
  }
}
.contact_step_block .contact_step_list .contact_step_line.active {
  background: #1C97B5;
}
.contact_step_block .contact_step_text_list {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.contact_step_block .contact_step_text_list .contact_step_text_item {
  display: block;
  font-size: 14px;
  color: #808080;
  line-height: 1.8;
  width: 41px;
  text-align: center;
  font-weight: 700;
}
@media only screen and (max-width:960px) {
  .contact_step_block .contact_step_text_list .contact_step_text_item {
    font-size: 12px;
    width: 35px;
  }
}
.contact_step_block .contact_step_text_list .contact_step_text_item.active {
  color: #1C97B5;
}

.contact_bg {
  background: rgba(28, 151, 181, 0.24);
  padding: 80px 16px;
  max-width: 800px;
  margin: 0 auto;
}
@media only screen and (max-width:960px) {
  .contact_bg {
    padding: 40px 16px;
  }
}
.contact_bg .contact_list {
  display: block;
  width: 100%;
  max-width: 640px;
  margin: 0 auto 40px;
}
.contact_bg .contact_item {
  margin: 0 0 40px;
}
.contact_bg .contact_item:last-of-type {
  margin: 0;
}
.contact_bg .contact_main {
  width: 100%;
}

.contact_product_block {
  display: block;
  margin: 40px 0 0;
}
.contact_product_block .contact_product_box {
  display: none;
}
.contact_product_block .contact_product_box.active {
  display: block;
}
.contact_product_block .contact_list .contact_item {
  margin: 0 0 24px;
}

.contact_product_result {
  padding: 24px 24px 12px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #EAEAEA;
}
@media only screen and (max-width:960px) {
  .contact_product_result {
    padding: 16px 16px 8px;
  }
}
.contact_product_result .contact_product_result_title {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .contact_product_result .contact_product_result_title {
    font-size: 12px;
  }
}
.contact_product_result .contact_product_result_list {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
@media only screen and (max-width:960px) {
  .contact_product_result .contact_product_result_list {
    display: block;
  }
}
.contact_product_result .contact_product_result_list .contact_product_result_item {
  margin: 0 24px 12px 0;
}
@media only screen and (max-width:960px) {
  .contact_product_result .contact_product_result_list .contact_product_result_item {
    margin: 0 0 8px;
  }
}
.contact_product_result .contact_product_result_list .form_product_result_label {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  padding: 2px 8px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
.contact_product_result .contact_product_result_list .form_product_result_label small {
  display: block;
  width: 16px;
  min-width: 16px;
  margin: 0 0 0 4px;
}
.contact_product_result .contact_product_result_list .form_product_result_label small img {
  display: block;
  width: 100%;
}

.contact_term_block {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin: 0 0 40px;
}

.contact_tel_block {
  text-align: center;
}
.contact_tel_block .contact_tel_title {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  font-weight: 700;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .contact_tel_block .contact_tel_title {
    font-size: 12px;
  }
}
.contact_tel_block .contact_tel_text {
  font-size: 11px;
  line-height: 1.8;
  color: #333;
}

.contact_tel_link {
  position: relative;
  display: block;
  width: 242px;
  white-space: nowrap;
  text-align: center;
  border: 2px #1C97B5 solid;
  background: #fff;
  color: #1C97B5;
  font-size: 16px;
  line-height: 51px;
  font-weight: 700;
  margin: 0 auto 8px;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
}
@media only screen and (max-width:960px) {
  .contact_tel_link {
    max-width: 206px;
    line-height: 48px;
  }
}
.contact_tel_link .contact_tel_icon {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: inline-block;
  width: 46px;
  min-width: 46px;
  height: 46px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width:960px) {
  .contact_tel_link .contact_tel_icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
}
.contact_tel_link .contact_tel_icon img {
  width: 28px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

.contact_complete_block {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
}
.contact_complete_block .contact_complete_title {
  font-size: 32px;
  text-align: center;
  color: #1C97B5;
  font-weight: 700;
  line-height: 1.8;
  margin: 0 0 24px;
}
@media only screen and (max-width:960px) {
  .contact_complete_block .contact_complete_title {
    font-size: 24px;
  }
}
.contact_complete_block .contact_complete_text {
  font-size: 14px;
  line-height: 1.8;
  margin: 0 0 40px;
  color: #333;
}
@media only screen and (max-width:640px) {
  .contact_complete_block .common_btn01 {
    max-width: 400px;
  }
}

/*=================

    custom.scss

=======================*/
.recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_title {
  font-size: 27px;
}
@media only screen and (max-width:640px) {
  .recruit_message_wrap .recruit_message_block .recruit_message_main .recruit_message_title {
    font-size: 20px;
  }
}

.footer_menu_service_list {
  margin: 16px 0 0;
  padding: 0 0 0 32px;
}

.footer_menu_service_item {
  margin: 0 0 10px;
}

.footer_sublink {
  display: block;
}

.footer_menu_service_link {
  display: block;
  position: relative;
  padding: 0 0 0 13px;
  color: #fff;
  line-height: 1.7;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  font-family: "游ゴシック", YuGothic, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
}
@media only screen and (max-width:960px) {
  .footer_menu_service_link {
    font-size: 12px;
  }
}
.footer_menu_service_link:before {
  content: "-";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.company_factory_video_block {
  margin: 80px 0 0;
}
@media only screen and (max-width:960px) {
  .company_factory_video_block {
    margin: 40px 0 0;
    padding: 0 20px;
  }
}

.company_factory_video_main {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.company_factory_video_main iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.company_staff_block .company_staff_list .company_staff_pic .company_staff_label_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: calc(100% - 24px);
}

.company_staff_block .company_staff_list .company_staff_pic .company_staff_label_list .company_staff_label_item {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
  font-weight: 700;
  margin: 0 4px 4px;
}

@media only screen and (max-width: 960px) {
  .company_staff_block .company_staff_list .company_staff_pic .company_staff_label_list .company_staff_label_item {
    font-size: 11px;
  }
}
.editor_wrap {
  margin: 0 0 80px;
}

@media only screen and (max-width: 960px) {
  .editor_wrap {
    margin: 0 0 40px;
  }
}
/*-------- 色指定 ---------*/
:root {
  --f-text:#333333; /*文字の色*/
  --f-line:#C6C6C6; /*線の色*/
  --f-bg1:#EA3900; /*タイトル行の背景色*/
  --f-bg2:#EFEFEF; /*ストライプの背景色*/
}

.wp-block-table table {
  color: var(--f-text);
  text-align: start;
  border: 2px solid var(--f-line);
  background-color: white;
}

.wp-block-table table th {
  border: 1px dotted white;
  text-align: start;
}

.wp-block-table thead {
  border-bottom: 1px solid var(--f-line);
}

.wp-block-table table td {
  border: 1px dotted var(--f-line);
  text-align: start;
  vertical-align: top;
}

.wp-block-table thead {
  color: white;
}

.wp-block-table th {
  background-color: var(--f-bg1);
}

.wp-block-table tr:nth-child(even) {
  background-color: var(--f-bg2);
}

.voice-d_mem_info .voice-d_logo {
  display: block;
  width: 120px;
  height: 60px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 8px;
}

@media only screen and (max-width: 960px) {
  .voice-d_mem_info .voice-d_logo {
    width: 56px;
    height: 28px;
    margin: 0 0 4px;
  }
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.top_search_wrap .top_search_list .top_search_text {
  -webkit-line-clamp: 6 !important;
}

.top_service_sub_block .top_service_sub_pic01 {
  max-width: none;
}

@media only screen and (max-width: 640px) {
  .top_contact_wrap .top_contact_pic01 {
    width: 120px;
  }
  .top_contact_wrap .top_contact_pic02 {
    width: 120px;
  }
}
.product-all_pic_block:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 52.08%, rgba(0, 0, 0, 0.25) 78.12%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s ease;
}

.product-all_link:hover .product-all_pic_block:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.25) 80%, rgba(0, 0, 0, 0.5) 100%);
}

.recruit_message_block img {
  display: block;
  width: auto;
  height: auto;
  width: 100%;
  max-width: 960px;
  margin: 40px auto 0px;
}

.product-all_pic_block:before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40.08%, rgba(0, 0, 0, 0.1) 87%, rgba(0, 0, 0, 0.3) 100%);
}

.top_company_wrap .top_company_box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.top_ec_wrap .top_ec_subtitle {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5019607843);
}

.top_ec_text span {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5019607843);
}

.company_contact_link {
  color: #EA3700;
}

.company_address_main a {
  color: #EA3700;
}

.company_factory_textarea a {
  color: #EA3700;
}

.top_ec_wrap .top_ec_subtitle {
  font-size: 18px;
}

@media only screen and (max-width: 960px) {
  .top_ec_wrap .top_ec_subtitle {
    font-size: 16px;
  }
}
.wp-block-image figcaption {
  margin-top: 0.1em !important;
  margin-bottom: 2em !important;
  font-size: 0.8em;
}

.wp-container-core-columns-layout-3.wp-container-core-columns-layout-3 {
  margin-bottom: 40px !important;
}

.wp-block-columns img {
  margin-bottom: 0px !important;
}

.wp-block-button {
  display: block;
  width: 100%;
  border: 1px black solid;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  padding: 8px 40px 8px 16px;
  background: url("assets/images/common/arrow_black-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 80px;
  transition: all 0.3s ease;
}

.wp-block-button__link.wp-element-button {
  display: block;
  width: 100%;
  border: 1px black solid;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  font-weight: 500;
  padding: 8px 40px 8px 16px;
  background: url("assets/images/common/arrow_black-right_icon.svg") right 16px center no-repeat #fff;
  background-size: 16px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 80px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.wp-block-button__link.wp-element-button:hover {
  color: #fff;
  background: url("assets/images/common/arrow_white-right_icon.svg") right 16px center no-repeat #000;
  background-size: 16px;
}

.wp-block-button {
  width: calc((100% - 48px) / 3);
  margin: 0 24px 24px 0;
}

@media only screen and (max-width: 1200px) {
  .wp-block-button {
    width: calc(50% - 4px);
    margin: 0 0 12px;
  }
}
@media only screen and (max-width: 640px) {
  .wp-block-button {
    width: 100%;
    margin: 0 0 8px;
  }
}
.wp-block-button:nth-of-type(3n) {
  margin: 0 0 24px;
}

@media only screen and (max-width: 1200px) {
  .wp-block-button:nth-of-type(3n) {
    margin: 0 0 12px;
  }
}
@media only screen and (max-width: 640px) {
  .wp-block-button:nth-of-type(3n) {
    margin: 0 0 8px;
  }
}
@media only screen and (max-width: 640px) {
  .product-d_block .product-d_download_list .product-d_download_item:last-of-type {
    margin: 0;
  }
}
.wp-block-buttons {
  align-items: start;
}

.wp-block-buttons.is-layout-flex {
  align-items: start !important;
}

/* editer  */
@media only screen and (max-width: 960px) {
  /*
    .editor_wrap img {
      width : 300px !important;
    }
  */
  .async {
    width: auto !important;
  }
}
.product_talk_wrap {
  margin: 160px 0 80px 0;
}

.poduct-middle_others_wrap {
  margin: 0 0 80px 0;
}

.wp-block-table {
  margin-bottom: 40px;
}

.wp-block-table table td {
  max-width: 300px;
}

@media only screen and (max-width: 960px) {
  .wp-block-table {
    margin-bottom: 24px;
  }
  .wp-block-table:last-child {
    margin-bottom: 0px;
  }
  .wp-block-table table td {
    max-width: none;
  }
}
table td {
  max-width: 200px;
  border: 1px dotted var(--f-line);
  text-align: start;
  vertical-align: top;
  padding: 0.5em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--f-text);
  text-align: start;
  border: 2px solid var(--f-line);
  background-color: white;
}

td {
  border: 1px dotted var(--f-line);
  text-align: start;
  vertical-align: top;
  max-width: 200px;
  border: 1px solid;
}

.wp-block-table {
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table tr:nth-child(even) {
  background-color: var(--f-bg2);
}

table td {
  max-width: 300px;
}

@media only screen and (max-width: 960px) {
  table td {
    max-width: 200px;
  }
}
.product_interest_block {
  overflow: hidden;
}

.product_interest_list {
  display: flex;
  display: -ms-flexbox;
}
@media only screen and (max-width:960px) {
  .product_interest_list {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
@media only screen and (max-width:640px) {
  .product_interest_list {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    padding: 30px 0 50px 30px;
    overflow: scroll;
    -ms-overflow-style: none; /* IE, Edge 対応 */
    scrollbar-width: none; /* Firefox 対応 */
  }
  .product_interest_list::-webkit-scrollbar { /* Chrome, Safari 対応 */
    display: none;
  }
}
.product_interest_list .product_interest_item {
  width: calc((100% - 60px) / 5);
  margin: 0 12px 0 0;
}
@media only screen and (max-width:960px) {
  .product_interest_list .product_interest_item {
    width: calc(50% - 10px);
    margin: 0 0 20px;
  }
}
@media only screen and (max-width:640px) {
  .product_interest_list .product_interest_item {
    min-width: 220px;
    width: 220px;
    margin: 0 20px 0 0;
  }
}
.product_interest_list .product_interest_item:last-of-type {
  margin: 0;
}
.product_interest_list .product_link {
  padding: 10px;
}
.product_interest_list .product_link .product_label {
  font-size: 9px;
  margin: 0 auto 20px;
}
.product_interest_list .product_link .product_pic {
  max-width: 80px;
  height: 80px;
  margin: 0 auto 20px;
}
.product_interest_list .product_link .product_title {
  font-size: 14px;
  height: 40px;
}
.product_interest_list .product_link .product_text {
  font-size: 10px;
}

/*=================

    news.scss

=======================*/
.news_layout_wrap {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 0 0 180px;
}
@media only screen and (max-width:960px) {
  .news_layout_wrap {
    padding: 0 0 64px;
  }
}
@media only screen and (max-width:768px) {
  .news_layout_wrap {
    display: block;
  }
}
.news_layout_wrap.news-detail {
  flex-direction: row-reverse;
}
@media only screen and (max-width:768px) {
  .news_layout_wrap.news-detail .news_layout_aside {
    margin: 64px 0 0;
  }
}
.news_layout_wrap .news_layout_main {
  width: calc(100% - 320px);
  padding: 0 40px 0 0;
}
@media only screen and (max-width:1200px) {
  .news_layout_wrap .news_layout_main {
    width: calc(100% - 264px);
    padding: 0 20px 0 0;
  }
}
@media only screen and (max-width:960px) {
  .news_layout_wrap .news_layout_main {
    padding: 0;
  }
}
@media only screen and (max-width:768px) {
  .news_layout_wrap .news_layout_main {
    width: 100%;
  }
}
.news_layout_wrap .news_layout_aside {
  position: relative;
  width: 240px;
}
@media only screen and (max-width:768px) {
  .news_layout_wrap .news_layout_aside {
    width: 100%;
    margin: 0 0 40px;
  }
}

.news_list .news_item {
  position: relative;
}
.news_list .news_link {
  position: relative;
  padding: 16px 0;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
.news_list .news_link:before {
  content: "";
  display: none;
  width: 24px;
  height: 1px;
  background: #1C97B5;
  position: absolute;
  left: -24px;
  bottom: 0;
}
.news_list .news_link:after {
  content: "";
  display: block;
  width: calc(100% - 64px);
  height: 1px;
  background: #C6C6C6;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width:960px) {
  .news_list .news_link:after {
    width: calc(100% - 36px);
  }
}
.news_list .news_link:hover {
  transform: translateX(24px);
  -webkit-transform: translateX(24px);
  -moz-transform: translateX(24px);
  -ms-transform: translateX(24px);
}
@media only screen and (max-width:960px) {
  .news_list .news_link:hover {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
  }
}
.news_list .news_link:hover:before {
  display: block;
}
@media only screen and (max-width:960px) {
  .news_list .news_link:hover:before {
    display: none;
  }
}
.news_list .news_link:hover:after {
  background: #1C97B5;
}
@media only screen and (max-width:960px) {
  .news_list .news_link:hover:after {
    background: #C6C6C6;
  }
}
.news_list .news_link:hover .news_arrow {
  background: #1C97B5;
}
.news_list .news_link:hover .news_arrow img {
  filter: brightness(0) invert(1);
}
.news_list .news_main {
  width: calc(100% - 64px);
}
@media only screen and (max-width:960px) {
  .news_list .news_main {
    width: calc(100% - 36px);
    padding: 0 8px 0 0;
  }
}
.news_list .news_info {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .news_list .news_info {
    margin: 0 0 8px;
  }
}
.news_list .news_date {
  font-size: 12px;
  color: #888;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 8px 0 0;
}
@media only screen and (max-width:960px) {
  .news_list .news_date {
    font-size: 11px;
  }
}
.news_list .news_category {
  border: 1px #D9D9D9 solid;
  color: #8A8A8A;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  padding: 2px 16px;
  border-radius: 24px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
@media only screen and (max-width:960px) {
  .news_list .news_category {
    padding: 2px 8px;
  }
}
.news_list .news_title {
  font-size: 16px;
  line-height: 1.5;
  line-height: 1.5;
  color: black;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media only screen and (max-width:960px) {
  .news_list .news_title {
    font-size: 14px;
    -webkit-line-clamp: 2;
  }
}
.news_list .news_arrow {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  border: 1px #1C97B5 solid;
  background: #fff;
  border-radius: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .news_list .news_arrow {
    width: 32px;
    height: 32px;
  }
}
.news_list .news_arrow img {
  display: block;
  width: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
}

.news_category_block {
  position: sticky;
  top: 154px;
}
@media only screen and (max-width:960px) {
  .news_category_block {
    top: 116px;
  }
}
@media only screen and (max-width:768px) {
  .news_category_block {
    position: relative;
    top: inherit;
  }
}
.news_category_block .news_category_title {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #1C97B5;
  background: #efefef;
  line-height: 41px;
  margin: 0 0 16px;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}
@media only screen and (max-width:960px) {
  .news_category_block .news_category_title {
    font-size: 13px;
    line-height: 39px;
  }
}

@media only screen and (max-width:768px) {
  .news_category_list {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
}
.news_category_list .news_category_item {
  margin: 0 0 8px;
}
@media only screen and (max-width:768px) {
  .news_category_list .news_category_item {
    margin: 0 4px 8px;
  }
}
.news_category_list .news_category_link {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #9D9D9D;
  background: #EAEAEA;
  padding: 2px 16px;
  font-weight: 700;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
@media only screen and (max-width:960px) {
  .news_category_list .news_category_link {
    padding: 2px 8px;
    font-size: 13px;
  }
}
.news_category_list .news_category_link.active {
  background: #1C97B5;
  color: #fff;
}

/* news detail */
.news-d_wrap {
  margin: 0 0 160px;
}
@media only screen and (max-width:960px) {
  .news-d_wrap {
    margin: 0 0 64px;
  }
}
.news-d_wrap .news-d_info {
  margin: 0 0 80px;
}
@media only screen and (max-width:960px) {
  .news-d_wrap .news-d_info {
    margin: 0 0 40px;
  }
}
.news-d_wrap .news-d_date {
  font-size: 14px;
  color: #888;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 8px;
}
@media only screen and (max-width:960px) {
  .news-d_wrap .news-d_date {
    font-size: 13px;
  }
}
.news-d_wrap .news-d_title {
  font-size: 42px;
  color: #333;
  line-height: 1.5;
  line-height: 1.5;
  font-weight: 700;
  margin: 0 0 16px;
}
@media only screen and (max-width:960px) {
  .news-d_wrap .news-d_title {
    font-size: 30px;
  }
}
.news-d_wrap .news-d_label {
  display: inline-block;
  border: 1px #D9D9D9 solid;
  color: #8A8A8A;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 2px 16px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
@media only screen and (max-width:960px) {
  .news-d_wrap .news-d_label {
    padding: 2px 8px;
    font-size: 13px;
  }
}/*# sourceMappingURL=style.css.map */